Cara membuat Widget Follower Blog Valid HTML5

Cara membuat Widget Follower Blog Valid HTML5 - setelah lama kagak update postingan karena kemaren lagi UTS . sekarang di pagi hari minggu yang cerah ini ane mau update tentang bagaimana memodifikasi widget followers blog supaya valid html5 ..karena bahwa kita ketahui bahwasanya widget asli sangkeng blog itu tidak valid html5 terbukti salah satunya widget follower ini - dimana widget ini ada error nya sekawan ( 4 ) nah bagi yang newbie ( kayak ane ) pasti belum tau nih gimana apa sih itu widget folllower ..? tuk jelasnya liat aja gambar neng ngisor iki .


Cara membuat Widget Follower Blog Valid HTML5

Nah gimana gan , selain valid nantinya agan bisa memodofikasinya sesuai selera agan . tuk lebih jelasnya simak dulu . Tutorial Cara membuat Widget Follower Blog Valid HTML5 di bawah ini :

1. Buat Widget Follower terlebih dahulu gan ..
( klik Tata Letak -> Tambahkan Gadget -> Gadget Lainnya -> Pengikut )
tapi jika agan sudah membuat widget ini , so lewati aja deh langkah pertama iki .

2. Buka blog sobat ..  Misalkan blog ane ahmadsuyadi.blogspot.com - maka buka ahamdsuyadi.blogspot.com di google . maka akan muncul gambar di bawah ini :

Cara membuat Widget Follower Blog Valid HTML5

Setelah itu KLik CTRL+U ( secara bersamaan )

3. Setelah itu sobat temukan kode id dan site nya caranya ketika di halaman ctrl+U tadi sobat cari kode enderMembersGadget ( tekan CTRL+F ) untuk mempermudah pencarian .

cara membuat widget follower valid html5

Kemudian sobat cata kode id ( id: 'div-oxhjg34hhjwc' )  :  dan sitenya ( site: '05308059167164063106' ) di notepad

4. Kemudian sobat hapus widget followers tadi . kemudian buat widget baru (  klik Tata Letak -> Tambahkan Gadget -> HTML/JavaSripct )

kemudian pastekan kode dibawah ini tepat di dalam kolom html/javascrpt tersebut :<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id: "div-oxhjg34hhjwc"  style="width:300px;border:1px solid #ff4800;"></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '42';
skin['BORDER_COLOR'] = '#000';
skin['ENDCAP_BG_COLOR'] = '#ff0000';
skin['ENDCAP_TEXT_COLOR'] = '#fff';
skin['ENDCAP_LINK_COLOR'] = '#f0ff00';
skin['CONTENT_BG_COLOR'] = '#ddd';
skin['CONTENT_LINK_COLOR'] = '#0027cf';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_HEADLINE_COLOR'] = '#007b03';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-oxhjg34hhjwc' ,
   site: '05308059167164063106' },
  skin);
</script>

5. Kemudian sobat ganti kode id dan site diatas dengan kode yang telah anda simpan tadi .
Kemudian klik save dan liat hasilnya .

Keterangan untyk memodifikasi widget followers di atas :

1. ENDCAP_LINK_COLOR
2. ENDCAP_BG_COLOR (Background atas / contoh gambar warna merah)
3. ENDCAP_TEXT_COLOR (tulisan : With Google Friend Connect)
4. BORDER_COLOR (garis dibawah blok merah)
5. CONTENT_HEADLINE_COLOR (Tulisan Member 530)
6. CONTENT_LINK_COLOR (tulisan More dan Sign in)
7. Garis pinggir, ganti kode warna #ff4800
8. FACE_SIZE (ukuran avatar)
9. CONTENT_BG_COLOR (background bawah)
10. CONTENT_TEXT_COLOR (tulisan Already a member?)

Seseuiakan kode diatas sesuai template panjenengan , dan sesuai selera kamu . Mungkin cukup sekian dari saya Cara membuat Widget Follower Blog Valid HTML5 . mudah-mudahan bermanfaat , maaf kalau bahasane campur aduk .... wkwkwkw..

**SELAMAT MENCOBA**


