tag:blogger.com,1999:blog-58526027062277459512013-06-24T01:47:01.763-07:00Letest Blogger Tools Fahim Faruknoreply@blogger.comBlogger6125tag:blogger.com,1999:blog-5852602706227745951.post-40484744671571449132013-06-24T01:47:00.001-07:002013-06-24T01:47:01.767-07:00Free jQuery Pop-up Facebook Like Box For Blogger/Blog – Version 1<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-lXaJdkCYPEA/UcgGxdZAXWI/AAAAAAAAAyc/pD6wURGg3Cs/s1600/NewPicture009.JPG" /> </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="dropcap"><span style="font-size: x-large;">J</span>Query Pop-up Facebook Like Box For Blogger, When a visitor lands on your blog a pop up box will appear with the option to like your Facebook page.And you can also setup this widget to only appear on the first visit so your readers or you wont have to see it every time. </div><b class="mdb">How to add this widget to blogger?</b><br />First you need to have a jQuery Plugin in your Blog template.<br />This Step is Required, <b>If your Blog already have this plugin then Ignore this Step.</b><br /><b>If your Blog Don’t have this Plugin, Install the jQuery Plugin.</b><br />Add the below line of code before </head> tag, and save your template.<br /><span style="font-size: large;"><span style="color: magenta;"><span style="background-color: #9fc5e8;"> <b><code><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></code></b></span></span></span><br /><br />Enter your facebook page URL in below Genetator<br />If you want to shown pop-up only one time select "Yes"<br />Choose Background color of Popup box as matching with your blog/site.<br />Click On Genetate button<br />Click On Preview button, if you want to show preview of your customized settings<br />And finally click on Add To Blogger button to add this widget to your blog... <br /><br /></div><html><head><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><link rel="stylesheet" type="text/css" href="http://makingdifferent.github.com/blogger-widgets/colorpicker.css" media="all" /><script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/jquery.validationEngine.js"></script><script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/colorpicker.js"></script><script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/widget.js"></script><title>jQuery Pop-up Facebook Like Box Widget Generator by Making Different</title><style type="text/css">.text-input, .select-box{ margin:0 2px; padding:4px 6px; border: 1px solid #ff0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: gergia; font-style: italic; -webkit-box-shadow: 1px 1px 1px #ff0000; -moz-box-shadow: 1px 1px 1px #ff0000; box-shadow: 1px 1px 1px #ff0000; font-size: 14px; color: #666; max-width:auto; } body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px; } label { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; } fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } #outer-wrapper {font-family: Verdana, Arial;} #content-wrapper { width: 98%; max-widtd:980px; margin: 0 auto; padding: 5px; text-align: left; background:#ffffff; } #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #ffffff;font-size:16px;color:#000;border:1px solid #111; } </style><script type='text/javascript'>//<!-- function makingdifferentcodegen(){ var nit = document.getElementsByName("nitt")[0].value; var b = document.getElementsByName("mdbg")[0].value; var mdhariFurl = document.getElementsByName("mdfurl")[0].value; var mdFurl = mdhariFurl.replace(/\s/gi,""); var mdEFurl = encodeURIComponent(mdFurl); var mdwidget = document.getElementsByName("widget.content")[0]; mdwidget.value = "<script src=\"http:\/\/makingdifferent.github.com\/blogger-widgets\/[www.gj37765.blogspot.com]jquery.colorbox-min.js\"><\/script>\n"; mdwidget.value += "<style type=\"text\/css\">\n"; mdwidget.value += "#colorbox, #cboxOverlay, #cboxWrapper{\n"; mdwidget.value += "position:absolute;\n"; mdwidget.value += "top:0;left:0;\n"; mdwidget.value += "z-index:9999;\n"; mdwidget.value += "overflow:hidden;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxOverlay{\n"; mdwidget.value += "position:fixed;\n"; mdwidget.value += "width:100%;\n"; mdwidget.value += "height:100%;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxMiddleLeft,#cboxBottomLeft{\n"; mdwidget.value += "clear:left;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxContent{\n"; mdwidget.value += "position:relative;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxLoadedContent{\n"; mdwidget.value += "overflow:auto;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxTitle{\n"; mdwidget.value += "margin:0;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxLoadingOverlay,#cboxLoadingGraphic{\n"; mdwidget.value += "position:absolute;\n"; mdwidget.value += "top:0;left:0;\n"; mdwidget.value += "width:100%;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxPrevious, #cboxNext, #cboxClose,#cboxSlideshow{\n"; mdwidget.value += "cursor:pointer;\n"; mdwidget.value += "}\n"; mdwidget.value += ".cboxPhoto{\n"; mdwidget.value += "float:left;\n"; mdwidget.value += "margin:auto;\n"; mdwidget.value += "border:0;\n"; mdwidget.value += "display:block;\n"; mdwidget.value += "}\n"; mdwidget.value += ".cboxIframe{\n"; mdwidget.value += "width:100%;\n"; mdwidget.value += "height:100%;\n"; mdwidget.value += "display:block;\n"; mdwidget.value += "border:0;\n"; mdwidget.value += "}\n"; mdwidget.value += ""; mdwidget.value += "#cboxOverlay{\n"; mdwidget.value += "background:#"+ b +";\n"; mdwidget.value += "opacity:0.5 !important;\n"; mdwidget.value += "}\n"; mdwidget.value += "#colorbox{\n"; mdwidget.value += "\/*box-shadow*\/\n"; mdwidget.value += "-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);\n"; mdwidget.value += "-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);\n"; mdwidget.value += "box-shadow:0 0 15px rgba(0,0,0,0.4);\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxTopLeft{\n"; mdwidget.value += "width:14px;\n"; mdwidget.value += "height:14px;\n"; mdwidget.value += "background:url(http:\/\/3.bp.blogspot.com\/-UFvsMA0xw_s\/TwRGZN6BBGI\/AAAAAAAACNA\/_z47WNmUOfs\/s1600\/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0 0;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxTopCenter{\n"; mdwidget.value += "height:14px;\n"; mdwidget.value += "background:url(http:\/\/2.bp.blogspot.com\/-3KW95qDrjH0\/TwRGYol22fI\/AAAAAAAACM4\/lCr80B0MD2U\/s1600\/%255Bwww.gj37765.blogspot.com%255Dborder.png) repeat-x top left;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxTopRight{\n"; mdwidget.value += "width:14px;\n"; mdwidget.value += "height:14px;\n"; mdwidget.value += "background:url(http:\/\/3.bp.blogspot.com\/-UFvsMA0xw_s\/TwRGZN6BBGI\/AAAAAAAACNA\/_z47WNmUOfs\/s1600\/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat -36px 0;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxBottomLeft{\n"; mdwidget.value += "width:14px;\n"; mdwidget.value += "height:43px;\n"; mdwidget.value += "background:url(http:\/\/3.bp.blogspot.com\/-UFvsMA0xw_s\/TwRGZN6BBGI\/AAAAAAAACNA\/_z47WNmUOfs\/s1600\/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0 -32px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxBottomCenter{\n"; mdwidget.value += "height:43px;\n"; mdwidget.value += "background:url(http:\/\/2.bp.blogspot.com\/-3KW95qDrjH0\/TwRGYol22fI\/AAAAAAAACM4\/lCr80B0MD2U\/s1600\/%255Bwww.gj37765.blogspot.com%255Dborder.png) repeat-x bottom left;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxBottomRight{\n"; mdwidget.value += "width:14px;\n"; mdwidget.value += "height:43px;\n"; mdwidget.value += "background:url(http:\/\/3.bp.blogspot.com\/-UFvsMA0xw_s\/TwRGZN6BBGI\/AAAAAAAACNA\/_z47WNmUOfs\/s1600\/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat -36px -32px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxMiddleLeft{width:14px;background:url(http:\/\/3.bp.blogspot.com\/-UFvsMA0xw_s\/TwRGZN6BBGI\/AAAAAAAACNA\/_z47WNmUOfs\/s1600\/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) repeat-y -175px 0;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxMiddleRight{\n"; mdwidget.value += "width:14px;background:url(http:\/\/3.bp.blogspot.com\/-UFvsMA0xw_s\/TwRGZN6BBGI\/AAAAAAAACNA\/_z47WNmUOfs\/s1600\/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) repeat-y -211px 0;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxContent{\n"; mdwidget.value += "background:#fff;\n"; mdwidget.value += "overflow:visible;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxLoadedContent{\n"; mdwidget.value += "margin-bottom:5px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxLoadingOverlay{background:url(http:\/\/3.bp.blogspot.com\/-7VRvnW_MUSw\/TwRGXjXjloI\/AAAAAAAACM0\/5K-J5jgkxo4\/s1600\/%255Bwww.gj37765.blogspot.com%255Dloadingbackground.png) no-repeat center center;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxLoadingGraphic{background:url(http:\/\/3.bp.blogspot.com\/-xjj51r2lm2M\/TwRGaKezqHI\/AAAAAAAACNI\/lKX9_-YUUdY\/s1600\/%255Bwww.gj37765.blogspot.com%255Dloading.gif) no-repeat center center;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxTitle{\n"; mdwidget.value += "position:absolute;\n"; mdwidget.value += "bottom:-25px;\n"; mdwidget.value += "left:0;\n"; mdwidget.value += "text-align:\n"; mdwidget.value += "center;width:100%;\n"; mdwidget.value += "font-weight:bold;\n"; mdwidget.value += "color:#7C7C7C;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxCurrent{\n"; mdwidget.value += "position:absolute;\n"; mdwidget.value += "bottom:-25px;\n"; mdwidget.value += "left:58px;\n"; mdwidget.value += "font-weight:bold;\n"; mdwidget.value += "color:#7C7C7C;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{\n"; mdwidget.value += "position:absolute;\n"; mdwidget.value += "bottom:-29px;\n"; mdwidget.value += "background:url(http:\/\/3.bp.blogspot.com\/-UFvsMA0xw_s\/TwRGZN6BBGI\/AAAAAAAACNA\/_z47WNmUOfs\/s1600\/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0px 0px;\n"; mdwidget.value += "width:23px;\n"; mdwidget.value += "height:23px;\n"; mdwidget.value += "text-indent:-9999px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxPrevious{\n"; mdwidget.value += "left:0px;\n"; mdwidget.value += "background-position:-51px -25px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxPrevious.hover{\n"; mdwidget.value += "background-position:-51px 0px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxNext{\n"; mdwidget.value += "left:27px;\n"; mdwidget.value += "background-position:-75px -25px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxNext.hover{\n"; mdwidget.value += "background-position:-75px 0px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxClose{\n"; mdwidget.value += "right:0;\n"; mdwidget.value += "background-position:-100px -25px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#cboxClose.hover{\n"; mdwidget.value += "background-position:-100px 0px;\n"; mdwidget.value += "}\n"; mdwidget.value += ".cboxSlideshow_on #cboxSlideshow{\n"; mdwidget.value += "background-position:-125px 0px;\n"; mdwidget.value += "right:27px;\n"; mdwidget.value += "}\n"; mdwidget.value += ".cboxSlideshow_on #cboxSlideshow.hover{\n"; mdwidget.value += "background-position:-150px 0px;\n"; mdwidget.value += "}\n"; mdwidget.value += ".cboxSlideshow_off #cboxSlideshow{\n"; mdwidget.value += "background-position:-150px -25px;\n"; mdwidget.value += "right:27px;\n"; mdwidget.value += "}\n"; mdwidget.value += ".cboxSlideshow_off #cboxSlideshow.hover{\n"; mdwidget.value += "background-position:-125px 0px;\n"; mdwidget.value += "}\n"; mdwidget.value += "#mdfb{\n"; mdwidget.value += "font:12px\/1.2 Arial,Helvetica,san-serif;color:#666;\n"; mdwidget.value += "}\n"; mdwidget.value += "#mdfb a,#mdfb a:hover,#mdfb a:visited{\n"; mdwidget.value += "text-decoration:none;\n"; mdwidget.value += "}\n"; mdwidget.value += ".mdbox-title{\n"; mdwidget.value += "background:#000;\n"; mdwidget.value += "color:#fff;\n"; mdwidget.value += "font-size:20px !important;\n"; mdwidget.value += "font-weight:bold;\n"; mdwidget.value += "margin:10px 0;\n"; mdwidget.value += "border:20px solid #ddd;\n"; mdwidget.value += "\/*border-radius*\/\n"; mdwidget.value += "-webkit-border-radius:6px;\n"; mdwidget.value += "-moz-border-radius:6px;\n"; mdwidget.value += "border-radius:6px;\n"; mdwidget.value += "\/*box-shadow*\/\n"; mdwidget.value += "-webkit-box-shadow:5px 5px 5px #CCCCCC;\n"; mdwidget.value += "-moz-box-shadow:5px 5px 5px #CCCCCC;\n"; mdwidget.value += "box-shadow:5px 5px 5px #CCCCCC;\n"; mdwidget.value += "padding:10px;\n"; mdwidget.value += "line-height:25px;\n"; mdwidget.value += "font-family:arial !important;\n"; mdwidget.value += "}\n"; mdwidget.value += ".mdbox-tagline{\n"; mdwidget.value += "color:#999;\n"; mdwidget.value += "margin:0;\n"; mdwidget.value += "text-align:center;\n"; mdwidget.value += "}\n"; mdwidget.value += "#mdsubs-container{\n"; mdwidget.value += "padding:35px 0 30px 0;\n"; mdwidget.value += "position:relative;\n"; mdwidget.value += "}a:link,a:visited{\n"; mdwidget.value += "border:none;\n"; mdwidget.value += "}\n"; mdwidget.value += ".demo{\n"; mdwidget.value += "display:none;\n"; mdwidget.value += "}\n"; mdwidget.value += "<\/style>\n"; mdwidget.value += "\n"; mdwidget.value += "<script type=\"text\/javascript\">\n"; mdwidget.value += "jQuery(document).ready(function(){\n"; mdwidget.value += "if (document.cookie.indexOf('visited="+ nit +"') == -1) {\n"; mdwidget.value += "var fifteenDays = 1000*60*60*24*30;\n"; mdwidget.value += "var expires = new Date((new Date()).valueOf() + fifteenDays);\n"; mdwidget.value += "document.cookie = \"visited=true;expires=\"+expires.toUTCString();\n"; mdwidget.value += "$.colorbox({width:\"400px\", inline:true, href:\"#mdfb\"});\n"; mdwidget.value += "}});\n"; mdwidget.value += "<\/script>\n"; mdwidget.value += "\n"; mdwidget.value += "<div style='display:none'>\n"; mdwidget.value += "<div id='mdfb' style='padding:10px; background:#fff;'>\n"; mdwidget.value += "<h3 class=\"mdbox-title\">\n"; mdwidget.value += "Receive all updates via Facebook, Just Click the Like Button Below"; mdwidget.value += "<center><p style=\"line-height:3px;\" >▼<\/p><\/center><\/h3>\n"; mdwidget.value += "<center>\n"; mdwidget.value += "<iframe src=\"\/\/www.facebook.com\/plugins\/likebox.php?href=" + mdEFurl + "&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:300px; height:258px;\" allowtransparency=\"true\">\n"; mdwidget.value += "<\/iframe>\n"; mdwidget.value += "<\/center>\n"; mdwidget.value += "<p style=\" float:right;margin-right:35px;font-size:9px;\">\n"; mdwidget.value += "By <a style=\" font-size:9px;color:#3B78CD;text-decoration:none;\" href=\"http:\/\/www.makingdifferent.com\/\">Letest Blogger Tools<\/a> | <a style=\" font-size:9px;color:#3B78CD;text-decoration:none;\" href=\"http:\/\/www.makingdifferent.com\/2012\/04\/jquery-pop-up-facebook-like-box-for.html\"><\/a>\n"; mdwidget.value += "<\/p>\n"; mdwidget.value += "<\/div>\n"; mdwidget.value += "<\/div>\n"; document.getElementsByName("go")[0].disabled = false; document.getElementsByName("preview")[0].disabled=false; } function mdpredemo() { var demodata = document.getElementsByName('mdjs')[0].value + document.getElementsByName('widget.content')[0].value; newwindow=window.open('','name',''); var tmp = newwindow.document;tmp.write('' + demodata + '');tmp.close(); } //--></script></head><body><div id='content-wrapper'><h2>jQuery Pop-up Facebook Like Box Widget Generator by Letest Blogger Tools</h2><fieldset class='redi' style='border:1px solid #7F9DB9;'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Settings</legend><center><form id"w2bForm" action="http://www.blogger.com/add-widget" method="post" target="_blank"><table width="100%"><tr><td width='60%'><label for='mdfurl'> Facebook Page URL </label>:</td><td width='40%'><input class='text-input' type='url' id='mdfurl' name='mdfurl' value='https://www.facebook.com/LetestBloggerTools' size='30'></td></tr><tr></tr><tr></tr><tr><td width='60%'><label for='nitt'>One Time Open Pop-up?</label>:</td><td width='40%'> <select class='select-box' id='nitt' name='nitt'><option value='false'>No</option> <option value='true'>Yes</option></select></td></tr><tr></tr><tr></tr><tr><td width='60%'><label for='mdbg'>Popup box Background Color</label>:</td><td width='40%'><input class='inputcolor text-input' type='text' id='mdbg' name='mdbg' value='000000' size='6'></input><span class="colorbox"></span></td></tr></table></fieldset><br><center><input value='Generate'style='font-size: 22px; width: 175px;' type='button' onclick='javascript:makingdifferentcodegen();'/><input style="font-size: 22px; width: 175px;" type="button" disabled="disabled" name="preview" value="Preview" onclick="javascript:mdpredemo();" /><input disabled="disabled" name="go" style="font-size: 22px; width: 175px;" type="submit" value="Add to Blogger" /><textarea name="widget.content" style="display: none; height: 0px; width: 0px;"></textarea><input name="infoUrl" type="hidden" value="http://www.makingdifferent.com/" /><input name="logoUrl" type="hidden" value="http://1.bp.blogspot.com/-F3E_NLszdVw/Tww_IEoQz7I/AAAAAAAACUQ/RnnmPBjcNXg/s1600/1326202408.jpg" /></form><textarea name="mdjs" style="display: none; height: 0px; width: 0px;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script></textarea></center><br><center><span style="font-size: small;"> Copyright © 2012 All Rights Reserved by <a class="g-profile" href="https://plus.google.com/u/0/114753283358466178629" target="_blank">Fahim Faruk</a> @ <a href='http://letestbloggertools.blogspot.com' target="_blank">Letest Blogger Tools</a></span></center><br></div></body></html>Fahim Farukhttps://plus.google.com/114753283358466178629noreply@blogger.com0tag:blogger.com,1999:blog-5852602706227745951.post-12001775445780083112013-06-24T00:14:00.000-07:002013-06-24T00:22:33.941-07:00Free Meta Tag Generator Tool For Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-FLswYfFE1Kc/UcfyWDZyzHI/AAAAAAAAAxg/k0keKtJftpY/s1600/meta-tags-generator-tool%5B5%5D.gif" height="126" width="400" /> </div><div style="text-align: left;">Meta Tags are HTML tags used to control your site description in the search engines that support them: Google, Yahoo, Bing, Yandex, AOL Search, AltaVista, AllTheWeb (FAST), HotBot, Lycos, Infoseek (Go), Excite, and WebCrawler. It is important to have well made meta tags because they can help increase your</div><div style="text-align: left;">Search Engine Positio<br /><div style="text-align: center;"> <span style="color: magenta; font-size: x-large;"><i><b><span class="fullpost">Meta Tag Generator Tool</span></b></i></span></div></div></div><div id="MBT-REDIRECTION"><div id="wrap"><div id="outer-wrapper"><div id="main-wrapper"><div class="main section" id="main"><div class="widget Blog" id="Blog1"><div class="blog-posts hfeed"><div class="post hentry"><div class="widget HTML" id="HTML8"><span class="fullpost"></span><br /><center><span class="fullpost"> <table> <tbody><tr> <td><form><div align="center"><center><table border="0" cellpadding="2"> <tbody><tr> <td><span style="color: magenta;"><span style="font-weight: bold;">Description:</span></span></td> <td><input class="mbt3" name="input1" size="40" type="text" /></td> </tr><tr> <td><span style="color: magenta;"><span style="font-weight: bold;">Keywords:</span></span></td> <td><input class="mbt3" name="input2" size="40" type="text" /></td> </tr><tr> <td><span style="color: magenta;"><span style="font-weight: bold;">Author (Optional):</span></span></td> <td><input class="mbt3" name="input3" size="40" type="text" /></td> </tr><tr> <td><span style="color: magenta;"><span style="font-weight: bold;">Robots (Optional):<i><span style="font-size: large;"> </span></i> </span></span></td> <td><select name="input4" size="1"> <option selected="" value="All">All </option> <option value="None">None </option> <option value="Index">Index </option> <option value="No Index">No Index </option> <option value="Follow">Follow </option> <option value="No Follow">No Follow </option> </select></td> </tr></tbody></table></center></div><div style="text-align: center;"><input class="mbt4" onclick="create(this.form)" type="button" value="Create Metatags" /> <input class="mbt4" type="reset" value="Clear All" /> <textarea cols="65" name="story" rows="12" wrap=""></textarea> </div></form></td> </tr></tbody></table></span></center><span class="fullpost"></span></div></div></div></div></div></div></div></div></div><div id="lower"><div id="lower-wrapper"><div style="clear: both;"></div></div></div><!-- end lower-wrapper --> </div>Fahim Farukhttps://plus.google.com/114753283358466178629noreply@blogger.com0tag:blogger.com,1999:blog-5852602706227745951.post-57223974159906581092013-06-23T23:51:00.001-07:002013-06-23T23:51:19.334-07:00Free Add To Blogger” Button Form Code Generator<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-lagDsABIIcM/UcfqHMnxzaI/AAAAAAAAAxQ/1YoRRIi8ODU/s1600/addtoblogger-button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-lagDsABIIcM/UcfqHMnxzaI/AAAAAAAAAxQ/1YoRRIi8ODU/s1600/addtoblogger-button.jpg" height="283" width="320" /></a></div><div class="dropcap"><span style="font-size: x-large;">I</span>f you are a widget or module designer then one should utilize the widget API provided by blogger.Using this API you can provide the users with widgets of their interest with a one shot of a click to install to the new blogger layout without letting them mess with the XML code of the their template.</div>More details about the code have look at the below link</div><html><head><title>Form generator for "Add to Blogger" button by Making Different</title><style type="text/css">.input-text,.text-input, .select-box{ margin:0 2px; padding:4px 6px; border: 1px solid #ff0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: gergia; font-style: italic; -webkit-box-shadow: 1px 1px 1px #dfdfdf; -moz-box-shadow: 1px 1px 1px #dfdfdf; box-shadow: 1px 1px 1px #dfdfdf; font-size: 14px; color: #666; max-width:auto; } .textarea-box, .textareaBox{ border:1px solid #ff0000; padding:6px; -webkit-resize: none; -moz-resize: none; resize: none; -webkit-box-shadow: 1px 1px 1px #dfdfdf; -moz-box-shadow: 1px 1px 1px #dfdfdf; box-shadow: 1px 1px 1px #dfdfdf; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .textareaBox{ display:block; width:90%; padding:10px; max-width:98%; margin:20px auto; max-height:600px; min-height:300px; } body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;background-color:#ffffff;font-size:14px;} #outer-wrapper {font-family: Verdana, Arial;} #content-wrapper { width: 98%; max-widtd:980px; margin: 0 auto; padding: 5px; text-align: left; background-color: #FFFFFF; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #FFFFFF;font-size:16px;color:#000;border:1px solid #111; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } </style><script type='text/javascript'>function makingdifferentcodegen(){ var widtitle=document.getElementsByName("mdtitle")[0].value;var infourl=document.getElementsByName("mdburl")[0].value;var logourl=document.getElementsByName("mdimgurl")[0].value;var widgh=document.getElementsByName("widvalue")[0].value;var widget=document.getElementsByName("md7765")[0]; widget.value="<form action=\"http:\/\/www.blogger.com\/add-widget\" method=\"POST\"><input type=\"hidden\" ";widget.value+="name=\"widget.title\" value=\""+widtitle+"\"\/><input name=\"widget.content\" type=\"hidden\" ";widget.value+="value=\""+widgh+"\" \/><input name=\"widget.template\" type=\"hidden\" ";widget.value+="value=\"<data:content\/>\" \/><input type=\"hidden\" name=\"infoUrl\" ";widget.value+="value=\""+infourl+"\"\/><input type=\"hidden\" name=\"logoUrl\" value=\""+logourl+"\"\/><input ";widget.value+="alt=\"Add to Blogger\" src=\"http:\/\/www.blogger.com\/img\/add\/add2blogger_lg.gif\" type=\"image\" ";widget.value+="\/><\/form>" } function makingdifferentconv(){ var md1=document.getElementById("md_gj37765"); var replaced;replaced=md1.value; replaced=replaced.replace(/</ig,"<"); replaced=replaced.replace(/>/ig,">"); replaced=replaced.replace(/"/ig,"""); replaced=replaced.replace(/±/ig,"±"); replaced=replaced.replace(/©/ig,"©"); replaced=replaced.replace(/®/ig,"®"); replaced=replaced.replace(/howdy/ig,"ya'll"); md1.value=replaced } function makingdifferentv(){ var widtitle=document.getElementsByName("mdtitle")[0].value=""; var infourl=document.getElementsByName("mdburl")[0].value=""; var logourl=document.getElementsByName("mdimgurl")[0].value=""; var widgh=document.getElementsByName("widvalue")[0].value=""; var widget=document.getElementsByName("md7765")[0].value="" } </script></head><body><div id='content-wrapper'><h2> "Add to Blogger" button form code generator by Letest Blogger Tools </h2><fieldset class='redi' style='border:1px solid #7F9DB9;'><legend class='redi' align='left' style=' border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'><b>Settings</b></legend><table width="100%"> <tr><td width='40%'><label for='mdtitle'>Enter Widget Title</label></td><td width='60%'><input class="text-input" type='text' id='mdtitle' name='mdtitle' value='' size='30'></td></tr><tr><td width='40%'><label for='mdburl'>Blog Url / Profile URL</label></td><td width='60%'><input class="text-input" type='text' id='mdburl' name='mdburl' value='' size='60'></td></tr><tr><td width='40%'><label for='mdimgurl'>Enter Your Logo URL</label></td><td width='60%'><input class="text-input" type='text' id='mdimgurl' name='mdimgurl' value='' size='60'></td></tr><tr><td width='40%'><label for='bio'>Paste the widget content value(html/javascript)</label></td><td width='60%'><textarea class="textarea-box" id="md_gj37765" onchange="makingdifferentconv()" name='widvalue' cols='46' rows='6'></textarea></td></tr></table></fieldset><br><center><input value='Generate' style='font-size:16px;width:200px;line-height:25px;font-weight:bold;' type='button' onclick='javascript:makingdifferentcodegen();'/><input value='Reset' style='font-size:16px;width:200px;line-height:25px;font-weight:bold;' type='button' onclick='javascript:makingdifferentv();'/></center><br><textarea class="textarea-box" name='md7765' onfocus="this.select()" onmouseover="this.focus()" onclick="this.focus();this.select()" style=' background:#ffffff;width:100%;height:300px;' readonly='readonly' name='tbox'></textarea><br><br><center><small> Copyright © 2013 All Rights Reserved by<a href='https://plus.google.com/u/0/114753283358466178629'> Fahim Faruk</a> @ <a href='http://letestbloggertools.blogspot.com/'> Letest Blogger Tools </a></small></center></div></body></html>Fahim Farukhttps://plus.google.com/114753283358466178629noreply@blogger.com0tag:blogger.com,1999:blog-5852602706227745951.post-18901542437649048722013-06-23T23:32:00.000-07:002013-06-23T23:32:23.808-07:00Free Online iFrame Generator Tool for Blog/website<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-SuVKKcTIvAo/UcfkV7XevJI/AAAAAAAAAxE/Yrp7Zv_3Ri0/s1600/IframeGenerator.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-SuVKKcTIvAo/UcfkV7XevJI/AAAAAAAAAxE/Yrp7Zv_3Ri0/s1600/IframeGenerator.jpg" height="640" width="458" /></a></div><div><div class="dropcap"><span style="font-size: x-large;">T</span>his iFrame generator helps you to instantly create customized iFrames for your web site/blog. Fill in the fields below and within seconds you will receive the HTML code for your custom iFrame,simply edit values below and click the “Generate” button. </div></div></div><html><head><link rel="stylesheet" type="text/css" href="http://makingdifferent.github.com/blogger-widgets/colorpicker.css" media="all" /><script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script><script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/jquery.validationEngine.js"></script><script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/colorpicker.js"></script><script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/widget.js"></script><title>iFrame Generator by Making Different</title><style type="text/css">.textarea-box, .textareaBox{ border:1px solid #ff0000; padding:6px; -webkit-resize: none; -moz-resize: none; resize: none; -webkit-box-shadow: 1px 1px 1px #dfdfdf; -moz-box-shadow: 1px 1px 1px #dfdfdf; box-shadow: 1px 1px 1px #dfdfdf; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .text-input, .select-box{ margin:0 2px; padding:4px 6px; border: 1px solid #ff0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: gergia; font-style: italic; -webkit-box-shadow: 1px 1px 1px #ff0000; -moz-box-shadow: 1px 1px 1px #ff0000; box-shadow: 1px 1px 1px #ff0000; font-size: 14px; color: #666; max-width:auto; } body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px; } label { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; } fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } #outer-wrapper {font-family: Verdana, Arial;} #content-wrapper { width: 98%; max-widtd:980px; margin: 0 auto; padding: 5px; text-align: left; background:#FFFFFF; } #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #FFFFFF;font-size:16px;color:#000;border:1px solid #111; } </style><script type='text/javascript'>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('p y(){2 i=1.3("z")[0].4;2 5=1.3("x")[0].4;2 8=1.3("A")[0].4;2 k=1.3("w")[0].4;2 6=1.3("v")[0].4;2 m=1.3("B")[0].4;2 j=1.3("H")[0].4;2 f=1.3("F")[0].4;2 n=1.3("D")[0].4;2 h=1.3("G")[0].4;2 9=1.3("C")[0].4;2 l=1.3("I")[0].4;2 g=1.3("t")[0];g.4="<e E=\\""+i+"\\" u=\\"6:"+m+"7 #"+j+" "+f+";\\" s=\\""+k+"\\" S=\\""+l+"\\" W=\\""+6+"\\" V=\\""+n+"7\\" J=\\""+h+"7\\" 5=\\""+5+""+9+"\\" 8=\\""+8+""+9+"\\"><\\/e>";1.3("Y")[0].10=Z}p T(){2 d=1.3(\'t\')[0].4;q=M.L(\'\',\'s\',\'\');2 a=q.1;a.O(\'<c><o><r>R Q P 11 U N K</r></o><b>\'+d+\'</b></c>\');a.X()}',62,64,'|document|var|getElementsByName|value|height|border|px|width|sizetype|tmp|body|html|demodata|iframe|bordertype|widget|marwidth|url|bordercolor|namee|scroll|bordersize|marheight|head|function|newwindow|title|name|mdcode|style|mdborder|mdnamee|mdheight|makingdifferentcodegen|mdurl|mdwidth|mdborsize|mdsizetype|mdmarheight|src|mdbortype|mdmarwidth|mdborcolor|mdscroll|marginwidth|Different|open|window|Making|write|Iframe|for|Demo|scrolling|mdpredemo|by|marginheight|frameborder|close|preview|false|disabled|Toolbar'.split('|'),0,{})) </script></head><body><div id='content-wrapper'><h2>iFrame Generator by Letest Blogger Tools</h2><fieldset class='redi'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Settings</legend><br><table width="100%"><tr><td width='60%'><label for='name='mdnamee'>iFrame Name</label>:</td><td width='40%'> <input class='text-input' type='text' name='mdnamee' value='My iFrame' size='25'></td></tr><tr></tr><tr><td width='60%'><label for='name='mdurl'>iFrame URL</label>:</td><td width='40%'> <input class='text-input' type='text' name='mdurl' value='http://' size='25'></td></tr><tr></tr><tr><td width='33%'><label for='mdheight'>Height</label>:</td><td width='33%'> <input class='text-input' type='text' name='mdheight' value='60' size='6'></td><td width='33%'><select class='select-box' id='mdsizetype' name='mdsizetype'><option value='px'>Pixels</option><option value='%'>percent</option> </select></td></tr></tr><tr></tr><tr><td width='33%'><label for='mdwidth'>Width</label>:</td><td width='33%'> <input class='text-input' type='text' name='mdwidth' value='468' size='6'></td><td width='33%'><select class='select-box' id='mdsizetype' name='mdsizetype'><option value='px'>Pixels</option><option value='%'>percent</option> </select></td></tr></tr><tr></tr><tr><td width='60%'><label for='mdborder'>Show Border?</label></td><td width='40%'> <select class='select-box' id='mdborder' name='mdborder'><option value='1'>Yes</option><option value='0'>No</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='mdborsize'>Border Size</label></td><td width='40%'> <select class='select-box' id='mdborsize' name='mdborsize'><option value='0'>0px</option><option value='1'>1px</option> <option value='2'>2px</option> <option value='3'>3px</option> <option value='4'>4px</option> <option value='5'>5px</option> <option value='6'>6px</option> <option value='7'>7px</option> <option value='8'>8px</option> <option value='9'>9px</option> <option value='10'>10px</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='mdbortype'>Border Type</label></td><td width='40%'> <select class='select-box' id='mdbortype' name='mdbortype'><option value='none'>none</option><option value='hidden'>hidden</option> <option value='solid'>solid</option> <option value='dotted'>dotted</option> <option value='dashed'>dashed</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='mdborcolor'>Border Color</label></td><td width='40%'> #<input class='inputcolor text-input' type='text' name='mdborcolor' value='FFFFFF' size='6'><span class="colorbox"></td></tr><tr></tr><tr><td width='60%'><label for='mdscroll'>Show Scrollbar?</label></td><td width='40%'> <select class='select-box' id='mdscroll' name='mdscroll'><option value='yes'>Yes</option><option value='no'>No</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='name='mdmarheight'>Marginheight</label>:</td><td width='40%'> <input class='text-input' type='text' name='mdmarheight' value='0' size='6'></td></tr><tr></tr><tr><td width='60%'><label for='name='mdmarwidth'>Marginwidth</label>:</td><td width='40%'> <input class='text-input' type='text' name='mdmarwidth' value='0' size='6'></td></tr><tr></tr></table></fieldset><br><center><input value='Generate' style='font-size:16px;width:150px;line-height:25px;font-weight:bold;' type='button' onclick='javascript:makingdifferentcodegen();'/><input style="font-size:16px;width:150px;line-height:25px;font-weight:bold;" type="button" name="preview" value="Preview" disabled="disabled" onclick="javascript:mdpredemo();" ></center><br><textarea class='textareaBox' name='mdcode' onfocus="this.select()" onmouseover="this.focus()" onclick="this.focus();this.select()" style=' background:#ffffff;width:100%;height:80px;' readonly='readonly' name='tbox'></textarea><br><br><center><small> Copyright © 2013 All Rights Reserved by<a href='https://plus.google.com/u/0/114753283358466178629' target='blank'>Fahim Faruk</a> @ <a href='http://letestbloggertools.blogspot.com/' target='blank'>Letest Blogger Tools</a></small></center></div> </body></html>Fahim Farukhttps://plus.google.com/114753283358466178629noreply@blogger.com0tag:blogger.com,1999:blog-5852602706227745951.post-76335807126959255012013-06-23T09:45:00.001-07:002013-06-24T00:24:45.224-07:00Free Auto Scrolling/Ticker Recent Post Widget With Thumbnils For Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-8Hy6TUj9lJY/Ucch83nW37I/AAAAAAAAAww/wj4fhIo9anw/s1600/NewPicture008+copy.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-8Hy6TUj9lJY/Ucch83nW37I/AAAAAAAAAww/wj4fhIo9anw/s1600/NewPicture008+copy.JPG" height="290" width="640" /></a></div><span style="font-size: x-large;">W</span>hen people visit your blog it is important to keep them there for as long as possible, the longer someone is on your blog the more likely they will be to return and subscribe or follower.Displaying a list of your most recent posts in your sidebar is a great way to keep those visitors busy.There are lots of recent posts gadgets and archive gadgets you can use but the one we will cover in this post will defiantly grab the attention of people on your blog. <br /> This recent posts widget is similar to the standard recent posts with thumbnails but with one great twist.This gadget displays your most recent posts and includes a small thumbnail but it has the added extra of using an animated effect that smoothly scrolls through the posts.<br /><br /> <div><b class="mdb">How To Add This Widget To Blogger?</b></div>it’s Pretty simple as Always. 1, 2, 3 … Done!<br /> <ul><li>Customize the Settings as you need and Click the<b> “Generate” </b>Button</li><li>Finally Click the <b>“Add to Blogger”</b> Button.</li></ul><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br /></div></div><html><head><title>Auto Scrolling Recent Posts Widget with Thumbnails Generator by Making Different</title><style type="text/css">.text-input, .select-box{ margin:0 2px; padding:4px 6px; border: 1px solid #ff0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: gergia; font-style: italic; -webkit-box-shadow: 1px 1px 1px #ff0000; -moz-box-shadow: 1px 1px 1px #ff0000; box-shadow: 1px 1px 1px #ff0000; font-size: 14px; color: #666; max-width:auto; } body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px; } label { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; } fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } #outer-wrapper {font-family: Verdana, Arial;} #content-wrapper { width: 98%; max-widtd:980px; margin: 0 auto; padding: 5px; text-align: left; background:#FFFFFF; border:2px solid #FFFFFF; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #FFFFFF;font-size:16px;color:#000;border:1px solid #111; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .button { background: #f7f8f9; background: -webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%); background: -moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%); background: -o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%); background: -ms-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%); background: linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 ); border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 6px 12px; margin:0; -webkit-box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf; -moz-box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf; box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf; color: #888; text-shadow: 0 1px 0 #fff; line-height: 1.2; cursor: pointer; font-size: 13px; } .button:hover{ background: #f1f1f1; background: -webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%); background: -moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%); background: -ms-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%); background: linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 ); text-decoration:none !important; } </style><script type='text/javascript'>function makingdifferentcodegen(){ var numco=document.getElementsByName("mdnumcom")[0].value; var showpostthumb=document.getElementsByName("mdthumb")[0].value; var mdshowcommentnum=document.getElementsByName("mdshowcomment")[0].value; var mdshowpostsummary=document.getElementsByName("mdshowpostsum")[0].value; var charact=document.getElementsByName("mdcharact")[0].value; var showmore=document.getElementsByName("mdshowmore")[0].value; var mdspeed=document.getElementsByName("mdspeeed")[0].value; var mddshowItems=document.getElementsByName("mdshowItems")[0].value; var mdshowpostdate=document.getElementsByName("mdshowdate")[0].value; var mdmousePause=document.getElementsByName("mdmouse")[0].value; var blogurl=document.getElementsByName("mdblogurl")[0].value; if(blogurl[blogurl.length-1]=="/")blogurl=blogurl.substring(0,blogurl.length-1); var widget=document.getElementsByName("widget.content")[0]; widget.value = "<style>\n"; widget.value += "img.recent_thumb {padding:1px;width:55px;height:55px;border:0;"; widget.value += " float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}\n"; widget.value += "<\/style>\n"; widget.value += "<script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4.2\/jquery.min.js\"><\/script>\n"; widget.value += "<script style='text\/javascript'>\n"; widget.value += "\/\/<![CDATA[\n"; widget.value += "(function($){$.fn.vTicker=function(e){var \nf={speed:700,pause:2000,showItems:3,animation:'',mousePause:true,isPaused:false};var e=$.extend(f,e);moveUp=function(a,b,c){if(c)return;var d=a.children('ul');first=d.children('li:first').clone(true);d.animate({top:'-='+b+'px'},e.speed,function(){$(this).children('li:first').remove();$(this).css('top','0px')});if(e.animation=='fade'){d.children('li:first').fadeOut(e.speed);d.children('li:last').hide().fadeIn(e.speed)}first.appendTo(d)};return this.each(function(){var a=$(this);var b=0;var c=e.isPaused;a.css({overflow:'hidden',position:'relative'}).children('ul').css({position:'absolute',margin:0,padding:0}).children('li').css({margin:0,padding:0});a.children('ul').children('li').each(function(){if($(this).height()>b){b=$(this).height()}});a.children('ul').children('li').each(function(){$(this).height(b)});a.height(b*e.showItems);var d=setInterval(function(){moveUp(a,b,c)},e.pause);if(e.mousePause){a.bind(\"mouseenter\",function(){c=true}).bind(\"mouseleave\",function(){c=false})}})}})(jQuery);\n"; widget.value += "\/\/]]>\n"; widget.value += "<\/script>\n"; widget.value += "<script style='text\/javascript' src='http:\/\/tavristasos.googlecode.com\/svn-history\/r100\/trunk\/recentpostswiththumbnailsv3.js'><\/script>\n"; widget.value += "<script style='text\/javascript'>\n"; widget.value += "var numposts = "+ numco +";\n"; widget.value += "var showpostthumbnails = "+ showpostthumb +";\n"; widget.value += "var displaymore = "+ showmore +";\n"; widget.value += "var displayseparator = false;\n"; widget.value += "var showcommentnum = "+ mdshowcommentnum +";\n"; widget.value += "var showpostdate = "+ mdshowpostdate +";\n"; widget.value += "var showpostsummary = "+ mdshowpostsummary +";\n"; widget.value += "var numchars = "+ charact +";\n"; widget.value += "$(document).ready(function () {$('#sai').vTicker({\n"; widget.value += "speed: "+ mdspeed +",\n"; widget.value += "pause: 3000,\n"; widget.value += "showItems: "+ mddshowItems +",\n"; widget.value += "animation: 'fade',\n"; widget.value += "mousePause: "+ mdmousePause +",\n"; widget.value += "height: 0,\n"; widget.value += "direction: 'down'\n"; widget.value += "});});\n"; widget.value += "<\/script>\n"; widget.value += "<div id=\"sai\">\n"; widget.value += "<script src='"+ blogurl +"\/feeds\/posts\/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'><\/script>\n<\/div>"; document.getElementsByName("go")[0].disabled=false } </script></head><body><div id='content-wrapper'><h2>Auto Scrolling Recent Posts Widget with Thumbnails Generator by Letest Blogger Tools</h2><fieldset class='redi'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Settings</legend><br><form action="http://www.blogger.com/add-widget" method="post" target="_blank"><table width="100%"><tr><td width='60%'><label for='name='widget.title'>Widget title</label>:</td><td width='40%'><input class='text-input' type='text' name='widget.title' value='Recent Posts' size='25'></td></tr><tr></tr><tr><td width='60%'><label for='mdblogurl'>Blog URL</label>:</td><td width='40%'><input class='text-input' type='text' name='mdblogurl' value='http://letestbloggertools.blogspot.com/' size='25'></td></tr><tr></tr><tr><td width='60%'><label for='mdnumcom'>Number of Recent Posts</label></td><td width='40%'><input class='text-input' type='text' name='mdnumcom' value='7' size='6'></td></tr><tr></tr><tr><td width='60%'><label for='mdthumb'>Show Post Thumbnails?</label></td><td width='40%'><select class='select-box' id='mdthumb' name='mdthumb'><option value='true'>Yes</option><option value='false'>No</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='mdcharact'>Number of Posts Excerpt Characters</label></td><td width='40%'><input class='text-input' type='text' name='mdcharact' value='100' size='6'></td></tr><tr></tr><tr><td width='60%'><label for='mdshowcomment'>Show Number Of Comments?</label></td><td width='40%'><select class='select-box' id='mdshowcomment' name='mdshowcomment'><option value='true'>Yes</option><option value='false'>No</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='mdshowItems'>Number of Posts At a Time</label></td><td width='40%'><input class='text-input' type='text' name='mdshowItems' value='5' size='6'></td></tr><tr></tr><tr><td width='60%'><label for='mdshowmore'>Show More Button?</label></td><td width='40%'><select class='select-box' id='mdshowmore' name='mdshowmore'><option value='true'>Yes</option><option value='false'>No</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='mdshowpostsum'>Show Post Summary?</label></td><td width='40%'><select class='select-box' id='mdshowpostsum' name='mdshowpostsum'><option value='true'>Yes</option><option value='false'>No</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='mdspeeed'>Scrolling Speed</label></td><td width='40%'><input class='text-input' type='text' name='mdspeeed' value='500' size='6'></td></tr><tr></tr><tr><td width='60%'><label for='mdshowdate'>Show Date Of Post?</label></td><td width='40%'><select class='select-box' id='mdshowdate' name='mdshowdate'><option value='true'>Yes</option><option value='false'>No</option> </select></td></tr><tr></tr><tr><td width='60%'><label for='mdmouse'>Pause Scrolling On Mouse Hover?</label></td><td width='40%'><select class='select-box' id='mdmouse' name='mdmouse'><option value='true'>Yes</option><option value='false'>No</option> </select></td></tr></table></fieldset><br><center><input style="width:180px; font-weight:bold;font-size:20px; " value="Generate" onclick="javascript:makingdifferentcodegen();" type="button"><input style="width:180px; font-weight:bold;font-size:20px; " disabled="disabled" name="go" value="Add to Blogger" type="submit"><br><textarea name="widget.content" style="display:none;"></textarea><input name="infoUrl" value="http://www.makingdifferent.com" type="hidden"><input name="logoUrl" value="" type="hidden"></form></center><br><br><center><small> Copyright © 2012 All Rights Reserved by <a href='https://plus.google.com/u/0/114753283358466178629'>Fahim Faruk</a> @ <a href='http://letestbloggertools.blogspot.com/'>Letest Blogger Tools</a></small></center></div></body></html>Fahim Farukhttps://plus.google.com/114753283358466178629noreply@blogger.com0tag:blogger.com,1999:blog-5852602706227745951.post-81214499004040703972013-06-22T02:02:00.000-07:002013-06-24T00:24:45.227-07:00Free Stylish Blogger Featured/Recent Post Widget With Thumbnail<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-flJ-t_UsTPI/UccaOqaACGI/AAAAAAAAAwQ/_dQ9llDI1nw/s1600/NewPicture007+copy.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-flJ-t_UsTPI/UccaOqaACGI/AAAAAAAAAwQ/_dQ9llDI1nw/s640/NewPicture007+copy.JPG" /></a></div>S tylish Featured Posts is a pratical widget that allows you to show a post list with thumbnails ordered by random or recent posts. You can also choose post’s categories/Labels and how many posts you want to show. This widget show the first image found in the post as thumbnail or thumbnail image of posts if supported by template. Features You can show a thumbnail image. Choice the number of posts to show. Posts list ordered by random or date. Choose or exclude categories from posts list. TimThumb support for a perfect resize. How it Works? Well, this widget is works based on Javascript and Blogger JSON feed API. Your blog must be for Public visitors. other wise the Blogger JSON Feed API won’t works.First option in the generator below is “Show Featured/Recent Posts From Particular Category/Label“ well if you want to show recent posts from particular any lebal then tick on the check box and enter lebal name in the input area, else if you want to show recent posts with all lebal/category of your blog then just unchecked the check box to show Featured/Recent posts of your blog. How to install this widget to blogger? Fill the required data in generator below, Click on ‘Generate’ button, Next click the ‘Preview’ button to test your recent post widget in a new window, Once you are satisfied with how your widget looks and behaves in the test window you just need to click on ‘Add to Blogger’ button to add this widget to your blog, <div dir="ltr" style="text-align: left;" trbidi="on"></div><html><head><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><link rel="stylesheet" type="text/css" href="http://makingdifferent.github.com/blogger-widgets/colorpicker.css" media="all" /><script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/jquery.validationEngine.js"></script><script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/colorpicker.js"></script><script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/widget.js"></script><title>Featured/Recent Posts Widget with Thumbnails Generator by Making Different</title><style type="text/css">.text-input, .select-box{ margin:0 2px; padding:4px 6px; border: 1px solid #ff0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: gergia; font-style: italic; -webkit-box-shadow: 1px 1px 1px #ff0000; -moz-box-shadow: 1px 1px 1px #ff0000; box-shadow: 1px 1px 1px #ff0000; font-size: 14px; color: #666; max-width:auto; } body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px; } label { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; } fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } #outer-wrapper {font-family: Verdana, Arial;} #content-wrapper { width: 98%; max-widtd:980px; margin: 0 auto; padding: 5px; text-align: left; background:#FFFFFF; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #FFFFFF;font-size:16px;color:#000;border:1px solid #111; } </style><script type='text/javascript'>//<!-- function makingdifferentcodegen(){ var bu = document.getElementsByName("mdbu")[0].value; if(bu[bu.length-1]=="/")bu=bu.substring(0,bu.length-1); var pl=document.getElementsByName("mdpl")[0].checked; var ln = document.getElementsByName("mdln")[0].value; var norp = document.getElementsByName("mdnorp")[0].value; var mdwidget = document.getElementsByName("widget.content")[0]; mdwidget.value = "<style type=\"text\/css\">\n"; mdwidget.value += "\/*<![CDATA[*\/\n"; mdwidget.value += ".MD-recentposts{height:auto;overflow:hidden;margin:0px;position:relative;width:100%;border:0px solid #333;padding:2px 2px;}\n"; mdwidget.value += ".MD-recentposts ul{margin-left:10px;padding:0pt;position:relative;list-style-type:none;z-index:1;width:100%;}\n"; mdwidget.value += ".MD-recentposts img{background:#f5f5f5;width:100%;padding:0;}"; mdwidget.value += ".MD-recentposts li:hover{text-shadow:0 0 #CCC;-webkit-box-shadow:0 5px 10px #9FA8F7;-moz-box-shadow:0 5px 10px #9FA8F7;box-shadow:0 5px 10px #9FA8F7;}\n"; mdwidget.value += ".MD-recentposts li:active{-webkit-box-shadow:0 0 #CCC;-moz-box-shadow:0 0 #CCC;box-shadow:0 0 #CCC;}\n"; mdwidget.value += ".MD-recentposts li{border:1px solid #ccc;background:#f5f5f5;-webkit-box-shadow:0 10px 10px #000;-moz-box-shadow:0 10px 10px #000;box-shadow:0 10px 10px #000;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;overflow:hidden;float:left;width:150px;height:220px;margin-right:10px;margin-bottom:10px;padding:0px;}\n"; mdwidget.value += ".md-recentpost-title a{color:#333;text-shadow:2px 2px #FFF;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;height:55px;font-weight:bold;width:150px;font-family:verdana, sans-serif, arial;padding:0px;text-align:center;font-size:12px;text-decoration:none;background:#f5f5f5;display:block;margin:0 auto;width:100%;position:relative;}\n"; mdwidget.value += "\/*]]>*\/\n"; mdwidget.value += "<\/style>\n"; mdwidget.value += "<script type='text\/javascript'>\n"; mdwidget.value += "\/\/<![CDATA[\n"; mdwidget.value += "var numposts = "+ norp +";\n"; mdwidget.value += "\/\/]]>\n"; mdwidget.value += "<\/script>\n"; mdwidget.value += "<script type='text\/javascript' src='http:\/\/makingdifferent.github.com\/blogger-widgets\/mdrecentposts.js'><\/script>\n"; if(pl){ mdwidget.value += "<script type=\"text\/javascript\" src=\""+ bu +"/feeds\/posts\/default\/-\/"+ ln +"?orderby=updated&alt=json-in-script&callback=makingdifferent_recentposts\"><\/script>\n";} else{ mdwidget.value += "<script src='"+ bu +"\/feeds\/posts\/default?orderby=published&alt=json-in-script&callback=makingdifferent_recentposts'><\/script>\n";} document.getElementsByName("preview")[0].disabled=false; document.getElementsByName("go")[0].disabled=false; } $(document).ready(function(){ if ($("#mdpl").is(":checked")){ $(".mdplgg").show(); } else{ $(".mdplgg").hide(); } $("#mdpl").click(function(){ if ($("#mdpl").is(":checked")){ $(".mdplgg").show(); } else{ $(".mdplgg").hide(); } }); }); function mdpredemo() { var demodata = document.getElementsByName('widget.content')[0].value; newwindow=window.open('','name',''); var tmp = newwindow.document;tmp.write('' + demodata + '');tmp.close(); } //--></script></head><body><div id='content-wrapper'><h2>Featured/Recent Posts Widget with Thumbnails Generator by Letest Blogger Tools </h2><fieldset><legend>Settings</legend><br><form action="http://www.blogger.com/add-widget" method="post" target="_blank"><table width="100%"><tr><td width='60%'><input id='mdpl' name="mdpl" checked="checked" type="checkbox"><label for='mdpl'>Show Featured/Recent Posts From Particular Category/Label</label>:</td><td width='40%'> <input class='text-input mdplgg' type='text' id='mdln' name='mdln' value='Label Name' size='25'></td></tr><tr></tr><tr></tr><tr><td width='60%'><label for='mdbu'>Blog URL</label>:</td><td width='40%'> <input class='text-input' type='url' id='mdbu' name='mdbu' value='http://letestbloggertools.blogspot.com/' size='25'></td></tr><tr></tr><tr></tr><td width='60%'><label for='mdnorp'>Number of Featured/Recent Posts</label></td><td width='40%'> <input class='text-input' type='text' id='mdnorp' name='mdnorp' value='5' size='6'></td></tr></table></fieldset><center><input style="width:180px; font-weight:bold;font-size:20px; " value="Generate" onclick="javascript:makingdifferentcodegen();" type="button"><input style="width:180px; font-weight:bold;font-size:20px;" type="button" disabled="disabled" name="preview" value="Preview" onclick="javascript:mdpredemo();" /><input style="width:180px; font-weight:bold;font-size:20px; " disabled="disabled" name="go" value="Add to Blogger" type="submit"><br><textarea name="widget.content" style="display:none;"></textarea><input name="infoUrl" value="http://makingdifferent.com/" type="hidden"><input name="logoUrl" value="" type="hidden"></form></center><br><center><span style="font-size: small;"> Copyright © 2013 All Rights Reserved by <a class="g-profile" href="https://plus.google.com/u/0/114753283358466178629" target="_blank">Fahim Faruk</a> @ <a href='http://letestbloggertools.blogspot.com/' target="_blank"> Letest Blogger Tools </a></span></center></div></body></html> After it, go to the “Page Elements” section in Blogger and move the widget to under your header as shown below. <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-Ux6rejwaLtI/UccbPYaByUI/AAAAAAAAAwg/nKthiII9KEI/s1600/move.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Ux6rejwaLtI/UccbPYaByUI/AAAAAAAAAwg/nKthiII9KEI/s640/move.jpg" /></a></div> Finally save Page Elements and you have done !! please drop your comments and questions below… Fahim Farukhttps://plus.google.com/114753283358466178629noreply@blogger.com0