Add Scrolling Recent Posts Widget to blogger

Dengan memanfaatkan fasilitas scrolling, maka dapat menghemat tempat dan tampilan pada web browser. Jika ada memiliki halaman blog yang panjang ataupun ukuran blog yang terbatas, maka alternative yang bisa digunakan adalah dengan menambah fasilitas Scrolling.

Untuk widget recent post dengan tampilan scrolling anda bisa menggunakan tutorial dibawah ini :
1.Login to your dashboard–> layout- ->Page Elements
2.Click on ‘Add a Gadget’.
3.Select ‘HTML/Javascript’ and add the code given below and click save.

<script style="" src="%E2%80%9Dhttp://dreamydonkey.googlepages.com/scrolling_blogger_posts.js%E2%80%9D"> </script><script style=""> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection=�left�; var sOpenLinkLocation=�N�; var sBulletChar=���; </script> <script style="" src="%E2%80%9Dhttp://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2%E2%80%B3"> </script>

Note : Remember to replace YOURBLOG with your real blog name.Also you can change below values.

No. of posts to be displayed nMaxPosts = your value
Scroll delay nScrollDelay = your value
Direction of scroll sDirection=”left” or “right”
Character after each post passing sBulletChar=”Any character”
Open link in new window sOpenLinkLocation=”N” or “Y”

Now you are done.

Some view recent post for blogger

Recent Post adalah salah satu widget yang populer yang digunakan para blogger. Tujuan penggunaan recent post untuk menampilkan daftar postingan terbaru. Setiap kali tulisan dipublikasikan, maka secara otomatis judul ataupun beserta ringkasannya akan ditampilankan secara urut. Judul tulisan terakhir biasanya berada diposisi paling atas.

Untuk memasang widget recent post, ada beberapa metode yang digunakan. Hal pertama yang harus anda lakukan adalah login terlebih dahulu ke blogger.

Cara pertama :
menggunakan layanan feed rss blogger --> http://namablog.blogspot.com/feeds/posts/default
( ganti tulisan warna merah dengan nama blog anda )

atau menggunakan layanan feed rss dari pihak ketiga dalam hal ini feedburner.
http://feeds.feedburner.com/judul blog
( alamat feed akan tentukan feedburner ketika anda menggunakan layanan tersebut )

Cara kedua :
Recent dengan tampilan thumnail dengan menggunakan code java script yang diletakan pada sidebar. Copy paste code dibawah ini :

<br /><script language="JavaScript"><br />imgr = new Array();<br />imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br />imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br />imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br />imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br />imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />showRandomImg = true;<br />boxwidth = 298;<br />cellspacing = 8;<br />borderColor = "#ffffff";<br />bgTD = "#000000";<br />thumbwidth = 40;<br />thumbheight = 40;<br />fntsize = 12;<br />acolor = "#666";<br />aBold = true;<br />icon = " ";<br />text = "comments";<br />showPostDate = false;<br />summaryPost = 40;<br />summaryFontsize = 10;<br />summaryColor = "#666";<br />icon2 = " ";<br />numposts = 5;<br />home_page = "http://schemar-mag.blogspot.com/";<br /></script><br /><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script><br />
Cara ketiga :
Method 1 Gadget Using the new Gadget API




Select the options that you want(The gadget preview may be a little buggy.. some probs on the API i guess..)

Method 2 If you are used to my normal widget installers,then you can use this button fill in the options and there you go.. :)[This will fix the font issues or anything like that which may occur in the gadget]




Selamat mencoba...