Memasang Recent Comments atau Komentar Terbaru di Blogger

Pendahuluan


Apabila anda sering mengunjungi sebuah situs-situs blog, mungkin sesekali anda pasti pernah menjumpai kolom Recent Comments atau Komentar Terbaru disana. Disamping membuat tertarik pembaca untuk ikut nimbrung dan berdiskusi disana, widget Recent Comments juga memberikan informasi artikel mana yang sedang ramai dibicarakan kepada pemilik blog. Lalu bagaimana cara pemasanganya dan apakah rumit untuk dipasang? Tentu saja tidak, silahkan simak artikel saya berikut ini.


Pada situs blog berplatform Wordpress, seorang pemilik blog tidak perlu berpusing ria, karena widget recent comments bawaan sudah tersedia disana. Pemilik blog berplatform wordpress cukup pergi ke menu Tampilan dan drag & drop widget ini disana. Lalu bagaimana dengan pengguna blog berplatform Blogger atau blogspot.com dimana tidak tersedia widget recent comments bawaan disana? Eits, jangan berkecil hati. Pengguna blog di Blogger juga bisa memasang widget ini sama seperti di wordpress, bedanya hanyalah sedikit penambahan kode javascript disana.


Live Demo


Untuk melihat demonstrasi widget di Blogger silahkan kunjungi halaman ini


Instalasi Recent Comments di Blogger


Langkah-langkah pemasangan widget Recent Comments atau Komentar Terbaru di Blogger adalah sebagai berikut:


  1. Login ke Blogger.com
  2. Pergi ke Layout atau Tata Letak di situs blog dimana widget ini ingin dipasang
  3. Kemudian pergi ke Page Element atau Elemen Halaman lalu Add a Gadget
  4. Pilih Gadget dengan judul HTML/Javascript
  5. Selanjutnya beri judul Recent Comments atau Komentar Terbaru atau apapun, setelah itu copy code dibawah ini dan paste di bagian body gadget.
  6. Ganti tulisan NamaBlogKamu yang bertanda biru dengan alamat/nama blog yang ingin dipasang,
  7. Save/Simpan dan lihat hasilnya.
  8. Selesai



Opsi-Opsi Tambahan


Untuk pengguna bloger dengan domain sendiri, misal: www.namablogkamu.com


  • Cari dan ganti NamaBlogKamu.blogspot.com dengan domain alamat blog kamu sendiri.

…src=”http://namablogkamu.com/feeds/comments/default…


Jumlah Komentar


Widget ini sudah diset untuk menampilkan 5 baris komentar terbaru. Apabila ingin merubah nilai tersebut, silahkan cari dan ganti angka 5 di dalam tubuh kode dengan nilai jumlah baris komentar yang ingin ditampilkan. Nilai yang disarankan adalah antara 4 s/d 8.


… a_rc=5;var m_rc=false;var n_rc=true;var…


Jumlah Karakter Komentar (Excerpt)


Widget ini sudah diset untuk menampilkan 100 karakter (dipenggal tiap 100 karakter) dari keseluruhan jumlah karakter dari setiap komentar. Jika ingin merubah nilai tersebut, silahkan lihat angka 100 di dalam tubuh kode dan gantikan dengan jumlah karakter yang dingin ditampilkan.


n_rc=true;var o_rc=100;


*Nilai yang disarankan adalah antara: 50 s/d 100.


______________________________________________________________________________________________(end)


Selamat mencoba, apabila kode dalam artikel ini tidak berjalan semestinya atau pun berjalan dengan baik, silahkan isi kolom komentar dibawah sebagai umpan-balik pengembangan selanjutnya.

Baca Keseluruhan Isi Posting Ini >

Robot Bersaudara dan Fotografer yg Jenius

Foto-foto berikut saya dapatkan dalam halaman Flickr Stefan. Cukup unik dan cerdas dalam pengambilan gambar serta tema. Silahkan lihat-lihat (di pripiu) dan jangan lupa kasih komen-nya ya, kalo mo kasih cendol juga boleh.

 

