kali ini Gudang Liong akan membagi Ilmu tentang cara membuat widget Add Facebook, Follow twitter, Follow Email, Feed Rss, di Blogspot, dari hasil expedisi saya, akhirnya Gudang Liong dapat memasang Widget ini dengan indah Di blog, tujuannya adalah membuat simple tampilan blog, dan tidak banyak makan tempat, tunggu apa lagi, mari kita menuju TKP, baca dan terapkan !!
ScreenShot :
ini contohnya :
taruh kode dibawah ini sebelum ]]></b:skin> di edit HTML :
#subscribe { background:#f3f3f3; width:308px; margin:0px 0px 15px 0px; padding:8px 5px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:8px; }
.subscribe_icons { width:286px; margin:0px auto; }
.subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; }
.subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; color:#444 !important; }
.subscribe_icons a:hover { color:#26b !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); }
.subscribe_icons .subscribe_buzz a { background:url(http://1.bp.blogspot.com/
.subscribe_icons .subscribe_twitter a { background:url(http://1.bp.blogspot.com/
.subscribe_icons .subscribe_facebook a { background:url(http://4.bp.blogspot.com/
.subscribe_icons .subscribe_rss a { background:url(http://4.bp.blogspot.com/
.subscribe_icons .subscribe_email a { background:url(http://3.bp.blogspot.com/
pasang kode dibawah ini pada widget HTML/add gadget > javascript
(jangan lupa ganti urlnya) :
<div id="subscribe">
<ul class="subscribe_icons">
<li class="subscribe_buzz"><a href="
http://liong-seo.blogspot.com " rel="nofollow" target="_blank">Buzz</a></li>
<li class="subscribe_twitter"><a href="https://twitter.com/HeltonLiong" rel="nofollow" target="_blank">Twitter</a></<li class="subscribe_facebook"><a href="https://www.facebook.com/Liongputuheeltonn" rel="nofollow" target="_blank">Facebook</a></
<li class="subscribe_rss"><a href="http://feeds.feedburner.com/blogspot/XFwHS" rel="nofollow" target="_blank">RSS</a></li>
<li class="subscribe_email"><a href="http://feedburner.google.com/fb/a/mailverify?uri= tittle feed anda disini &%3Bloc=en_US" rel="nofollow" target="_blank">Email</a></li>
</ul>
<!--end .subscribe_icons-->
<div class="clear"></div>
</div>
catatatan :
saat menaruh kode di ]]></b:skin> pada edit HTML kita bisa melakukan pratinjau/Preview dulu untuk melihat hasil dari kode ini, jika tidak ada halangan, kita lanjut menambah kode 2 yaitu pasang kode pada widget HTML
yaitu add gadget > javascript, sesuaikan tempat untuk menaruh widget ini, kemudian add gadget, jangan lupa ganti url dengan facebook kamu, twitter kamu, dll
width : untuk mengatur lebar widget,
dan kode yg berwarna merah itulah yg patut diatur untuk menyesuaikan widget,
By : Habib
{ 0 komentar... read them below or add one }
Post a Comment
1. Pembaca yang Baik selalu meningggalkan komentar
2. Mohon Komentarnya Sesuaikan Dengan Tema Postingan.
3. Dilarang Keras Menyimpan Link Aktif Dalam Blog (Promosi = SPAM)
4. Jika Tidak Mempunyai Akun Google Gunakan Name dan Url
5. Jika Mau Copas Artikel Mohon Link Sumbernya di Sertakan
6. Makasi Banyak, dan maaf jika ada salah