Blogger Wigits,Recent Posts Widget for Blogger (blogspot) blog

Recent Posts Widget for Blogger (blogspot) blog

Many Bloggers use a Feed widget to display links to recent blog posts. However, when using this widget, we are limited to display only 5 items or less.So I have created a widget which allows you to display more than 5 recent posts. You can customize the title and choose how many posts you would like to display, then install directly to your blog at the click of a button!To install your own recent Post widget in your Blogger layout, simply follow these steps:





Recent Posts Widget with post snippets 



So, let's see how to install this cool widget in your blog..

STEP #1
Log in to Blogger, go to Design ->

Add a Gadget of HTML/JavaScript type.

<div id="24work">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script style="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/recent_posts_widget_with_snippets.js"></script>

<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>

<script src="http://24works.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://24work.blogspot.com/2011/12/recrecent-posts-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://24work.blogspot.com" title="Recent Posts Widget">Blogger Widgets</a></div><noscript>Your browser does not support JavaScript!</noscript>

<style type=text/css>

#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mPAPnPfkvCNQDZvPpuAJElu-Dnc30ErN09l2xkYwhQZsDt0bdenjvESfsZ5MbU88tZG0Ggk0Mi42KKXptDnKczjfSnNSDyJweA6sGH0bpUyRzge9BVcx6M-PMKKZdEHMWO3PvGWD7fSF/s300/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}



#rpdr, #rpdr a {color:#808080;}

#mtrpwa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}

.mtrpw a {font-weight:bold; }

.mtrpwsumm {}

</style></div>

Now Click Save

















Recent Posts Widget with post titles only 

So, let's see how to install this cool widget in your blog..

1. Sign into Blogger dashboard

2. Go to Design » Add a gadget » html/javascript

3. Just copy and paste this code..

<div id="24work">

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script style="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/recent_posts_widget_post_titles.js"></script>

<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src="http://pattokicity.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://24work.blogspot.com/2011/12/recrecent-posts-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://24work.blogspot.com" title="Recent Posts Widget">Blogger Widgets</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>

<style type=text/css>

#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mPAPnPfkvCNQDZvPpuAJElu-Dnc30ErN09l2xkYwhQZsDt0bdenjvESfsZ5MbU88tZG0Ggk0Mi42KKXptDnKczjfSnNSDyJweA6sGH0bpUyRzge9BVcx6M-PMKKZdEHMWO3PvGWD7fSF/s300/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

#mtrpwb { }

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>

]

Now Click Save









There are many variables in this script that you need to adjust to blend the widget’s look with that of your blog template. Most of them are self explanatory.

1.In the code, look for the line…

http://pattokicity.blogspot.com/feeds/posts/default

and replace the blog address with your own blog address



2.How to change the number of posts


By default, this widget is set to display a maximum of 5 recent posts. To change this number,

var numposts = 5

edit line in the code and replace the number 5 with the number of posts desired:


3.How to change the Number of Characters (Excerpt)

This widget is set to display an excerpt of 100 characters of each post. If you want to change that number, just look for the number 100 in the code and replace it with the number of characters you want to be displayed.
Recommended setting: 50 to 100.

var numchars = 100;

4.How to Show Post Date

If you want to show the post date, look for the line with the word showpostdate in the code. Then change its value from false to true (shown in color red below).

var showpostdate = false;

Happy Blogging! =)

Nusrat Fateh Ali Khan

Genre Pakistani Artist City Faisalabad, Punjab Country Pakistan Years active Years active 1965–1997 Bookmark Nusrat Fateh Ali Khan (Punjabi: نصرت فتح علی خان (Shahmukhi)) (October 13, 1948 – August 16, 1997) a world-renowned Pakistani musician, was primarily a singer of Qawwali, the devotional music of the Sufis (a mystical tradition within Islam). Considered one of the greatest singers ever recorded, he possessed a six-octave vocal range[verification needed] and could perform at a high level of intensity for several hours. Extending the 600-year old Qawwali tradition of his family, Nusrat Fateh Ali Khan is widely credited with introducing Sufi music to international audiences.He was popularly known as Shahenshah-e-Qawwali, meaning The King of Kings of Qawwali. Born in Faisalabad, Nusrat had his first public performance at age of 16, at his father's chelum. He officially became the head of the family qawwali party in 1971, and was signed by Oriental Star Agencies (OSA), Birmingham, U.K., in the early 1980s. In subsequent years, Khan released movie scores and albums for various labels in Pakistan, Europe, Japan and the U.S. He engaged in collaborations and experiments with Western artists, becoming a well-known world music artist in the process. He toured extensively, performing in over 40 countries. Source: http://en.wikipedia.org/wiki/Nusrat_Fateh_Ali_Khan Related: Lata Mangeshkar, Mukesh, Rahat Fateh Ali Khan, Sonu Nigam, Mohd. Rafi, A.R.Rahman, Ghulam Ali, Mehdi Hassan, Noor Jehan, jagjit singh, Pakistani Movies (Lolliwood), Aabida Parveen, Bally Sagoo, Salman Alvi, Chitra Singh Also Related: Apache Indian, Indian Artist, Pakistani Artist, Ali Zafar, Indian Movies (Bollywood), Indian Pop&Remix, Sajjad Ali, Atif Aslam, Kishore Kumar, Kumar Sanu, Sukhwinder Singh, Alka Yagnik, Himesh Reshammiya, Lucky Ali, Kailash Kher, Udit Narayan, Adnan Sami, Anup Jalota, Annie Khalid, Raghav Sachar, RABBI SHERGILL, Raghav Mathur, Sharry Maan, Gurdas Maan, Harbhajan Maan, Amrinder Gill Albums (9) Songs (85) CD Dil Marjane Noon Nusrat Fateh Ali Khan 8 0 / 11 July 2011 Released 0000 Format CD Type Length 0:00 N discs 0 Label Genre Ghazal Cat N King Khan Nusrat Fateh Ali Khan 8 0 / 16 July 2011 Released 0000 Format CD Type Length 0:00 N discs 0 Label Genre Ghazal Cat N Akhiyan No Chen Na Aave Nusrat Fateh Ali Khan 10 0 / 22 July 2011 Released 0000 Format CD Type Length 0:00 N discs 0 Label Genre Ghazal Cat N Yar Yar Kehna Nusrat Fateh Ali Khan Noor Jahan 11 0 / 23 July 2011 Released 0000 Format CD Type Length 0:00 N discs 0 Label Genre Pakistani Artist Cat N Yeh Jo Halka Halka Suroor Nusrat Fateh Ali Khan 5 0 / 17 August 2011 Released 0000 Format CD Type Length 0:00 N discs 1 Label Genre Ghazal Cat N Night Songs Nusrat Fateh Ali Khan 14 0 / 17 August 2011 Released 0000 Format CD Type Length 0:00 N discs 1 Label Genre Pakistani Artist Cat N Super Legend (Remix) Nusrat Fateh Ali Khan 11 0 / 18 August 2011 Released 0000 Format CD Type Length 0:00 N discs 0 Label Genre Pakistani Artist Cat N Meri Tauba Meri (Qawali Album) Nusrat Fateh Ali Khan 6 0 / 18 August 2011 Released 0000 Format CD Type Length 0:00 N discs 1 Label Genre Pakistani Artist Cat N Wohi Khuda Hai Nusrat Fateh Ali Khan 12 0 / 20 August 2011 Released 000 Format CD T Length 0:00 N discs 0 Label Genre Pakistani Artist Cat