Selamat datang di blog ACI BUDAYA semoga semua artikel yang telah tersaji dan telah anda baca dapat bermanfaat. Salam blogger,,!!!
deskripsi gambar
Home » » Cara Mempercantik Widget Follower

Cara Mempercantik Widget Follower

Penulis coxelgokil pada Sabtu, 14 Desember 2013 jam 01.06

Biasanya followers dipasang langsung pada widget yang sudah tersedia di blogger, tapi kali ini kita akan memasangnya di widget HTML/Javascript.
Jika sobat menggunakan custom template, maka untuk mengedit link, warna text dan border akan mengalami kesulitan. Untuk itu kita coba menambahkan border dan mengedit sedikit warna pada followers, link color, text color, background color dan border color. untuk memulainya, silahkan sobat login ke blogger.
  • Masuk ke Rancangan
  • Klik Elemen Laman
  • Pilih Tambah Gadget
  • Klik yang HTML/JavaScript
  • Kemudian masukkan kode followers dibawah ini :
    <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
    <!-- Define the div tag where the gadget will be inserted. -->
    <div id="div-eknxr14kfzlq" style="width:280px;border:1px solid #cccccc;"></div>
    <!-- Render the gadget into a div. -->
    <script type="text/javascript">
    var skin = {};
    skin['BORDER_COLOR'] = '#dedede';
    skin['ENDCAP_BG_COLOR'] = '#f0f0f0';
    skin['ENDCAP_TEXT_COLOR'] = '#444';
    skin['ENDCAP_LINK_COLOR'] = '#444';
    skin['ALTERNATE_BG_COLOR'] = '#fff';
    skin['CONTENT_BG_COLOR'] = '#f9f9f9';
    skin['CONTENT_LINK_COLOR'] = '#444';
    skin['CONTENT_TEXT_COLOR'] = '#444';
    skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';
    skin['CONTENT_HEADLINE_COLOR'] = '#444';
    skin['NUMBER_ROWS'] = '3';

    google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
    google.friendconnect.container.renderMembersGadget(
    { id: 'div-eknxr14kfzlq',
       site: '06215030860304111239' },
      skin);
    </script>
  • Ganti kode yang berwarna merah dan ungu dengan kode id blog sobat
  • Simpan.

Keterangan :
  1. untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
  2. Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
  3. Untuk mencari kode yang berwarna merah dan ungu, jika sebelumnya sobat sudah memasang widget followers, maka sobat bisa klik kanan pada halaman blog kemudian klik “view page source” lalu klik CTRL+F dan ketik saja followers. Dari situ sobat dapat melihat kode id dan site dari blog sobat. 

Sumber : http://miscah.blogspot.com/2011/04/modifikasi-followers.html

Author : coxelgokil | ACI BUDAYA

blog ACI BUDAYAAnda telah membaca artikel tentang : Cara Mempercantik Widget Follower. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...

Author : Aci Budaya - [Blog Lain]

Share this article :
0 Komentar di Blogger
Silahkan Berkomentar Melalui Akun Facebook Anda
Silahkan Tinggalkan Komentar Anda

Posting Komentar