Kang Subur
Cara Pintar BloggerUpdated: 09.42.00

0 comments:

Posting Komentar

Popular Posts

Recent Posts

  Mastah aja pernah newbie, jangan cepat menyerah! - Kenapa sih banyak yang menyerah sebelum sampai targetnya ? Mungkin banyak pendapat dari teman-teman. Tetapi saya cuma mau ajukan satu pendapat "Mastah pernah newbie". Apakah kamu cukup mengerti dengan kata tersebut ? Coba kamu pahami, kamu punya mimpi yang tentunya mimpimu itu sudah diraih orang lain jauh sebelum kamu. Dalam ...

12ide khusus untuk mendapatkan akunAdSense Non-Hosted Full Approve – Sampai sekarang ini, diotak kita masih bersemayam satu pertanyaan yang mungkin tidak akan pernah ada jawaban yang kita dapatkan. Lalu, pertanyaan apa itu?. Itulah pertanyaan yang mungkin tidak akan pernah ada jawaban yang kita dapatkan, yang saya maksud tadi. Lantas kenapa artikel 12 ide khusus untuk mendapatkan akun AdSense ...

Ide usaha untuk remaja dapatkan uang tambahan - Usaha adalah suatu hal yang kita lakukan untuk mencapai sebuah target, semua orang dalam hidup pasti pernah berusaha. Ada yang berhasil mencapai target ada yang tidak, tapi kegagalan bukanlah alasan untuk berhenti mencoba. Remaja masa sekarang saya rasa payah deh kalau untuk pulsa pacaran aja masih minta uang sama orang tua. Hehehe... Saya bercanda ...

Update Coc terbaru - Nikmati banyak fitur barunya sekarang! - Apa kabar nih teman-teman Clasher, sudah pada update semua kan Cocnya ? Karena tadi malam semapat banyak yang bahas di sosial media masalah kesalahan update Coc, padalah tidak! Hanya saja updatenya belum selalai dan ada peman yang coba masuk, Coc memberi pesan bahwa akan hadir fitur baru maka langsunglah untuk mengupdate TAPI belum ...

Teori awal masuknya islam ke Indonesia - Agama Islam masuk ke Indonesia atau dulunya disebut wilayah Nusantara adalah melalui jalur laut yang artinya daerah pertama yang mendapatkan dampaknya adalah daerah pesisir baru kemudian dilanjutkan ke daerah pedalaman oleh ulama dan penyebar agama Islam. Kapan masuknya Islam ke Indonesia atau Nusantara ini masih banyak terdapat teori-teori yang ...

Perbedaan Eksresi, Sekresi dan Defekasi - Nah, pada postingan dengan label Biologi ini saya akan membahas perbedaan perbedaan istilah dari Eksresi, Sekresi dan Defekasi. Ketiga istilah tersebut akan kamu dapatkan di kelas 2 SMA. Kalau SMP-nya saya sudah lupa. Tetapi di SMP tidak sedetail di SMA. Baik, yang lagi ingin mencari ilmu dari blog sederhana ini langsung saja. Simak penjelasan ...

List negara anggota OKI (Organisasi Koferensi Islam) - Sebelumnya kita sudah membahas Latar belakang dan tujuan berdirinya OKI. Sekarang kita akan membahas tentang anggota-anggota negara yang masuk ke dalam Organisasi koferensi islam ini. OKI mempunyai anggota 57 negara, dan tidak sedikit juga negara yang masuk kedalam organisasi islam ini bukan karena negaranya berpenduduk muslim. Tapi, karena ...

Unsur-unsur dan langkah-langkah membuat Karya Ilmiah lengkap dengan contoh - Karya ilmiah sering dilibatkan dengan mahasiswa. Tapi, tak jarang juga dilibatkan dengan anak sekolahan tingkat SMA, baik itu dalam perlombaan ataupun materi pelajaran. Sebenarnya pengetahuan tentang membuat karya ilmiah memang harus ditanamkan dari awal, untuk kesiapan mereka di jenjang yang lebih tinggi nantinya. Untuk...

Blog Archive

Diberdayakan oleh Blogger.
Back To Top