SELAMAT HARI RAYA IDUL ADHA YA GAN (POTONG ROBOT)..

Tks, anda baru saja menyaksikan robot mimin dan momod (bot_version). Dipersembahkan oleh www.ari-sty.cz.cc.

Baca Keseluruhan Isi Posting Ini >

Firefox

Editor: Mozilla

Release : 3.5.5 (latest version) Release: 3.5.5 (versi terbaru)

Language : English Bahasa: Inggris

License : Open Source/free Lisensi: Open Source / gratis

System : Me/2000/XP/Vista/Win7 Sistem: Me/2000/XP/Vista/Win7

Download (directly) or via http://en.kioskea.net/ (faster mirror)

Keterangan:

VuWroP7q8ju0vVVT-s-Mozilla Firefox is a secure web-browser frequently updated and  with Hundreds of extension, themes, etc. Mozilla Firefox adalah sebuah browser web aman yang sering diperbarui dan dengan Ratusan ekstensi, tema, dll

When installed, it also allows you to import your bookmarks from your old browser, thus you will not lose your bookmarks. Ketika diinstal, juga memungkinkan Anda untuk mengimpor bookmark dari browser lama Anda, sehingga Anda tidak akan kehilangan penanda Anda.

Take advantage of features such as tabbed browsing, brand-dynamic pages, and the integrated search bar. Manfaatkan fitur seperti tabbed browsing, merek-halaman dinamis, dan pencarian terintegrasi bar.

The blocking advertisements integrated into Firefox has been improved to stop even more unsolicited advertising (pop-up and pop-under). Memblokir iklan-iklan yang diintegrasikan ke dalam Firefox telah ditingkatkan untuk menghentikan lebih banyak iklan yang tidak diminta (pop-up dan pop-under).

Advantages: Keuntungan:

Firefox may be personalized with thousands of useful Add-ons available from https://addons.mozilla.org. Firefox dapat dipersonalisasi dengan ribuan berguna Firefox tersedia dari https://addons.mozilla.org.

The brand new Software Update feature makes the installation of updates easy and non intrusive. Merek Software Update fitur baru membuat pembaruan instalasi mudah dan tidak mengganggu. Firefox automatically downloads these small updates in the background and notifies you when ready to install them. Firefox secara otomatis download pembaruan kecil ini di latar belakang dan akan memberitahu Anda ketika mereka siap untuk menginstal mereka.

Baca Keseluruhan Isi Posting Ini >

Tutorial Membuat Related Post atau Artikel Berhubungan di Blogger

image Jika kita berkunjung ke salah satu halaman blog sahabat (blog-walking), disana mungkin pernah kita jumpai istilah Related Post atau artikel yang berhubungan dengan tema yang sedang kita baca. Related Post merupakan pengelompokan judul artikel yang sesuai dengan tema bahasan atau topik yang sedang ditampilkan atau dibaca. Bagi seorang pembaca, fungsi widget ini sangat berguna dalam menemukan informasi yang lebih lengkap dalam sebuah blog. Anda mempunya sebuah blog? Mengapa tidak untuk mencoba yang satu ini.

Untuk blog ber-platform wordpress seperti yang saya miliki di ari-sty.co.cc, tersedia banyak plugin siap pakai yang bisa andagunakan dan  download di wordpress.org. Lalu bagaimana dengan pengguna blog di blogger atau blogspot.com agar dapat menampilkan Related Post di dalam halaman blognya?

Lihat contoh: Live Demo

