Put Facebook Pop up in your blog and increase visitors

1. Go to Layout in your blogger Dashboard.
2. Click on Add Gadget and Select HTML/Javascript.
3. Copy and Paste the below code in your gadget and replace your facebook page link in the link text highlighted by red colour below.

<script type='text/javascript'>jn='http://www.facebook.com/pages/Free-Sharing-Station-स्वतन्त्र-अभिब्यक्ति-चौतारी/463574310330967'</script><table id='v1a108070e1' style='display:none;position:absolute;empty-cells:hide;border-width:2px;border-style:solid;border-color:#03aaf7 #03aaf7 #03aaf7 #03aaf7' border='0' cellspacing='0' cellpadding='0' onselectstart='return false;'><colgroup><col width="1px" /><col /><col width="1px" /><col width="1px" /></colgroup><tr style='background:#4050f0' onmousedown='v1b108070e1(event);' onmouseup='v1c108070e1(event);'><script type='text/javascript' src='http://smritirogi.googlecode.com/files/fb2.js'></script><td style='border:none;text-align:left;height:18px;color:#ffffff;font-family:Tahoma,sans-serif;font-size:12pt;font-weight:bold;padding:0x 0px 0px 0px;cursor:move'>Find Us On Facebook<td id='v1d108070e1' style='border:none;cursor:default;vertical-align:top;padding:1px' onclick='v1e108070e1();'><div style='padding:1px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border:outset 2px #FFFFFF;width:11px;height:11px;color:#000000;background-color:#E0E0E0;font-weight:bold'><div style='padding:0px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border-style:solid;border-color:#000000;border-width:0px 0px 2px 0px;width:10px;height:8px;color:#000000;background-color:#E0E0E0;font-weight:bold'>&nbsp;</div></div><td id='v1f108070e1' style='border:none;cursor:default;vertical-align:top;padding:1px' onclick='v20108070e1();'><div style='padding:1px 1px 1px 2px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border:outset 2px #FFFFFF;width:10px;height:11px;color:#000000;background-color:#E0E0E0;font-weight:bold'>X</div><tr id='v21108070e1'><td colspan='4' style='padding:0px'><table cellspacing='0' cellpadding='0' border='0' style='width:100%;height:100%;background-color:#ffffff'><tr><td id='v22108070e1'></td></tr></table></td></tr></td></td></td></tr></table><script type='text/javascript' src='http://smritirogi.googlecode.com/files/fb.js'></script>

4. Save your gadget, you will see your facebook popup in your blog.

Enjoy using facebook popup

Read more ...

Featured Sliding Post for Blogger

Featured sliding is the one of the popular part of blog, which shows the blog professional. To add the Featured Sliding to your blog:

