Random Banner Widget For Blogger

Random banner widget is the best way to promote your blog content or to promote your advertisements on your blog.....every time your visitor will see a random banner of your post/advert on your blog..... and its simple to add just follow these steps Go To Blogger > Layout > Add A Gadget > HTML/Javascript Paste the following script <script language="JavaScript">images =...

Creating A HTML Email Form

So today i'am gonna teach you a simple HTML tutorial on Creating HTML E-mail Form for your blog, website or any html page ....First of all sorry i wrote wrong form/forum spelling on pic above ......so here we go : On Blogger : Go To Post/Page > HTML and paste the html given below. On HTML : Paste html given below on your html document. <h3>Send E-mail To Your Name:</h3> <form...

CSS3 Round Corner Generator

...

Password Protect Posts In Blogger

This tutorial is gonna be about how to password protect your blogger posts and this trick is not so hard and i think this is the best trick i know yet so check the tutorial out below Here we go : Go To Blogger > Design > Edit HTML Backup your template Search for ]]></b:skin> And just below it paste the following JavaScript code, <!--WidCraft Password Code-->...

JavaScript Encryption and Decryption

} #content form { padding-bottom: 2em; width: 650px; } #content textarea { padding-bottom: 2em; width: 550px; }     Key       Plain Text     ...

How To Create Table Of Content On Blogger

Click Here To See A Demo Go To Blogger > Pages > Create A New Page > HTML and post the script given below  <script src="http://widcraft.googlecode.com/svn/TOC.js"> </script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=1000&callback=loadtoc" type="text/javascript"> </script> Now just sit and eat your dinner...

7 Cool CSS3 Text Effects

#fade{opacity: 1;-webkit-transition: opacity 1s linear;} #fade{opacity: 1;-moz-transition: opacity 1s linear;} #fade{opacity: 1;-o-transition: opacity 1s linear;} #fade:hover{opacity: 0;} .textborder { border: 1px solid #000000; Ok so in this article i'll teach you 7 cool CSS Text Effects.....you can use'em all on your blogger/wordpress and all blogs.....so first of all the method of adding...

Creating A Pop Up On Blogger

Paste the script given below on your blogger post to create a link to popup <script type="text/javascript"> // Popup window code function newPopu1p(url) {  popupWindow = window.open(   url,'popUpWindow','height=300,width=200,left=10,top=10,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=yes') } </script> <a href="javascript:newPopu1p('URL');">Text...

CSS Sticky Footer For Blogger

This widget is so useful to write down site notes or welcome messages for visitors and also to easy to add. Go To Blogger > Layout > Add A Gadget > HTML/JavaScript Paste following code :  <style type="text/css">  #stickybar { border-bottom:1px solid #ECF1EF; background:#151715; font-size:19px; color:#FFF; padding:10px 10px; position:fixed; bottom:0; left:0; z-index:2000; width:100%; text-align:center;...

CSS3 Spin On Hover Image Effect On Blogger

.rotate{ -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; } .rotate:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); ...

CSS3 Spinning Image Effect On Blogger

@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes rotate { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } #spin { -webkit-animation-name: rotate; -webkit-animation-duration:...

CSS Sticky Footer For Blogger

Stick Footer gives our blog a cool professional touch because it's cool stylish and also in trend and today i'am gonna tell you how to add this professional touch on your blogger blog..... Go To Blogger > Template > Edit HTML Find </b:skin>  and paste the code given below just above </b:skin> #stickey_footer { /* This will make your footer stay where it is */  background:...

Stop Blogger Redirecting To Country Specific Domains

As a blogger i really hate when blogger redirect me to my country specific domain .in . Because of this redirection i can't add a Facebook Login Button so today i'am show you how to stop this redirection on your blogger blog, Go To Blogger > Template > Edit HTML Find : <b:include data='blog' name='all-head-content'/> And Just Below It Paste : <script type="text/javascript"> var...

Advance CSS Menu For Blogger

We all know that CSS menus are in trend over blogger so i got this menu.....i found this menu in a blog but it was not working so i downloaded pics and put'em here and now it's working and still it's looking damn awesome...... Go To Blogger > Template > Edit HTML Find ]]></b:skin>  and just above it paste the below CSS code #wmenu {  list-style: none;  padding:...

"Do You Like This Story?" Widget For Blogger

Attract your viewers with "Do You Like This Story..?" widget ......this widget is used by  so many famous website and blogs and i found this widget on MBT and all credit of this post/code goes to them..... Go To Blogger > Template > Edit HTML Backup your template Check the "Expand Widget Templates" box Search for, <data:post.body/> Just below it paste the following...

How To Redirect a Blogger Post to Another URL

Login to your blogger dashboard > Template -> Edit HTML Scroll down to where you see <head> tag . Copy below code and paste it just after the <head> tag. <b:if cond='data:blog.url == "YOUR-BLOG-POST-URL"'><meta http-equiv="refresh" content="5; url=REDIRECT-URL" /></b:if> Replace YOUR-BLOG-POST-URL and REDIRECT-URL as your need.Look at the example...

WordPress Style Social Subscription Widget For Blogger

I added this widget in past but deleted because of some errors but now it's back. This time it's even more easier to add this widget on your Blogger. Just use our widget generator to generate widget code and after adding it you can also change readers/followers/fans count.... ...

Making Pages Inside Blogger Posts

Finally after so much search on google and other places i found how to make pages inside a blogger posts aka sub posts .... Tips: 1.First create your post and copy html of your post in notepad application of your computer. 2.After pasting the above code (The ol list) in the Edit HTML Tab, if you go to the Compose Tab and then go back to Edit HTML tab ,you will see the links have changed in the...

SuperBox Lightbox For Blogger

Superbox/Lightbox is a cool option for all bloggers to display some pics , external links and iframe in this cool window with close option.....you can add this features on your pics , gallery and iframe . Now you all are thinking how to add this widget......it's simple just follow some simple steps...... Go To Your Blog > Template > Edit HTML  Just above ]]></b:skin>...

Spinning , Fading Social Sharing Icon Widget For Blogger

This spinning and fading widget is damn cool for blogger......it'll 100% attract your visitors and it's possible if they spend half of there time to just spin these icons again again and again :p Go To  Your Blog > Template > Edit HTML and paste this code just above  </b:skin> #followIcons a  { display:inline-block; width:48px; height:48px; text-indent:-3000px; background-position:0...

How To Get Your Google Adsense Account Unbanned

This post will be about how to get your Google Adsense Account unbanned! First off, let my start by saying that if your Google Adsense Account was banned because you violated the Google Adsense Terms Of Service (TOS), your up the proverbial creek without a paddle. Chances are you’ll not get your Adsense account unbanned.However, if you feel the Google Adsense gang unfairly banned your account,...

Show Recent Posts From A Label On Blogger

It's easy to show latest posts from a label of your blog..... just follow these easy steps :D In your Blogger Dashboard click > Design > Edit Html  Find the ]]></b:skin> code in your blogs Html : (Click Ctrl and F for a search bar to help find the code Copy and paste the following code Directly Above / Before ]]></b:skin> /*** Recent Labels Gadget Css ***/img.label_thumb{float:left;padding:5px;border:1px...