#contoh {
-moz-box-shadow: 10px 10px 5px #222;
-webkit-box-shadow: 10px 10px 5px #222;
box-shadow: 10px 10px 5px #222;
}

• Masuk ke Rancangan
• Klik Elemen Laman
• Pilih Tambah Gadget
• Klik yang HTML/JavaScript
• Kemudian masukkan kode followers dibawah ini :
  <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
  <!-- Define the div tag where the gadget will be inserted. -->
  <div id="div-catatan-albar" style="width:280px;border:1px solid #cccccc;"></div>
  <!-- Render the gadget into a div. -->
  <script type="text/javascript">
  var skin = {};
  skin['BORDER_COLOR'] = '#dedede';
  skin['ENDCAP_BG_COLOR'] = '#f0f0f0';
  skin['ENDCAP_TEXT_COLOR'] = '#444';
  skin['ENDCAP_LINK_COLOR'] = '#444';
  skin['ALTERNATE_BG_COLOR'] = '#fff';
  skin['CONTENT_BG_COLOR'] = '#f9f9f9';
  skin['CONTENT_LINK_COLOR'] = '#444';
  skin['CONTENT_TEXT_COLOR'] = '#444';
  skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';
  skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';
  skin['CONTENT_HEADLINE_COLOR'] = '#444';
  skin['NUMBER_ROWS'] = '3';
  google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
  google.friendconnect.container.renderMembersGadget(
  { id: 'div-catatan-albar,
     site: '085668147719' },
    skin);
  </script>
• Ganti kode yang berwarna merah dan ungu dengan kode id blog sobat
• Simpan.

1. untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
2. Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
3. Untuk mencari kode yang berwarna merah dan ungu, jika sebelumnya sobat sudah memasang widget followers, maka sobat bisa klik kanan pada halaman blog kemudian klik “view page source” lalu klik CTRL+F dan ketik saja followers. Dari situ sobat dapat melihat kode id dan site dari blog sobat. 

1. Login ke Blogger menggunakan ID sobat.
2. Klik Entri Baru.
3. Didalam postingan lihat gambar seperti dibawah ini. 
   
     
4. Kemudian klik Upload Images. dan browse untuk mencari gambarnya.
   
    
5. Lalu klik tombol OK
6. Untuk menambahkan link ke dalam gambar, klik pada gambar dan klik tombol link yang ada di bagian atas kolom postingan.
   
    
7. Kamudian masukkan alamat url yang sobat inginkan 
8. klik ok,

Untuk memasangnya sangat mudah, sobat cukup kunjungi situs www.wieistmeineip.de. Pada halaman depan akan ada gambar seperti dibawah ini :

Klik gambar tersebut dan kemudian sobat akan dibawa ke halaman pilihan model IP address beserta kode HTML-nya, contohnya seperti ini :



Copy kode HTML-nya dan masukkan ke blog sobat. Bagi sobat blogger baru yang belum tau cara pasang kode HTML di blog :

1. Login ke blogger
   
2. kemudian klik Tata Letak
   
3. Klik Elemen Halaman
   
4. Klik Tambah Gadget
   
5. Pilih yang HTML/Javascript
   
6. Masukkan kode HTML-nya kedalam kolom kosong yang tersedia
   
7. Lalu Simpan. 

• http://centricle.com/tools/html-entities/
  
• http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

1. Login ke blogger dengan ID anda tentunya.
2. Klik  Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :
   ]]></b:skin>
   
   
5. Copy paste kode berikut persis di atas kode yang tadi :
   
   .quickedit{
   display:none;
   }
   
   
6. Klik tombol Simpan template.
   
7. Selesai.
   

1. Login ke blogger dengan ID anda
2. Klik Pengaturan.
3. Klik Format.
4. Alihkan perhatian ke bagian bawah, cari tulisan Bahasa. Ubah bahasanya menjadi Inggris (Inggris Raya).
   
5. Klik tombol SIMPAN SETELAN.
6. Selesai.

1. Login ke blogger dengan ID anda.
   
2. Klik Tata Letak.
   
3. Klik tab Edit HTML.
   
4. Klik pada tulisan Download Template Lengkap di bagian sebelah atas monitor. Silahkan di Backup dulu templatenya (sangat penting).
   
5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
   
   
   
   
   
   
6. Tunggu beberapa saat sampai proses selesai.
   
7. Cari kode yang seperti di bawah ini :
   
   
   
   

   
   
     <b:includable id='menu' var='data'>
       
     <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
   
       
       <option value=''><data:title/></option>
   
       
       <b:loop values='data:data' var='i'>
   
       
         <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
   
       
       </b:loop>
   
       
     </select>
   
       
   </b:includable>
   

   
   
8. Hapus kode diatas, lalu ganti dengan kode kode di bawah ini :
   
   
   
   

   
   
     <b:includable id='menu' var='data'>
       
     <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' style='width:100%'>
   
       
       <option value=''><data:title/></option>
   
       
       <b:loop values='data:data' var='i'>
   
       
         <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
   
       
       </b:loop>
   
       
     </select>
   
       
   </b:includable>
   

   
   
9. Klik tombol Simpan Template.
   
10. Selesai. Silahkan lihat hasilnya.