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)
Bila ingin copas silahkan lapor & cantumkan link berikut.
Source : https://wajahilmu.blogspot.com/2015/09/modifikasi-widget-follower-2-kotak.html

Share this :

Previous
Next Post »

19 komentar

Tuliskan komentar
Unknown
author
1 Sept 2015, 13:51:00 delete

Coba dulu aa yang 2 Kotak . Thx gan uda share

Balas
avatar
AbdulR
author
1 Sept 2015, 15:30:00 delete

Bookmark dulu ah, tunggu kuota kalong dan tunggu lepi idup :'D thanks gan udah share

Balas
avatar
1 Sept 2015, 15:38:00 delete

bang kalau saya gabungin tombol2 nya di html gimana? apakah bagus

Balas
avatar
Unknown
author
1 Sept 2015, 15:54:00 delete

sangat bermanfaat gan, buat ngebagusin widget follower kita

Balas
avatar
Deancooel
author
1 Sept 2015, 16:04:00 delete

baru tau kalo bisa 2 kotak, dicoba dlu gan

Balas
avatar
Unknown
author
1 Sept 2015, 16:37:00 delete

2 kotak gimana tuh gan?

Balas
avatar
1 Sept 2015, 16:48:00 delete

klo widget follower dari google biasanya 4 kotak ke bawah, ini cuma dua gan.. n bisa ganti warna background widget, font, dll

Balas
avatar
1 Sept 2015, 16:49:00 delete

maksudnya tombol2 yg gimana gan? ane masuh blm paham

Balas
avatar
1 Sept 2015, 16:50:00 delete

sip dah, silahkan dicoba gan

Balas
avatar
Unknown
author
1 Sept 2015, 18:55:00 delete

keren gan. saya mau coba dulu. :) thanks gan

Balas
avatar
Unknown
author
1 Sept 2015, 21:04:00 delete

mesti dicoba nih ke blog ane, makasih infonya gan :D

Balas
avatar
Nisrina Lubis
author
1 Sept 2015, 21:10:00 delete

wah keliatan lebih compact ya kalo 2 kotak kayak gini, patut dicoba, gracias

Balas
avatar
Rustadi
author
2 Sept 2015, 11:47:00 delete

Benar benar sangat berguna buat saya yg lagi belajar teman
terima kasih sudah berbagi

Balas
avatar
Unknown
author
3 Sept 2015, 16:48:00 delete

Thanks Gan. Patut di coba. :)

Balas
avatar
Unknown
author
3 Sept 2015, 22:11:00 delete

keren haha, ijin coba gan

Balas
avatar
Unknown
author
5 Sept 2015, 15:29:00 delete

Thanks bnget infonya gan,, sangat bermanfaat .. :)

Balas
avatar
Unknown
author
5 Sept 2015, 17:59:00 delete

Bisa di coba nih. .
Thanks gan. .

Balas
avatar
Unknown
author
9 Sept 2015, 01:15:00 delete

Kebetulan saya pakai widget ini.. mantep gan.. perlu dicoba

Balas
avatar

✖ Komentar dengan isi Link Aktif, Promosi, atau mengandung unsur Sara akan dihapus.
✔ Bila ingin riquest, bertanya, atau sekedar say hi aja, silahkan ke halaman OOT
✔ Untuk menyisipkan kode, silahkan parse lalu copy dan paste hasil parse ke kolom komentar.

EmoticonEmoticon OOT