Powered by Blogger.

Cara Modifikasi Widget Followers Blog

Halo sobat,,kali ini saya akan berbagi ilmu tentang Cara Modifikasi Widget Followers Blog,

Bagaimana cara mengatur Widget Followers seperti apa blog ini bisa tampil hanya 2 baris saja sedangkan aslinya menampilkan 4 baris ?
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
  5. <!-- 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>
  6. Klik Simpan.
  7. 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.

  8. 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.

  9. 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 !
 

No comments:

Post a Comment