How To Setup/Create Facebook Fan Page For Blogger

In this article I hope to explain how to create a facebook fan page for your blog,and after that how to setup it to publish your blog post/articles.After you doing this, your facebook friends can read your blog post from your facebook fan page and can become fans of your blog.This is very helpful to become your blog more popular.To do this follow the steps below. 1.First login to your Facebook Account. 2.Now go to this link: http://www.facebook.com/pages/create.php 3.You can see a screen...

read more

How To Add You Tube embed code tool to blogger

This tools is very important to every blogger.When you put the video address and click Ok, embed code will appears in text box. 1.Log in 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>function go(){var x=document.theform.url.value;var YT=(function(){return {getId:function(u){var a=u.match(/(\/vi\/|v=)([^&]+)/);return (a&&a[a.length-1]);}};})();document.theform.thelink.value=('<object...

read more

How to Post HTML,CSS,JavaScript,... Codes As Plain Text In Blogger

1.First install Greasemonkey script for your Firefox browser. 2.Now click here to install 'Blogger - HTML encode on post edit' to blogger. This adds a new button at the bottom of your new post area.It encodes the selected text so it can be posted as plain text in Blogger.It will look like this. When you want to encode some code select it and cick on 'HTML ENCODE SELECTION' button. Your code will look like this after being encoded: Now publish your post and see the resu...

read more

How To Add Round Image Corners Generator to blogger

This is a very useful and simple tool.Try it if you want to create Round Image Corners to your images. 1.Login to blogger dashboard-->Layout > Page Elements 2.Click on 'Add a Gadget'. 3.Select 'HTML/Javascript' and add the code given below and click save. <form action="http://www.roundpic.com" method="post" enctype="multipart/form-data" target="blank"><input value="1048576" name="MAX_FILE_SIZE" type="hidden"><table><tbody><tr><td class="title"><b>Image:</b></td><td...

read more

How To Display Posts as Headlines in blogger 2 0

1.Login to blogger 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="http://www.hotlinkfiles.com/files/2681944_ihtfn/RecentPostsScrollerv2.js"> </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="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2">...

read more

How To Add Eco safe: email, download PDF Badge To Blogger

This toolis very helpful to blogger. 1.Login to your dashboard--> layout- -> Edit HTML 2.Click on "Expand Widget Templates" 3.Scroll down to till you see this : <data:post.body/> 4.Now copy below code and paste it just after <data:post.body/> . <script type="text/javascript"> var ecov = "sh2"; document.write(unescape("%3Cscript src='http://eco-safe.com/js/eco.js' type='text/javascript'%3E%3C/script%3E")); </script> Now save your template and you are done.It will...

read more

How To Add Status Bar Text with Blink Effect

1.Login to your blogger dashboard and go to Layout --> Page Elements. 2.Click on 'Add a Gadget' on the sidebar. 3.Select 'HTML/Javascript' and add the one of code given below and click save. <script language=javascript> var as = 1; function statusbar() { var msg = "TYPE-YOUR-TEXT-HERE"; var msg1 = "* * * * * * * * * * * * "; var msg2 = " "; if(as == 2 ) as = 1; else as = 2; timer = window.setTimeout("statusbar()",100); var sds = eval("msg"+as); var...

read more

How To Add Status Bar Text with Nice Effect

1.Login to your blogger dashboard and go to Layout --> Page Elements. 2.Click on 'Add a Gadget' on the sidebar. 3.Select 'HTML/Javascript' and add the one of code given below and click save. <script language=javascript> var as = 1; var bs = 3; function statusbar() { var msg = "TYPE-YOUR-TEXT-HERE"; var msg1 = "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"; var msg2 = "||||||||||||||||||"; var msg3 = "//////////////////"; var msg4 = "------------------"; if(as > 4) as = 1; if(bs <...

read more

How To Add Scrolling Text to Status Bar

1.Login to your blogger dashboard and go to Layout --> Page Elements. 2.Click on 'Add a Gadget' on the sidebar. 3.Select 'HTML/Javascript' and add the one of code given below and click save. <script language=javascript> function statusbar(val) { var msg = "TYPE-YOUR-MESSAGE-HERE"; var res = " "; var speed = 100; var pos = val; if (pos > 0) { for (var position=0 ; position< pos; position++) { res += " "; } res+=msg; pos--; window.status = res; timer = window.setTimeout("statusbar("+pos+")",speed); } else{ if(...

read more

Free Premium Business Blogger Templates Collection

In this article I have listed below premium quality free blogger templates collection for business purposes.All of the templates listed here have premium look and features like Horizontal Navigation Menus,Auto Read More Feature with Thumbnails, Header Ads banner, Search Box, Featured content sliders,Favicon support, Numbered Page Navigation Hack Installed and more... You can download all of these blogger templates for free.These free Blogger templates are licensed under the Creative Commons...

read more

How To Add 3D CSS Horizontal Menu to Blogger

Instructions To Follow: STEP #1 Log in to Blogger, go to Layout -> Edit HTML and mark the tick box "Expand Widget Templates" STEP #2 Now find (CTRL+F) this code in the template: </head>And immediately before it, paste this code: <style type='text/css'> #tabs22 { float:left; width:100%; background:#efefef; font-size:93%; line-height:normal; border-bottom:1px solid #666; } #tabs22 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs22 li { display:inline; margin:0; padding:0; } #tabs22...

read more

Scroll or Back to Top Button Using jQuery For Blogger Blogs

Instructions To Follow: STEP #1 Log in to Blogger, go to Layout -> Edit HTML and mark the tick box "Expand Widget Templates" STEP #2 Now find (CTRL+F) this code in the template:</head>And immediately before it, paste this code: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://bloggerplugnplay-files.bravehost.com/scrolltopcontrol.js' type='text/javascript'> </script> NOW CLICK SAVE TEMPL...

read more

How to Auto Show Image/Thumbnail Tooltip PopUp on Hovering a Link Using jQuery in Blogger Blogs.

Instructions To Follow: STEP #1 Log in to Blogger, go to Layout -> Edit HTML and mark the tick box "Expand Widget Templates" STEP #2 Now find (CTRL+F) this code in the template: ]]></b:skin>And immediately before it, paste this code: #screenshot{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; } STEP #3 Now find (CTRL+F) this code in the template: ]]></b:skin>And immediately after it,...

read more