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 :
- Pastikan sobat sudah login ke blogger masing-masing
- Jika sudah login dari dashbord blog kamu,Pada bagian menu Dropdown pilih menu "Tata Letak"
- Jika sudah Klik Tambah Gadget atau Add a Gadget lalu tambahkan Widget HTML/JavaScript
- Copy Kode Berikut ini dan letakan kedalam Kolom Widget HTML/JavaScript
- Klik Simpan.
- 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.
- Semoga saja tidak membingungkan jika masih ada yang bingung harus nungguya soalnya belum sempat untuk buat Screenshoot gambarnya.
<!-- 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>
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.
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