Blog yang menggunakan Template Valid HTML5 mengambil langkah alternatif untuk tidak menggunakan widget join bawaan google tetapi menggantinya dengan Objek berupa Image, Text Link, Button dan lain-lain.
Script Widget Button Join This Site keren dengan Count Valid HTML5
Nah disini Maslisman Akan Berbagi Button Image Join This Site kepada Sobat, di google atau di blog lain sebenarnya banyak imag atau button widget join this site seperti ini, tapi ada yang bikin beda button yang maslisman buat ini ada Anotasi Count Balonnya dan bisa dirubah Jumlahnya sesuka Sobat.Jadi dengan Menggunakan Widget ini bisa lebih meyakinkan pengunjung untuj Join ke Site Sobat, karena ada Count atau penghitung banyaknya Follower Blog Sobat, walaupun Count ini tidak otomatis seperti bawaan blogger ya, tapi Sobat bisa Merubahnya sesuka Sobat.
Untuk Lebih Jelasnya Lihat Saja Demonya Seperti dibawah ini :
97
Silahkan tambahkan Widget Tombol Join This Site ini ke blog sobat, untuk Caranya :
- Masuk ke Tata Letak
- lalu Tambahkan Gadget
- Pilih HTML/JavaScript
- dan Masukan salah satu Script dibawah ke kolom konten HTML/JavaScript
widget yang maslisman buat ada tiga pilihan yaitu untuk Pengikut yang jumlahnya, Belasan atau Puluhan, lalu Ratusan, dan Ribuan, jadi Pilih saja sesuka Sobat
Dibawah ini adalah Script Widget Button Join This Site keren dengan Count
Scrip Widget Join this site Count Puluhan
<style type='text/css'> .imagejoin { position: relative; } pjoin { position: absolute; font-family: Arial; font-weight:normal; color:#555556; font-size:11px; top: 0.5px; left: 114.2px; width: 100%; margin: 3px; } </style> <HTML> <div class='imagejoin'> <div class='text'> <a href="" onclick= 'window.open( "https://www.blogger.com/follow-blog.g?blogID=4608441697702788932", "popupwindow","status=0,height=550,width=550,resizable=0");return false;' alt="Google Friend Connect" title="Google Friend Connect" style="cursor:pointer;"/> <img height='19' id='imagejoin' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NEdJzebqu2tkrOJ41L2gOqtZJe1nb1qYtj4NIbhw8hGm3k7l6R9EGtsspilyLQNei9eKZf1T83DgmKULBKvlRm_GuU_RpXMSISLi4OXcK5kCt4scVq8AxV2eQSdQwZnRFxBIIaDWdJU/s1600/join+maslisman+puluhan+1.png';' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKWFHn-UHcixxsgq1hzdw5tKuisuTGru7YjwFWdRQi1HQm1vEb8-CV10v27FCosH2zBrcveJNV23M7ZlQeahMV8rpQ_4qy9KlnZqHeV8y_fLhs-7M-KefOYrHIplxAckfIcDxJtUejs8/s1600/join+maslisman+puluhan+2.png';' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NEdJzebqu2tkrOJ41L2gOqtZJe1nb1qYtj4NIbhw8hGm3k7l6R9EGtsspilyLQNei9eKZf1T83DgmKULBKvlRm_GuU_RpXMSISLi4OXcK5kCt4scVq8AxV2eQSdQwZnRFxBIIaDWdJU/s1600/join+maslisman+puluhan+1.png' width='135'/></a><pjoin>94</pjoin></div></div> </HTML>
Scrip Widget Join this site Count Ratusan
<style type='text/css'>
.imagejoin {
position: relative;
}
pjoin {
position: absolute;
font-family: Arial;
font-weight:normal;
color:#555556;
font-size:11px;
top: 0.5px;
left: 109.2px;
width: 100%;
margin: 3px;
}
</style>
<HTML>
<div class='imagejoin'>
<div class='text'>
<a href="" onclick= 'window.open(
"https://www.blogger.com/follow-blog.g?blogID=4608441697702788932",
"popupwindow","status=0,height=550,width=550,resizable=0");return false;'
alt="Google Friend Connect"
title="Google Friend Connect"
style="cursor:pointer;"/>
<img height='19' id='imagejoin' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNz9DW2m9BLPmjwhY1JTX-YOEFu-x2VkClDRrIH6VQi5jUsUhilzAvpYrDFcg7UZDEp6D0_NNo81mEeUxvIVUCA-aEOBkglhHGOvcBjixpYVDt1wmv7Cue0x5GNdOAcOgOGIL30GeP-AU/s1600/join+maslisman+ratusan+1.png';' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_JscIPdLDJ_d-aKeYNmS-XW14Cgol_IxhkjTxxF4tNIvnKI5k1d7XV9VNst1aIgqx31WEZAFV5E9w_NH21Go3flPYga6-8461JgjPOMK6XEWNUvsBBD-HWdAlS4-qtpLviIPnVk3KAA/s1600/join+maslisman+ratusan+2.png';' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNz9DW2m9BLPmjwhY1JTX-YOEFu-x2VkClDRrIH6VQi5jUsUhilzAvpYrDFcg7UZDEp6D0_NNo81mEeUxvIVUCA-aEOBkglhHGOvcBjixpYVDt1wmv7Cue0x5GNdOAcOgOGIL30GeP-AU/s1600/join+maslisman+ratusan+1.png' width='135'/></a><pjoin>847</pjoin></div></div>
</HTML>
Scrip Widget Join this site Count Ribuan
<style type='text/css'>
.imagejoin {
position: relative;
}
pjoin {
position: absolute;
font-family: Arial;
font-weight:normal;
color:#555556;
font-size:11px;
top: 0.5px;
left: 103.5px;
width: 100%;
margin: 3px;
}
</style>
<HTML>
<div class='imagejoin'>
<div class='text'>
<a href="" onclick= 'window.open(
"https://www.blogger.com/follow-blog.g?blogID=4608441697702788932",
"popupwindow","status=0,height=550,width=550,resizable=0");return false;'
alt="Google Friend Connect"
title="Google Friend Connect"
style="cursor:pointer;"/>
<img height='19' id='imagejoin' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsY-KNxgVxKxMAgjy6LVt-h3H6oWoQGdCHEQf_wp_KnMhOxLb3JYEqOKT40whBJdJZ8yEszaCclWLgoLRyONcTmw8-Guqbg5n0zZRuRrckbbo1OJhCh4JNPokvx1Eu62Y_Ymva4xF7ugE/s1600/join+maslisman+ribuan+1.png';' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifvDDRWlLs4pN5OuQHYgzA3KWCLPA6k4_YcBHrmMgAhfQbHQgMu7WeDIJK_zss7Zpdht3q6gTpOuaw0F87sF1FcEEG8gh7btIpaVDNJtCe2NOlm7CNxrQRtGbzEgqWoeKSOv00a-6I-Kw/s1600/join+maslisman+ribuan+2.png';' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsY-KNxgVxKxMAgjy6LVt-h3H6oWoQGdCHEQf_wp_KnMhOxLb3JYEqOKT40whBJdJZ8yEszaCclWLgoLRyONcTmw8-Guqbg5n0zZRuRrckbbo1OJhCh4JNPokvx1Eu62Y_Ymva4xF7ugE/s1600/join+maslisman+ribuan+1.png' width='135'/></a><pjoin>5841</pjoin></div></div>
</HTML>Keterangan :
Apabila Text Jumlah letaknya tidak sesuai atau lari dari dalam kotak, Sobat bisa Menyesuaikanya dengan mengedit bagian :
left: rubah geser kiri kananSilahkan rubah 4608441697702788932 dengan ID Blog Sobattop: rubah geser atas bawah
Untuk ganti Jumlah nya silahkan lihat dibagian <pjoin>94</pjoin>dan ganti 94 sesuka Sobat
No comments:
Post a Comment