Adding a Recent Post Coloured Widget in your Blog - Useful Blogger Tricks

 
Assalam-o-Alaikum!
yah Mri Pahli Trick Ha, InShaaAllah Mazid Tricks Tips Bhi Upload karta Rahun Ga
Urdu/Hindi Me Tricks, sMs, Books, News Ka liey is Site ko visit karte rahen Aur Apny Doston K sath bhi share krain.

Ya Widget Apki Site par Visitors ka izafa kar sakti ha,, jab koi apki site ko Visit kray Ga to usy sath Me Jab Coloured Recent Post Widget ka tab Nazar Ay Ga, To Wo apki Mazid Posts Bhi Dekhne ki khahish kray ga.........

Blogger me Recent post Coloured widget/App kaisy Add karte hen????
Simply Just
in Steps Ko follow Krain, Aur .....

1:-
Login to your Blogger Account

                   2:-
Apna wo blogger choose krain jis me app/widget, add karna chahte hen 


3:-
Usky Bad us Blogger Ki Layout par click krain.

4:-
Blogger Ki Aik New window Open Ho Gi. Jis Me Apko Blogger site Ka Map Bna Nazar Aay Ga.


5:-
Apko wahan Add a Gadget waly blocks Bnay Nazar Aen Ga, jaisa ka Pic me dikhaya Gaya Ha

6:-
Ap Apnay Blogg Me jis Jaga Bhi Recent Post Coloured widget/App Set Karna chahen, Bilkul Usi jaga Walay Gadjet Box par click KraiN...

7:-
Mozila/Chrome me Aik New window Open Ho Jaay Gi,,,,,, Pic dekhen

8:-
Aur HTML/JAVA SCRIPT wally Option par Click Krain

9:-
wahan par phr Aik Aur Window Open Ho gi,,,, Kuch easi
pic dekhian

title wali jaga par Ap Koi Bhi Naam Likh sakte Hen Aur CONTENT walay block Me ya code
Paste KraiN.....Aur Save KraiN Aur Phr APni Blogger Ki Site Ko Refresh KraiN!

Note:

Code Me  numposts = 5   is jaga ap apne posts likh dian 1 2 3 4 5 ya 6 jitni ap us widget me show karvana chahte hen....

home_page = " is jaga apnii Blogger ka URL likhen.

Demo:


Code is This:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">


home_page = "http://urdulovers123.blogspot.com/";
numposts = 5;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1.css" /></div>