--------------------------------------------------------------------- Menambah Widget RSS di sidebar blogger Menambah Widget RSS di sidebar blogger ~ Info Media --------------------------------------------------------------

Menambah Widget RSS di sidebar blogger

Written By Edyz February on Jumat, 12 Agustus 2011 | 10.03

Widget RSS populer di semua blog,  widget Subcribe pada blog Anda untuk menarik pengunjung dengan mengikuti di Twitter dan membaca melalui RSS

Jadi di posting ini, agan membahas  bagaimana menambahkan widget RSS  di sidebar blog agan. Sebelum masuk ke tutorial jangan lupa backup templatenya..
1. login blogger-->dashbord-->design/rancangan-->edit html.
2. CTLR+F cari kode ]]></b:skin>
3. kemudian letakan kode dibawah ini tepat diatasnya.


#subscribebox{list-style:none; margin:0px}
#subscribebox li{padding:10px 5px; position:relative; margin-top:0; margin-right:0; margin-bottom:5px; margin-left:0; height:64px; opacity:0.75; -moz-opacity:0.75}
#subscribebox li:hover{ background-color:#f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; opacity:1; -moz-opacity:1; -webkit-transition:opacity 1s ease-out}
#subscribebox li img{float:left; position:relative; padding:0px; margin:0px 10px 0px 0px}
#subscribebox li h4{margin:-6px 0 3px 83px; font-size:15px; line-height:26px; color:#8B3E2F; text-shadow:1px 1px 0px #fff; font-family:Helvetica,Arial,Verdana; font-weight:bold; clear:none}
#subscribebox li p{margin:0 0 0 0; font-family:Trebuchet MS,sans-serif; font-size:13px; letter-spacing:-0.02em; clear:none; text-indent:0px}
#subscribebox li a.link{background:none; border:none; top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:50}


4. sekarang  pergi ke Page Element/edit halaman, add new Widget kemudian masukan kode dibawah ini .


<ul id="subscribebox">
<li>
<a class="link" href="http://feeds.feedburner.com/YOUR FEED NAME" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9FeyE_78nghtPqkctxJ3OPf6lTh_JJpgD9clVitdapHkH9uDQS6bEZNfQlxYXuMmbP0Ecyy90CjmoeiVgPsvxVUidx14h0Za0kbXpEtGvORmtiqDIpqnm_FlQK7gaEug_2DNZfrtpDo/s1600/rss_48.png" alt="RSS Feeds" />
<h4>RSS Feed</h4>
<p>Subscribe To RSS Feed</p>
</li>
<li>
<a class="link" href="http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEED NAME&loc=en_US" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj6_0MSpQPdnGEK3AdtsgFFxhcjHW07R04lf_WYNRz0lyp-NbtkIIlLNjtDHD9p0qp0DRB1iSuJ_DJDgizncCTcNY0fw1o1CEgqpzcxw4NAoCyesmxjLG2wuFILDfp_r0UoLWxNqJCNP8/s1600/mail_forward_48.png" alt="RSS E-Mail Delivery" />
<h4>E-Mail Delivery</h4>
<p>Subscribe To Email for the latest updates right to your email</p>
</li>
<li>
<a class="link" href="http://twitter.com/YOUR TWITTER HANDLE" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlC8IsD4ZPk0Hmv_8ir6Ysjd0y4vhxN5Q7L6X9REOkPfLy6k9mkkey0xlTCuxB3ZoPKzifQiVnBgb2A0kUsblT0Iv1Ulq5xnU8feQuYn8GMSdxeUX3pOD_bdZZsWx5SRxQLKLQ_6DsKs/s1600/twitter_48.png" alt="Follow Us On Twitter" />
<h4>Twitter</h4>
<p>Follow Us On Twitter to join the list of 1000  followers</p>
</li>
</ul>



5. save dan lihat hasilnya...
  
jadi dech...  itulah sedikit tutorial bagamana membuat widget RSS di blogger...

1 comments:

Posting Komentar