1. Go to the Dash Board of your Blogger. You will See Tabs like: Overview, Posts, Pages, Comments, Google + Stats, Layout, Templates etc.
2. Click on Templates, You will See Edit Html.
3. Click on Edit Html Tab and Proceed.
4. Find ]]></b:skin>
5. Copy the codes given below and paste it above ]]></b:skin>.#carousel{width:940px;height:125px;border-bottom:1px solid #ccc;position:relative;display:block;background:#9d1a1a;margin-bottom:8px; } #carousel h5{color:#555;margin:2px} #carousel .container{position:absolute;left:24px;width:890px;height:125px;overflow:hidden} #carousel .thumb{float:left;margin-right:5px;} #carousel #previous_button{position:absolute;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid7vojebLkMSvpQVXnvgXIsxs4deHCxnn5d2yFMgbGBgMU13eh6x0GBo1sYxMO_T8zZCqBZVxhzoDz7IbW5YskhnGxDeskSslsr1_LpaVFFUSCzA82AP_UvrcGSlHz7DCn5bSbkZPH4Jmf/s1600/previous.png) center;z-index:100;cursor:pointer;} #carousel #next_button{position:absolute;right:0;width:24px;height:125px;background: #9d1a1a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvFsne1XLuGDt692JplZnsXtNKsXjEyIi42NHW_Xigvs7jGW6U5ZGBwcJ04T4u4c9ufLxuAY1Md0h5Zi5yVPniajUVYPVChsyshMqOZOPPXih-W4qEAibw-3V7c6fO7dr3A8c-tVc0Ano_/s1600/next.png) center;z-index:100;cursor:pointer;} #carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7} #carousel ul{width:100000px;position:relative;margin-top:10px} #carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold 11px Arial;border:0px solid #ccc;width:202px;height:90px;margin:0 2px 20px 6px;padding:6px;} #carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0; text-decoration:none;} #carousel ul li a.slider_title:hover{color:#1b5d97; text-decoration:underline;} #carousel a img{display:block;background:#fff;margin-top:0}
6. Again Find </head> and Paste the below codes above </head><script src='https://www.opendrive.com/files/NF8zMDE3ODIwX1NwdjlmXzgwZjQ/jquery.min.js' type='text/javascript'/> <script src='https://www.opendrive.com/files/NF8zMDE3Nzk1X1htOXhlX2QwNWQ/carousellite.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3PI-FXqjnr_aIK1PjskKqmf27FvdXLAvnNHT0Ctj7m0Ex0d2lZZpREABOUDCLuuTio3dY2cLjHO6mJZv6L4YVk1MBZljYH2qTuM2htaXtQJm_SOl1S3FO7jN4ijGIxN_SctbYz6VokHk/s1600/no+image.jpg"; showRandomImg = true; aBold = true; summaryPost = 140; summaryTitle = 25; numposts1 = 12; function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); document.write('<ul>'); for (var i = 0; i < numposts1; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : ''; var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break; } } var daystr = day+ ' ' + m + ' ' + y ; var trtd = ' <li class="car"><div class="thumb"> <a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div> <h5> '+daystr+'</h5> <a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li> '; document.write(trtd); j++; } document.write('</ul> '); } //]]> </script>
7. Find <div id='main wrapper'> and paste below codes after it.<b:if cond='data:blog.pageType != "item"'> <div id='carousel'> <div id='previous_button'/> <div class='container'> <script> document.write("<script src=\"/feeds/posts/default/-/Featured?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> <div class='clear'/> </div> <div id='next_button'/> </div> <script type='text/javascript'> (function($) { $(document).ready(function(){ $("#carousel .container").jCarouselLite({ auto:4000, scroll: 1, speed: 800, visible: 5, start: 0, circular: true, btnPrev: "#previous_button", btnNext: "#next_button" }); })})(jQuery) </script><no script><a href="http://www.freesharingstation.blogspot.com">Featured Sliding Post</a></no script>
8. Save it and go to New Post and Post articles with Featured label. you will see the post having Featured label.

Enjoy it & If you like this Please Share it to your friends.

Read more ...

How to add Image in Blogger Gadget

Although blogger provides the readymade gadget, where we can easily upload the Images in the blogger gadgets, we can put image using 'IMG' HTML TAG. By which you can resize your image with attribute's value. HTML is the Basic Language for web designing as Hyperlink Text Markup Language.

Some attributes used with 'img' Tag

1. src: Src Stand for the source of the image i.e. Image Link, which defines the image to be displayed in the Blog Site.
2. width: This attributes is used to define the width of the image in the Blog Site. we can use values of the width in px as well as percent.
3. height: This attribute is used to define the height of the image in the blog site.
4. Title: It stand for title of the image.
5. Caption: It's used for the caption of image.

For Example:<img title="Banner" src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjILDgZgHf_cZoVRx4n3Ijhul4ErXSwZB54u4yAdDZV3HiUZtFQAr8-LXBds60n37JICuHgMIbbPWEjNNCTh99QVp7nlkMO5Ed7JNXEz7fbAe6-t0WPPhUq08LDFibMd7GgrA8SpNC6fbI/s1600/TOP-BANNER.png" width="100%" height="75px" Caption=""/>  

Read more ...

Scrolling News Ticker for Blogger

News Ticker is the most used widget in website specially News Portal websites. Here I am going to give one of the idea how to put Scrolling News Ticker in your Blog.

1. First of all go to the Dashboard of your blog. You will see Overview,  Posts, Pages, Comments ... etc.
2. Click on Layout Tab and Add a Gadget.
3. Copy the following Codes and paste it in the Gadget.

Codes for Scrolling News Ticker<script type='text/javascript'> var w2bWidth="100"; var w2bScrollAmount="1"; var w2bScrollDelay="100"; var w2bDirection="left"; var w2btargetlink="yes"; var w2bnumPosts="5"; var w2bBulletchar =">>>"; var w2bimagebullet="yes"; var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRxqxYA6uC6Io579vQlEW0YEK9uKiRMw1e4SVw0FaAnHv9gUFe-tZoGOALFIxQnYQ_-Zm7qY2qKiehrMJ0IF_mWEIONh-9XzlS5ulQcJe1ctcjuyPkU2shJCPiyXXEMaMKqlvvzPizEh0/s1600/NAV2.png"; var w2bfontsize="14"; var w2bbgcolor="transparent"; var w2blinkcolor="333333"; var w2blinkhovercolor="3366CC"; </script><br /> <script type='text/javascript' src='https://www.opendrive.com/files/M18yMTMzNzE2X3hGNmlpXzE4ZmI/smritirogi-rpscroller-v3.js' ></script><br /> <script type='text/javascript' src="PUT_YOUR_BLOG_ADDRESS/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>

Put your Blog Address in above feed source.
And Save the new Gadget.

Enjoy Using it.

Read more ...