Cara Modifikasi Widget Followers Blog

Cara Modifikasi Widget Followers Blog

Posted by rike on 0

Selamat sore sobat blogger Dapur Tutorial Blogspot dan Seo. Allhamdulillah hari ini dapat berbagi pengalaman menarik Soal Tutoril Blog setelah kemaren Master Chef tidak dapat Update Postingan blog ini akibat banyaknya aktifitas di dunianyata. Sehari tidak bersama Blog rasanya kangen banget dan hari ini akhirnya berkesempatan untuk kangen-kangenan dengan blog Kesayangan ini.

Tutorial Blog kali ini, Master Chef akan memberikan resep tetang bangaimana Cara Memodifikasi Widget Followe Blog. Tutorial ini Master Chef sampaikan berdasarkan pertanyaan teman setia blog Dapur Tutorial Blogspot Dan Seo namun Master Chef mohon maaf karena lupa nama yang menanyakan soal ini. Pertanyaan yang disampaikan adalah :

Bagaimana cara mengatur Widget Followers seperti apa blog ini bisa tampil hanya 2 baris saja sedangkan aslinya menampilkan 4 baris ?

Ok Insyaallah Master Chef akan coba sampaikan resepnya. untuk membuat Widget Followers seperti diatas sangat mudah kita hanya perlu menambahkan sedikit kode kedalam widget HTML/JavaScript. Dari pada lama-lama penasaran, langsung saja kita bahas resepnya sebagai berikut :

1. Pastikan sobat sudah login ke blogger masing-masing
2. Jika sudah login dari dashbord blog kamu,Pada bagian menu Dropdown pilih menu "Tata Letak"
3. Jika sudah Klik Tambah Gadget atau Add a Gadget lalu tambahkan Widget HTML/JavaScript
4. Copy Kode Berikut ini dan letakan kedalam Kolom Widget HTML/JavaScript

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-4862354725571091591" style="width:315px;border:1px solid #ffffff;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#ffffff';
skin['ENDCAP_BG_COLOR'] = '#000000';
skin['ENDCAP_TEXT_COLOR'] = '#ffffff';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#000000';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#ffffff';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#ffffff';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#ffffff';
skin['CONTENT_HEADLINE_COLOR'] = '#ffffff';
skin['NUMBER_ROWS'] = '2';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-4862354725571091591',
   site: '03102805710125832645' },
  skin);
</script>

5. Klik Simpan.
6. Perhatiakn kode yang berwarna. Kode warna merah adalah kode warna bisa kamu sesuaikan dengan template blog kamu.Kode warna pink silahkan ganti dengan kode yang diperlukan untuk menampilkan  Followers blog kamu dan kode berwarna biru adalah jumlah baris yang ingin ditampilkan. Nah yang menjadi pertanyaan bagaimana mendapatkan kode warna Pink ? ( Sory, gue gak mau kasih tau !) , ha...ha... becanda bro.

Untuk mendapatkan kode Warna Pink tersebut (1) Kamu tambahkan dulu widget Followers Standar Blogger (2) Sekarang Silahkan akses halaman Edit HTML (3) Berikutnya Centang Expand Widget Template (4) Next Step, Cari "Followers" tanpa tanda (") (5) jika sudah ketemu gulir mouse kamu sedikit kebawah dan kamu akan menemukan kode yang mirip dengan kode pada point 4. ambil kode yang dibutuhkan tadi.


7. Semoga saja tidak membingungkan jika masih ada yang bingung harus nungguya soalnya belum sempat untuk buat Screenshoot gambarnya.

Nah itu dia Trik blog sederhana untuk mengubah tampilan widget Followers sesuai dengan keinginan kamu. semoga saja bisa membantu. sekian dan terimakasih !