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:
wah bagus juga nih....
Posting Komentar