10/05/12

Membuat Widget Klasik Subscription Pada Blogger

Sedikit Info, sebelum membaca artikel saya akan memberitahukan tentang membuat Email Subscription dengan Icon Gambar. Email Subccription adalah untuk mengshare artikel ke dalam email, facebook, twitter, Google+, dan feedburner, apabila anda ingin membuat Email Subscription klik saja link bewarna biru. Klik. Terimakasih telah membaca infonya sekarang kita langsung saja untuk mempelajari Membuat Widget Klasik Subscription Pada Blogger. Berikut caranya di TKP...!

1. Login pada
Blogger
2. Klik Rancangan
3. Klik Elemen Laman di Pinggir Edit HTML
4. Tambah gadget klik HTML/Javascript
5. Copas Code di bawah .

<style>

/* ---------Widget by www.blog-rissman.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/AVvXsEjFamxQLVHRuvnpcuna2yxGU9fBluUQ8m-1oQy7StHEssXrgn6G4vIeKMGMBu9CAenp_lAaRxPlHJXclb1ToO6-kg2AZu5yBDPsmLokCB_4Qdt-Wwucyy7UNz_M0xYV1zJpc1XQc3pnyol4/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/AVvXsEh3Mh07uTardMQSKZ64O97xcgGn3OmaUvsg36KrlGzXRKyLEnJ2smxdbmhx9ermYjDvVAPHnCrlGg2xLLJeDUU7lIbE-BgETfVAZhsJQNKxL70WhQ_xv-zCJHX3Bb2yumhy7LQW6WkVQU35/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/AVvXsEiZB1ArJ5TClEomq4hQJEKPIMLrDjUi4Ppd-6d-DC4Swhyphenhyphenls0Y3-vQj5WREnrtj6YgvJHaGfheG8MKtSjuvkTm5yS0WO_Bp6M-e1keGS5h9vxetdSFcTSgJFWD_907Jh5zqKgIJryDTwgEc/s1600/facebook.png' title='Be Our Fan"/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook!</a>
</div>

Jangan Lupa nama USERNAME ganti dengan account sobat.

Silahkan Post'kan Komentar Anda Dibawah !!!

Posting Komentar

Visitors

Free counters!

My Profile

Foto saya
Terima kasih atas kedatangan anda ke blog saya. Dan jgn lupa follow @nassefrisman Dan jangan lupa LIKE Facebook Nassef Risman

My Friend List !

  © Copyright 2010 - Nassf | Template by Dicas Blogger | Modified by Facebook : Nassef Risman | Twitter : @nassefrisman

Profile Nassef Risman