Membuat Widget Klasik Subscription di Blog

|| || || Leave a komentar

Baru-baru ini saya merancang widget berlangganan yang sederhana. Kali ini saya akan membuat widget berlangganan dengan tampilanan klasik. Widget ini dilengkapi dengan tombol sosial networking yaitu Twitter dan Facebook. Fitur ini akan menggunakan efek hover dan secara otomatis cocok pada sidebar anda. Proses pemasangan widget ini blogger cukup sederhana, cukup ikuti saja langkah berikut ini:

1. Masuk ke Rancangan --> Elemen Laman
2. Tambahkan Gadjet pilih HTML/Javascript
3. Masukan kode dibawah ini:
<style>

/* ---------Widget by www.blogtrikdantips.blogspot.com----------- */

.social-connect-widget{background:#F5F4EF;border:1px solid #E7E6DE;padding:10px; border-radius:5px; -moz-border-radius:5px;}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#FFF}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px;height:32px;width:32;}
</style>


<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a href='http://feeds.feedburner.com/USERNAME'><img alt='RSS Feed' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmzbYgz69HY98DZLTSd7i1njBWZDC9MQ7QqT64rVVWb4xaDpRR7Cip8C2g0KM-qWKJZ3sX07m-3oz3EoS88UIAVVsKg-4twp-spKWB7NZ2Gf0a8kSjPYYg-Bi_t1zMNDAB8NDOIxek3jGN/s1600/rss.png"/></a><a href='http://feeds.feedburner.com/USERNAME'>Subscribe to our RSS Feeds!</a>
</div>

<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzHkP4OJ2FPZUlE-ED6xhMMPa1qOuJY7_CLbcHtFO4TB1Im4tg2pfENY-GBr_yUS2Tn4wzUzU83Y0RqWpkzjwM9Qt8cXgkm728HnNXLn9a9iA3s8gnYzRhxBUSk4Gw1P0tud5S7bOxMxUB/s1600/twitter.png" title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>Follow Us on Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/USERNAME'><img alt='Be Our Fan!' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjHwMpjNvt0V8dosYO_y3YmnbHfsk2jZNkEQ3ABH1fLRwpVwreHig8srsLQiKrHQTUFviURDu1aliRPzp0ceo4KrUBK77l2Uc5rY15MoX29r4t2190C15U1dDgszm9jOD7DsMdlRdWvmRf/s1600/facebook.png' title='Be Our Fan"/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook!</a>
</div>
4. Anda perlu mengganti kode berikut ini dengan kode id Anda sendiri.
http://feeds.feedburner.com/USERNAME
http://twitter.com/USERNAME
http://facebook.com/USERNAME
5. Simpan widget dan lihat hasilnya

Semoga dengan widget yang baru ini anda akan semakin puas dengan tampilan blog. Semoga bermanfaat.
Baca Juga : Anekahosting.com web hosting murah terbaik di indonesia
Baca Juga : Exploit Joomla - Remote Shell Upload Vulnerability [ com_fabrik ]
Baca Juga : Proxy Tercepat Di Indonesia

Title Post: Membuat Widget Klasik Subscription di Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Author: Avia
Terimakasih sudah berkunjung di blog CyberAsk, Jika ada kritik dan saran silahkan tinggalkan komentar















Artikel Menarik Lainya :

/[ 0 komentar Untuk Artikel Membuat Widget Klasik Subscription di Blog]\

Apa Komentar Anda..?