Cara Modifikasi Widget Followers 2 Kotak Terbaru

Cara Modifikasi Widget Followers 2 Kotak Terbaru
Cara Modifikasi Widget Followers Tampilan 2 Kotak
Seperti yang sobat semua ketahui, Widget Followers menampilkan maksimal 4 kotak bila memiliki followers yang banyak. Tampilan 4 kotak pada widget followers sebenarnya dapat dimodifikasi agar menjadi lebih sedikit bahkan sampai 1 kotak saja.

Menurut saya sendiri, dengan menampilkan jumlah followers hanya dengan 2 kotak akan terlihat lebih minimalis. Selain itu, tentu saja dapat membuat loading blog lebih ringan karena gambar followers yang dimuat pada widget sangat sedikit. Bila sobat blogger tertarik untuk mencobanya silahkan ikuti tutorial berikut.

Cara Modifikasi Widget Follower 2 Kotak Terbaru

1. Menuju ke Tata Letak > Tambahkan Widget > HTML/Javascript.

2. Masukkan kode widget followers berikut.
<div class="separator" style="clear: both; text-align: center;">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
</div>
<center>
<div id="div-1y1gegvl9ycve" style="border-radius: 0px; border: 0px solid #eee; margin: 0 auto;">
</div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '34';
skin['BORDER_COLOR'] = '#FFFFFF';
skin['ENDCAP_BG_COLOR'] = '#FFFFFF';
skin['ENDCAP_TEXT_COLOR'] = '#555555';
skin['ENDCAP_LINK_COLOR'] = '#555555';
skin['CONTENT_BG_COLOR'] = '#FFFFFF';
skin['CONTENT_LINK_COLOR'] = '#555555';
skin['CONTENT_TEXT_COLOR'] = '#555555';
skin['CONTENT_HEADLINE_COLOR'] = '#555555';
skin['NUMBER_ROWS'] = '2';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-1y1gegvl9ycve',
site: '06785910513097216822'},
skin);
</script></center>
Keterangan :
  • Ganti angka 2 pada skin['NUMBER_ROWS'] = '2' untuk menentukan jumlah kotak yang ingin sobat munculkan.
  • Ganti ID div-1y1gegvl9ycve dengan ID widget followers sobat.
  • Ganti Site 06785910513097216822 dengan Site pada widget followers sobat.

3. Klik save dan selesai.
Baca juga : Cara Membuat Halaman Followers Pada Blog
Pasti banyak dari sobat sekalian yang bertanya, bagaimana cara mendapatkan ID dan Site dari Widget Followers? Caranya gampang-gampang susah, cukup ikuti step akhir berikut.

Cara Mendapatkan ID dan Site Widget Followers

1. Pasang terlebih dahulu widget followers dari blogger.

2. Klik kanan pada widget lalu pilih Inspect Element. Nanti akan muncul kode script widget followers pada bagian bawah. Silahkan bongkar script widget followers untuk mendapatkan kode ID dan Site. Lebih jelasnya lihat gambar berikut.
Cara Modifikasi Widget Followers 2 Kotak Terbaru

Jika sobat mengalami kesulitan dalam menemukan Id dan Site pada widget tersebut, silahkan riquest ke halaman OOT. Nanti akan saya bantu.

3. Jika sudah menemukan ID dan Site dari Widget Followers, silahkan lakukan double click untuk blok lalu copy Id dan Site-nya. Silahkan paste pada script widget followers sebelumnya.

Saya rasa cukup sekian artikel tentang Cara Modifikasi Widget Follower 2 Kotak Terbaru. Semoga bisa bermanfaat bagi sobat yang membutuhkan dan jangan lupa untuk berkomentar terlebih dahulu sebelum mencobanya. Terima kasih telah mengunjungi Opick Weblog.

Original post by wajahilmu.blogspot.com (Opick Weblog)

Belum ada Komentar untuk "Cara Modifikasi Widget Followers 2 Kotak Terbaru"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel