Cara Membuat Feed Aggregator di Blogspot

oleh : software unik

Meski saat ini dilanda kejenuhan dalam posting, karena juga sibuk dengan blog monetize North Sulawesi. Tapi, Bry-xp tetap mengusahakan untuk tetap posting. Tak perlu banyak basa-basi, here it is. Feed Aggregator ada sebuah fitur yang diberikan oleh layanan feed hampir semua web atau blog kita pun mempunyai alamat feed.Oke langsung saja ke pointnya yaitu bagaimana cara membuat widget Feed Aggregator di Blogspot.

Untuk yang pertama menggunakan widget Feed Aggregator Original atau Standar Feed Blogger. Jika Anda menggunakan standar feed blogger menurut saya banyak kekurangannya, karena Anda tidak dapat menggunakan tooltips atau mouse over dan Anda hanya dapat menampilkan 5 link feed saja. Tapi, jika Anda ingin mencoba berikut tutorialnya :

1. Login Blogger Silahkan ke Design - Page Element> -> add Gadget2. Dan pilih widget Untuk Feed

3. Silahkan Masukkan Link Feed, Contoh Link Untuk FEED RSS:

http://www.bry-xp.co.cc/atom.xml (contoh jika menggunakan blogspot)
http://feeds2.feedburner.com/bryzone (contoh jika menggunakan feedburner)

4. Terakhir Klik Save.

Untuk tutorial yang kedua Feed Aggregator modifikasi lebih bagus dan sangat dirokemadasikan pakai yang trik ini saja. Berikut langkah - langkahnya.

1. Pertama, Anda perlu Cari Rss Feed Link di Situs atau target Blog yang ingin Anda tampilkan.

2. Sebagai contoh feed untuk digg.com dan saya menemukan link Feed nya seperti ini http://feeds.digg.com/digg/popular.rss

3. Jika Anda menemukan feed, Sekarang pergi ke atau login ke http://feedburner.google.com4. Silahkan masukkan link Feed digg.com tadi dan kemudian klik NEXT

5. Klik Next Lagi

6. Klik Skip directly to feed management

7. Klik Publicize Dan Kemudian Klik BuzzBoost

8. Klik Activate8. Silakan Copy Paste alamat link feed Hanya saja "tidak semua script"

10. Sisipkan Link Feed yang Anda buat menggunkan kode Srcipt dibawah ini ganti kode yang berwarna Warna Merah.

<Script language = "JavaScript" src = "http://feeds.feedburner.com/digg/PIKS?format=sigpro&nItems=8&format=openLinks=new&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below" type = "text / javascript "> </ script>

11. Kode lengkapnya seperti dibawah ini, yaitu dengan menambahkan icon disebelahnya.

<h2> <img border = "0" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisDRXDx3vPXWviC1LhghIsTEHqDRueJks4oeDbRV4f0W21CRYfXVxsydoOE5Xxfx_qvvRdoVVkOiDbw2JecGP1r-A-S4mIboQkgdsB65Pn8pfh6R-jF3-Ew46UqY5nODwN51_kfiVFYLg/s400/yahoo.png" style = "margin: 2px 6px 0 0; vertikal -align: top; "/> <a href="http://buzz.yahoo.com"> Yahoo Buzz </ a> </ h2>
<Script language = "JavaScript" src = "http://feeds.feedburner.com/digg/PIKS?format=sigpro&nItems=8&format=openLinks=new&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below" type = "text / javascript "> </ script>

Catatan:

Warna Biru Pada Script Hanya Link URL untuk Favicon, untuk mendapatkan Favicon yang lain silahkan masuk ke web di http://www.getfavicon.org

12. Kembali ke Blogger Anda, dan pergi ke Desain -> Edit HTML -> Cetang Expand Widget Templates

Masukkan kode CSS berikut di atas kode ]]></b:skin>

/* -- FEEDBURNER SET TOOLTIPS (BALOONTIPS) -- */
.feedburnerFeedBlock div, .date, .feedItemAuthor, .feedTitle, .fbsubscribelink, .creditfooter{display:none; padding:2px 3px; margin-left:126px;margin-bottom:12px; width:162px;}
.feedburnerFeedBlock  li:hover div{border-radius:8px 8px; -moz-border-radius:0 0 8px 8px;  -khtml-border-radius:0 0 8px 8px;  -webkit-border-radius:0 0 8px 8px;  border-radius:0 0 8px 8px; font-size:11px; display:block; position:absolute; border:1px solid #ccc;  background:#E5E5E5  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFvdeqQl7qQbDdNJnVxdKHh6ZJn20CJGllLPp7cszMBa_mFXOd8blNaBZi06Y6mxoOljwFPdM84_ROc0cb1VN36ryc0x90kPRtU8hX6SlC3gCRKD_aTwLFTXEqqut1uEIaldxvv5-yklc/s1600/tooltips-background.png) repeat-x; color:#333; padding:25px 10px 10px 10px; }
.feedburnerFeedBlock  li:hover .date{font-size:11px; font-weight:bold; text-align:left; display:block; position:absolute;  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyltRUXmHh81VrAlNBUnPHpvPTlFLoMjqRqwqG5NeiuINWd486a4gsL5k9EZY9XwEcsJICN8hZjliFCuIE8hLCU27gTqU4WIkBO924vMbWT4RWrf5HJkobBVfe8O5Uqq4Bqz_o1DUdKPw/s400/tooltips-date.gif) no-repeat scroll 10px 5px; color:#333; padding:6px 35px; margin-right:10px; width:114px;}

Catatan : Anda bisa mengotak atik CSS nya sesuai dengan template Anda. 13. Klik Save Template. 14. Kembali ke Blogger Anda, dan pergi ke Desain -> Page Elements -> Add a Gadget 15. Dan Temukan widget Untuk HTML / JavaScript

16. Hanya Copy Paste Script tadi ke widget HTML/JavaScript. 17. Selesai, Klik Save.

Semoga Berhasil. source : http://www.sodiycxacun.web.id/2011/05/cara-membuat-widget-feed-aggregator-di.html

Title : Cara Membuat Feed Aggregator di Blogspot
Description oleh : software unik, Meski saat ini dilanda kejenuhan dalam posting, karena juga sibuk dengan blog monetize North Sulawesi . Tapi, Bry-xp tetap mengusahakan unt...

Cara Membuat Feed Aggregator di Blogspot

0 Response to "Cara Membuat Feed Aggregator di Blogspot"

Posting Komentar