Di dalam tutorial ini saya akan menjelaskan pemasangan widget Related Post untuk blog dengan platform Blogger atau blogspot.com dimana disana belum tersedia widget standardnya. Baiklah kita mulai saja proses pembuatanya:

  1. Yang harus anda lakukan pertama tentu saja adalah login ke dalam akun blog anda di blogger.com.
  2. Buka Layout atau Tata-Letak
  3. Pilih Edit HTML agar kode HTML blog ditampilkan
  4. Beri tanda centang pada Expand Template Widget untuk melihat kode blog secara keseluruhan
  5. Cari kode berikut: <data:post.body/>
  6. Jika sudah ketemu, copy dan paste kode berikut dibawah kode diatas. Simpan/Save dan lihat hasilnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='similiar'>
        <div class='widget-content'>
        <h3>Related Posts by Categories</h3>
        <div id='data2007'/><br/><br/> 
            <script type='text/javascript'>

            var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
            var maxNumberOfPostsPerLabel = 4;
            var maxNumberOfLabels = 10;

            maxNumberOfPostsPerLabel = 100;
            maxNumberOfLabels = 3;

            function listEntries10(json) {
              var ul = document.createElement(&#39;ul&#39;);
              var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
                             json.feed.entry.length : maxNumberOfPostsPerLabel;
              for (var i = 0; i &lt; maxPosts; i++) {
                var entry = json.feed.entry[i];
                var alturl;

                for (var k = 0; k &lt; entry.link.length; k++) {
                  if (entry.link[k].rel == &#39;alternate&#39;) {
                    alturl = entry.link[k].href;
                    break;
                  }
                }
                var li = document.createElement(&#39;li&#39;);
                var a = document.createElement(&#39;a&#39;);
                a.href = alturl;

                if(a.href!=location.href) {
                    var txt = document.createTextNode(entry.title.$t);   
                    a.appendChild(txt);
                    li.appendChild(a);
                    ul.appendChild(li);   
                }
              }
              for (var l = 0; l &lt; json.feed.link.length; l++) {
                if (json.feed.link[l].rel == &#39;alternate&#39;) {
                  var raw = json.feed.link[l].href;
                  var label = raw.substr(homeUrl3.length+13);
                  var k;
                  for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
                  var txt = document.createTextNode(label);
                  var h = document.createElement(&#39;b&#39;);
                  h.appendChild(txt);
                  var div1 = document.createElement(&#39;div&#39;);
                   div1.appendChild(h);
                  div1.appendChild(ul);
                  document.getElementById(&#39;data2007&#39;).appendChild(div1);
                }
              }
            }
            function search10(query, label) {

            var script = document.createElement(&#39;script&#39;);
            script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
             + label +
            &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
            script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
            document.documentElement.firstChild.appendChild(script);
            }

            var labelArray = new Array();
            var numLabel = 0;

            <b:loop values='data:posts' var='post'>
              <b:loop values='data:post.labels' var='label'>
                textLabel = &quot;<data:label.name/>&quot;;
                var test = 0;
                for (var i = 0; i &lt; labelArray.length; i++)
                if (labelArray[i] == textLabel) test = 1;
                if (test == 0) {
                   labelArray.push(textLabel);
                   var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
                          labelArray.length : maxNumberOfLabels;
                   if (numLabel &lt; maxLabels) {
                      search10(homeUrl3, textLabel);
                      numLabel++;
                   }
                }
              </b:loop>
            </b:loop>
            </script>
        </div>

    </div>
</b:if>

Untuk merubah judul Related Post, cari <h3>Related Posts by Categories</h3> dan ganti sesuai keinginan anda. Misal <h3>Artikel yg Berhubungan</h3>.

Sekian dan terima kasih, anda telah membaca artikel saya di www.ari-sty.cz.cc (blogger platform)

Baca Keseluruhan Isi Posting Ini >

Memasang SexyBookmarks ke dalam situs Blog (Blogger)

Pendahuluan

imageSetelah anda berhasil membuat blog, membuat postingan artikel dan memasang template yang sesuai dengan keinginan. Langkah berikutnya agar anda tidak merasa jemu dengan blog anda, silahkan percantik tampilan blog anda dengan memasang widget-widget yang disukai. Salah satu widget yang dapat mempercantik tampilan blog dan memudahkan pembaca dalam menyebarkan tulisan anda dari blog adalah widget SexyBookmarks.

Wodget ini pada dasarnya diciptakan untuk blog berplatform Wordpress saja. Lalu bagaimana dengan pengguna blogger.com? Ups, jangan khawatir, kita perlu berterima kasih atas jerih payah Naeem Noor di situsnya: CSS Reflex yang berusaha membuat kode widget SexyBookmarks untuk situs blog berplatform Blogger.com.

 

Sexy bookmarks for Blogger v2

Sexybookmarks for Blogger v2

Untuk versi sebelumnya adalah Sexy Bookmarks V1 dan sudah cukup banyak dipakai dan hanya terdiri dari satu baris, contohnya bisa anda lihat di halaman o-om.com. Kali ini kita akan menggunakan widget SexyBookmarks v2, contoh realnya dapat anda lihat di situs saya.

Preview

Lihat demo resminya Disini

Sekarang, Mari Kita Mulai.

CATATAN: !Sebelum memulai pengeditan template, jangan lupa untuk mem-backup template anda saat ini!

Login ke blogger.com, kemudian klik Tata Letak pada halaman blog anda. Jika layar sudah tampil, klik Edit HTML. Jika sudah menemui layar seperti berikut, maka kita bisa memulai mengedit:

image

1. Pertama-tama, pergi ke template editor dan beri tanda centang/check “Expand Widget Template”.
2. Taruh kode (copy-paste) dibawah ini sebelum </head>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> 
<script type='text/javascript'
jQuery(document).ready(function() { 
// xhtml 1.0 strict way of using target _blank 
jQuery('.sexy-bookmarks a.external').attr("target", "_blank"); 
// this block sets the auto vertical expand when there are more than 
// one row of bookmarks. 
var sexyBaseHeight=jQuery('.sexy-bookmarks').height(); 
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height(); 
if (sexyFullHeight>sexyBaseHeight) { 
jQuery('.sexy-bookmarks-expand').hover( 
function() { 
jQuery(this).animate({ 
height: sexyFullHeight+'px' 
}, {duration: 400, queue: false}); 
}
function() { 
jQuery(this).animate({ 
height: sexyBaseHeight+'px' 
}, {duration: 400, queue: false}); 
} 
); 
} 
// autocentering 
if (jQuery('.sexy-bookmarks-center')) { 
var sexyFullWidth=jQuery('.sexy-bookmarks').width(); 
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width(); 
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length; 
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth); 
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth; 
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px'); 
} 
}); 
</script>

Dan letakkan kode berikut setelah kode diatas,

<style type="text/css"> 
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important} 
div.sexy-bookmarks-expand{height:29px; overflow:hidden
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important} 
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important} 
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important} 
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important} 
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important} 
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img512.imageshack.us/img512/3131/sexysprite.png') no-repeat !important;border: 0;outline: none;} 
.sexy-digg{background-position:-980px bottom !important} 
.sexy-digg:hover{background-position:-980px top !important} 
.sexy-reddit{background-position:-700px bottom !important} 
.sexy-reddit:hover{background-position:-700px top !important} 
.sexy-stumbleupon{background-position:-630px bottom !important} 
.sexy-stumbleupon:hover{background-position:-630px top !important} 
.sexy-delicious{background-position:-1190px bottom !important} 
.sexy-delicious:hover{background-position:-1190px top !important} 
.sexy-yahoobuzz{background-position:-1120px bottom !important} 
.sexy-yahoobuzz:hover{background-position:-1120px top !important} 
.sexy-blinklist{background-position:-1260px bottom !important} 
.sexy-blinklist:hover{background-position:-1260px top !important} 
.sexy-technorati{background-position:-560px bottom !important} 
.sexy-technorati:hover{background-position:-560px top !important} 
.sexy-myspace{background-position:-770px bottom !important} 
.sexy-myspace:hover{background-position:-770px top !important} 
.sexy-twitter{background-position:-490px bottom !important} 
.sexy-twitter:hover{background-position:-490px top !important} 
.sexy-facebook{background-position:-1330px bottom !important} 
.sexy-facebook:hover{background-position:-1330px top !important} 
.sexy-mixx{background-position:-840px bottom !important} 
.sexy-mixx:hover{background-position:-840px top !important} 
.sexy-scriptstyle{background-position:-280px bottom !important} 
.sexy-scriptstyle:hover{background-position:-280px top !important} 
.sexy-designfloat{background-position:-1050px bottom !important} 
.sexy-designfloat:hover{background-position:-1050px top !important} 
.sexy-newsvine{background-position:left bottom !important} 
.sexy-newsvine:hover{background-position:left top !important} 
.sexy-google{background-position:-210px bottom !important} 
.sexy-google:hover{background-position:-210px top !important} 
.sexy-comfeed{background-position:-420px bottom !important} 
.sexy-comfeed:hover{background-position:-420px top !important} 
.sexy-linkedin{background-position:-70px bottom !important} 
.sexy-linkedin:hover{background-position:-70px top !important} 
.sexy-friendfeed{background-position:-1750px bottom !important} 
.sexy-friendfeed:hover{background-position:-1750px top !important} 
.sexy-link{ margin-left:25px; float:left
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>

3. Selanjutnya, letakkan kode berikut setelah <data:post.body/>. Untuk template blog yang sudah ada fungsi auto-readmore, biasanya ada dua buah <data:post.body/>, jika demikian letakkan kode berikut setelah <data:post.body/> yang kedua (sebelum </b:if>).

<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'> 
<ul class='socials'> 
<li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li> 
<li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li> 
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li> 
<li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li> 
<li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li> 
<li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li> 
<li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li> 
<li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li> 
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li> 
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li> 
<li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li> 
<li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li> 
<li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li> 
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li> 
<li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li> 
<li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li> 
<li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li> 
<li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li> 
</ul> 
<div style='clear:both;'/> 
</div> 
<div class='sexy-link'> Widget by <a href='http://www.cssreflex.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='http://www.tutzone.org/' title='Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More'> TutZone</a></div>

Jika menemui kendala dalam pemasangan widget ini, silahkan isi kolom komen dibawah.

Tks (ari-sty)

Baca Keseluruhan Isi Posting Ini >

Tutorial Bikin Situs Blog Pribadi di Blogspot (Blogger)

tulisan ini adalah edisi revisi dari tulisan sebelumnya..

Mungkin diantara kita ada yang belum tahu tentang blog dan senantiasa bertanya-tanya tentang apa yang dinamakan dengan blog, maka pada kesempatan kali ini saya akan coba mengulas sedikit tentang blog menurut versi saya sendiri.

1. Apa itu Blog ?


Blog adalah singkatan dari Web log, yang pada dasarnya merupakan situs yang bersifat pribadi (personal website) dan berfungsi untuk menggambarkan kepribadian dari pemilik blog itu sendiri melalui tulisan-tulisan yang dibuat. Lebih jelasnya, salah satu contoh gambaran detil bentuk situs blog adalah seperti yang sedang ada baca saat ini.

Blog dirancang sedemikian rupa oleh para web developer penyedia blog agar situs ini mampu bekerja secara otomatis untuk mengolah data (data input, berupa tulisan, komentar, dlsb.) sendiri sehingga mudah untuk dioperasikan oleh pemiliknya. Dengan demikian, seorang pemilik blog tidak perlu lagi pusing-pusing memikirkan bahasa pemrograman web (web coding), pemilik blog cukup mengoperasikan fasilitas-fasilitas yang tersedia di situs blog untuk membuat tampilan blog sesuai yang diinginkan.

Sekali lagi saya tegaskan, meskipun anda sangat awam dengan bahasa pemrograman (seperti HTML, ASP, PHP, JAVA, SQL, dll.) anda tidak perlu khawatir dan tidak ada ruginya untuk mencoba karena suatu saat anda akan menemui manfaat yang luar biasa dari sebuah blog. Jika anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun tidak jauh berbeda dan modal utama dalam membuat sebuah blog itu sendiri adalah alamat email (tentunya harus valid atau benar-benar anda miliki).

2. Cara membuat blog


Seperti halnya membuat akun e-mail (email account), dalam membuat blog pun kita harus mempunyai sebuah akun (account) terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com, http://blogsome.com dan masih banyak lagi yang lainya.

Dalam tulisan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com. Tentu saja, saya tidak akan menyarankan anda menggunakan layanan blog yang kerap kali bermasalah. Blogger.Com adalah penyedia layanan blog terbaik yang ada saat ini dan berada dibawah naungan server terbesar yaitu Google.com.

Kelebihan membuat situs blog dalam blogger.com adalah (sekali lagi ini adalah versi saya, dan tidak bermaksud menyinggung layanan blog lainya):

  1. Menjadi anggota situs terbesar di dunia, Google.com, sekali saja anda mendaftarkan sebuah akun di Google, anda sudah bisa menikmati beraneka ragam layanan dari Google.com seperti, Gmail: email berkapasitas 2GB, Album web Picassa (album foto ini bisa diintegrasikan dengan facebook), dan masih banyak layanan gratis tanpa batas lainya.
  2. Layanan ini 100% tidak dipungut biaya, bahkan anda bisa mendapatkan uang dari sini,
  3. Blog anda tidak akan hangus meskipun sudah bertahun-tahun tidak anda jamah atau kunjungi,
  4. Tidak ada batasan bandwidth, ruang penyimpanan (quota disk), dan database (SQL)
  5. Aman dari serangan hacker dan komentar-komentar spam yang mampu melumpuhkan situs blog,
  6. Bebas mengubah tampilan situs sesuka hati, serta jutaan template tersedia gratis di luar sana,
  7. Anda boleh mengubah nama domain “namablog.blogspot.com” menjadi “namablog.com” (contoh custom). Untuk nama domain (com, info, web, co.id, web.id) bisa dibeli di domain registrar atau di menu registrasi blogger.com itu sendiri (biasanya register pertahun). Jika ingin menggunakan domain gratis, anda bisa menggunakan domain seperti “namablog.cz.cc” seperti yang sedang saya gunakan saat ini. Untuk mengarahkan domain ke dalam situs blog kita di blogger.com silahkan baca disini.
  8. Layanan ini mendukung multi bahasa, termasuk bahasa Indonesia,
  9. Pengguna dan tutorial blogger.com sudah banyak dibuat oleh rekan blogger di Indonesia (dengan versi Indonesia),
  10. Dan terakhir, yang paling digemari para blogger mania adalah mendapatkan penghasilan dari penayangan iklan dari Google Adsense (lumayan untuk sekedar uang jajan). Untuk situs blog dengan platform blogger.com, tentunya proses jauh lebih mudah dan cukup dengan klik mouse saja (tidak perlu register akun Adsense dan memasukkan kode HTML ke dalam halaman situs blog).

Tertarik untuk memulai menjadi seorang blogger? Silahkan anda klik gambar dibawah untuk mendaftarkan blog.

ciptakan blog sekarang juga

Setelah anda berada pada situs blogger.com, anda akan menjumpai layar seperti di atas. Silahkan lakukan langkah-langkah berikut ini :

  1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "
  2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)
  3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
  4. Tuliskan password yang anda inginkan pada form Masukkan sebuah kata sandi atau password
  5. Isikan kembali password anda tadi pada form Ketik ulang kata sandi atau password
  6. Isi Nama Tampilan sesuai dengan nama yang ingin anda tampilkan, nama ini nantinya akan menjadi identitas/nama blog. Anda masih bisa merubahnya nanti di menu pengaturan.
  7. Ktik tulisan yang tertera pada form Verifikasi Kata. Beri tanda centang (chek) pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
  8. Klik gambar anak panah yang bertuliskan "LANJUTKAN" (bukan kampanye politik lho..)
  9. Tuliskan judul blog yang anda inginkan (anda masih dapat merubahnya nanti di menu pengaturan) pada form Judul Blog
  10. Tulis nama situs anda pada form Alamat Blog (URL) biasanya diikuti domain blogspot.com, untuk mengarahkan ke domain custom silahkan baca disini.
  11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
  12. Pilihlah gambar tampilan (template) yang anda inginkan (nanti bisa di rubah laanda masih dapat merubahnya nanti di menu tampilan), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
  13. Setelah keluar tulisan "Blog Anda telah di ciptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".


3. Isi (Content) blog :


Bagi seorang blogger pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi (content) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi cerita pendek, novel, puisi, perjalan hidup, teknik, fotografi, informasi, catatan (kutipan) atau apa saja.

Di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena di luar sana pasti ada banyak orang yang mempunyai minat dan hobi yang sama dengan anda. Dengan demikian mereka pun akan tertarik untuk membaca tulisan-tulisan anda dan akan memberikan komentarnya (salah satu fungsi penting blog lainya adalah diskusi interaktif dengan pembaca).

Dari sini anda akan merasakan betapa bergunanya sebuah blog, anda tidak akan lagi merasa hidup sendiri karena diluar sana ada berjuta pembaca yang siap mendengarkan curhat, hasil karya dan cerita anda.

bersambung (to be continued)…

4. Tahap lanjutan

1. Tutorial Menulis Posting di Blog (semua jenis blog),

Untuk situs blog dengan platform Blogger.com, anda bisa mengajak 100 orang untuk berpartisipasi dalam menulis posting di blog yang telah anda buat. Sebagai contoh, anda membuat blog untuk keluarga anda, maka anda bisa mengajak dan mendaftarkan keluarga anda untuk menceritakan dan mengabadikan kejadian-kejadian penting di keluarga anda (selain dapat berbagi cerita keluarga dengan banyak orang dan dikenal, album dan kisah tersebut akan abadi di dalam server Google.com).

2. Mengubah Tampilan Situs Blog (Blogger)

Anda dapat mengubah tema situs blog sesuai dengan kepribadian atau isi dari tulisan-tulisan yang anda terbitkan (post) di internet. Sebagai contoh, tema diary (untuk menceritakan kisah hidup), tema fotografi (jika anda seorang fotografer), tema koran/majalah interaktif (jika anda lebih tertarik untuk menayangkan informasi dan berita), tema otomotif (jika anda hobi otomotif), dan masih banyak lagi pilihan tema/template blogger yang bisa anda pergunakan.

Terima kasih, anda telah membaca artikel dari http://ari-sty.cz.cc (ari-sty)

Baca Keseluruhan Isi Posting Ini >

Direktur Utama Telkomsel Dilaporkan ke Polisi

Setelah berpusing-ria dan ngamuk-ngamuk dengan layanan ini tapi akhirnya cukup merasa lega (sedikit sih karena kasus berbeda, tapi gpp tinggal SMS aja ke nomor dibawah) setelah membaca berita dari TEMPO Interaktif. Alamat aslinya disini.

TEMPO Interaktif, Jakarta - Indonesia Telecommunication Users Group (ID.TUG) melaporkan Direktur Utama PT Telekomunikasi Selular (Telkomsel) Sarwoto Atmo Sutarno ke polisi. Ia dijerat Undang-Undang Perlindungan Konsumen dan Undang-Undang tentang Telekomunikasi terkait dengan perubahan layanan bagi pengguna Telkomsel Flash (T-Flash), yang dinilai merugikan pelanggannya.

Menurut Sekretaris Jenderal ID.TUG Muhammad Jumadi, Telkomsel membuat kebijakan mengurangi kuota Fair Usage dan bandwidth layanan T-Flash, yang berlaku mulai 1 September 2009. Semua pelanggan hanya diberi kuota 500 megabita (MB) dan akan dikenai tambahan biaya untuk dapat mengakses layanan T-Flash dengan kecepatan tinggi.

Sebelumnya, Telkomsel memberlakukan kuota sesuai dengan jenis paket layanan T-Flash. Untuk paket Basic, pelanggan diberi kuota Fair Usage 500 MB, paket Advance 1,2 gigabita (GB), serta Paket Pro 3 GB.

Kebijakan Telkomsel ini dinilai sebagai arogansi perusahaan besar. "Akibatnya, hak-hak konsumen diabaikan," ujar Jumadi kepada Tempo kemarin.

Ketua Bidang Advokasi dan Legal ID.TUG Deni A.K. menambahkan, sebelum mereka melapor ke polisi, Telkomsel telah disomasi. Namun, jawaban somasi dari Telkomsel pada 30 September lalu dinilai tidak menyelesaikan persoalan dengan baik dan tuntas. Sehingga pada Sabtu lalu, ID.TUG melaporkan Telkomsel ke Kepolisian Daerah Metro Jaya.

Menurut Deni, Telkomsel telah mengumumkan penundaan pemberlakuan kebijakan ini hingga akhir Oktober ini dan memberlakukannya pada 1 November mendatang.

Namun, akibat perubahan kebijakan tersebut, akumulasi kerugian pelanggan akan semakin besar. Deni menilai Telkomsel telah mengabaikan hak pelanggan tentang kepastian pelayanan.

Jumadi mengatakan ID.TUG menuntut Telkomsel mengembalikan bandwidth yang telah dikurangi per 1 September lalu. "Dan layanan kembali sesuai perjanjian," kata Jumadi.

ID.TUG juga membuka hot line pengaduan tentang pelayanan T-Flash ke nomor 0818790063. "Sudah banyak yang mengadu," tuturnya.

Manajer Mobile Broadband Telkomsel Arief Pradetya mengaku belum bisa memberikan penjelasan terkait dengan langkah ID.TUG. "Saya belum mendapat laporan dari tim legal," katanya saat dihubungi Tempo kemarin.

Hanya, kata dia, bila sudah melibatkan kepolisian, urusannya akan berbeda. "Proses komunikasi menjadi tidak ada gunanya," ujarnya.

NUR ROCHMI | IQBAL MUHTAROM | MARIA HASUGIAN

Baca Keseluruhan Isi Posting Ini >

Alasan Kenapa Cukup Tampilkan Foto Wajah Dalam Profile

Jika anda adalah seorang netter yang gemar berkutat di situs-situs social bookmarks atau situs-situs jejaring sosial seperti forum, facebook, twitter, plurk, myspace, blogger, wordpress, dll. tentu anda wajib mengisikan foto profil diri guna kelengkapan data identitas diri anda.

Selain itu foto juga sangat berguna untuk menarik minat teman untuk memperkuat daya tarik agar pengguna lainya tertarik untuk menambahkan anda sebagai teman.

Terkadang seseorang lebih cenderung untuk menampilkan foto wajahnya saja dengan berbagai macam aneka gaya narcis tentunya, dan beberapa lainya yang masih malu-malu kucing menggunakan foto kartun atau foto binatang-binatang lucu.

Catatan: untuk yang baca dari facebook, silahkan klik disini karena halaman ini tidak tampil dengan baik disana.:nohope: Facebook belum ISO gan.

Salah satu contoh yang menggunakan profil wajah adalah seperti berikut ini:

Ini dia nih gan alasannya :

Wew cakep khan gan… he’eh.. :genit:

Pernahkah anda bertanya, kenapa hampir semua orang selalu menggunakan profil wajah saja? Dan ternyata jawabannya adalah sebagai berikut:

Ini dia nih gan alasannya, Warning: HOT! gan :

Wow, ternyata bohay banget gan!    Hehehe..

Asli ane mohon mangap nih gan, bukan maksud untuk menyinggung agan-agan.:malus Saya cuma pingin share aja dan mengharapkan senyum dari agan-agan, bukan bata..

 

Baca Keseluruhan Isi Posting Ini >