How to submit your blog post to 250 social bookmark sites

Submit your post to 250 social  bookmark sites with One click

 Now you can easily submit the whole site to up to 250 social and bookmark sites at once.

Click here visit the link 

After fill the blanks, you can click generate.you are done.

How to add link list for blog posts

How to create easy way to link list for blogger

1. Log in to blogger  and Go to Design >> Page Element

2.Click Add Gadget and select 'HTML/Javascript'

3. Paste below code

<h4>Your link list</h4>
<ol>
<li><a href="LINK-1">TITLE-1</a></li>
<li><a href="LINK-2">TITLE-2</a></li>
<li><a href="LINK-3">TITLE-3</a></li>
<li><a href="LINK-4">TITLE-4</a></li>
<li><a href="LINK-5">TITLE-5</a></li>
<li><a href="LINK-6">TITLE-6</a></li>
<li><a href="LINK-7">TITLE-7</a></li>
</ol>

4. If you want, add more links with <li><a href="LINK-8">TITLE-8</a></li> 
    with using this code.

5. Replace  LINK-1 with your link and replace TITLE-1 with link name


6. Click save you are done.

How to upload youtube video on your blog

If you want to add video to your blog.Its easy try this.

1. Go to Youtube and select video what you want to put.

2. You can put direct URL, so have to find Embed Code.

3. You can find Embed code below the Youtube Player and click Embed.

4. After copy this code and log to your blogger account.
    Go to posting tab >>New post and click Edit HTML

5. Now paste that code In Edit HTML area.

6. You are done.click preview and watch is it work.

How to disable right click on blog

 

 

1. Log in to blogger and Go to Design >> Page Element

2. Click  'Add a Gadget' and select 'HTML/Javascript'

3.Paste below code.

<script language="JavaScript1.2">

var clickmessage="Right click disabled on images!"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage)
return false
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>

4. Now click save you are done.

How to divide your sidebar into two columns

How to divide your sidebar to two columns

1. Log in to your blogger account and Go to Design >> Edit HTML

2.  First of all download your full template.because if you make some wrong
    you can recover it.

3. Put checked marked in Expand Widget Templates

4. Find this code (similar to this code) 
*Each template has a composition different code. So you need to consider is the value of 
  its width.This above codes width is 254px,so you have to divide it. (117px and 117px) 
  and change second  column margin.

#sidebar-wrapper {
background-color: #f6f6f6;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; 
overflow: hidden;    }

5. Replace Above code with this below code.

#sidebar-wrapper {
background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; 
overflow: hidden;     
}

#sidebar-wrapper2 {
background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
margin:0px 20px 0px 0px;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word;
overflow: hidden;     
}

6. After find like this code.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Feed1' locked='false' title='Herman Blog' type='Feed'/>
</b:section>
</div>

* Important is find about code, what i mention in red color.

7. Paste below code after there </div> tag

<div id='sidebar-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
</div>

8. Now you are done.Click preview and save the template and  Go to page element and see the result.

How to make text walking on menu bar

How to make text walking on menu bar

1. Log it to your blogger and go to Design >> Edit HTML

2.Make sure you put check mark to “Expand Widget Templates”

3.Find this tag by using Ctrl+F </ head>


4. Paste below code before  </ head> tag

<script type='text/javascript'>
//<![CDATA[

msg = " -- Simple Preview ";
msg = " | Blog name -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

* Replace  Simple Preview with some your message.
* Replace Blog name with your blog name

5. Now save template you are done.

How to add weather widget in your blog.

How to add weather widget to your blog

This is cool widget to your blog.its nice look.users can  know their city weather,this is easy and fastest way.
try it. 

1. First go to this site get widget

2. Select your style and Input your city

3. Now click Get code.

4. After log in to your blogger account and Go  Design >> Page Element

5.Click add gadget and select 'HTML/Java Script'

6. Now paste code that you generated.

7.Click save 'HTML/Java Script'. you are done.

How to add 5 cool mouse courser in your blog

How to add animate mouse courser to your blogger

This courser will give a great look to your blog,Visitors will attract.its easy try this.

1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F </body>

4. Paste one of below code before </body>


Style 1

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use32.cur), progress;}</style>

Style 2

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-7/peo845.cur), progress;}</style>

Style 3

<style type="text/css">body, a, a:hover {cursor: url(http://royal-tutor.110mb.com/FRUITY_LIME_HEART-royaltutor.net.cur), progress;}</style>

Style 4

<style type="text/css">body, a, a:hover {cursor: url(http://royal-tutor.110mb.com/FRUITY_LEMON_HEART-royaltutor.net.cur), progress;}</style>

Style 5  

<style type="text/css">body, a, a:hover {cursor: url(http://royal-tutor.110mb.com/TRANSPARENT_HALO_POINTER-royaltutor.net.cur), progress;}</style>

5. Now click preview for checking everything fine to save template
   After click save template. you are done.

How to add animated stars in your blog

This will give great look to your blog. try to add this option to your blogger.


1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.

Falling Colored Stars

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/ColoredStars.txt" />
</script>

Falling fire Stars

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/fireStars.txt" />
</script>

Falling  Stars

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Stars.txt" />
</script>

Falling snow

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/snow.txt" />
</script>

Falling Hearts

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/LoveHeart-1-dance.txt" /> </script>

Falling Heart

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/LoveHeart-1-lights.txt" /> </script>

 Falling butterfly

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/butterfly-1-dance.txt" /> </script>

4. Now Click save you are done.