home

Google Analytics for Blogger will be available for blogger users soon


Looks cool.

Hi! I have good news to tell you nice people , i have found how to add sliding sidebar menu to blogger xml templates , im sure you're going to boost your ads and referral income with this amazing blogger widget , you know what to do , click Read More button to read rest of this article!


Check Demo of This blogger widget ( look right sidebar of template )

Before telling you how to use this blogger widget i want to tell what can you do with this blogger widget :

• You can put a referral images to get revenue from your visitors.
• You can add image or text ads.
• You can add page elements.

Features of Widget :

• Can be added to right or left side of your template
  
• It slides down as your visitors scroll down their mouse
• Can easily be added to blogger xml templates

Adding Widget :

• Go to Edit HTML from your blogger dashboard
• Leave widgets NOT expanded
• And add the codes shown in red like this :

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
position: absolute;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}


]]></b:skin>

<script src='http://goasou.googlepages.com/smenu.js' type='text/javascript'/>

</head>

Adding Sidebar Div :

• Now add the codes shown in red like this :
• If you want to show sliding bar on left change the "right" text in blue , to left.
  

<div class='wireframemenu' id='staticmenu' style='right: 10px; top: 20px'> <b:section id='slidingbar' showaddelement='yes'/> </div>
</body>
</html>

Result :


Demo :

• Here.
  

Do not forget to subscribe for latest articles!

Hey guys, today we will add docking boxes hack for blogger using some CSS and javascript codes before adding this feature you can check demos of this hack on featherlight blogger template and cooking blogger template , i tested this blogger widget on 2 different platforms which are Firefox and Internet Explorer and hack works well , adding this feature to blogger is as easy as posting an article all you need to do is ;

1. Go to edit html from your dashboard
2. Leave widgets NOT expanded
3. Find the lines below and paste code :

Find the code below and paste this css codes , ABOVE THE CODE

paste codes here

]]></b:skin>

1. Now we need to paste javascript codes below this line

]]></b:skin>

paste codes here

Now find your widgets , there must be a line above your widgets like this :

<b:section class='main' id='main' showaddelement='yes'>

Now change class='main' with class='dbx-box'



Refresh your page and test it , if it does not work try to change class='dbx-box' TO class='dbx-group'

Thats all .

Do not forget to subscribe for latest articles!

Hey guys , today i will tell you how to put ads between comments post , if you have a blog that gets a lot of comments per a posts this trick will make your earnings more than before , with this trick you will be able to put adsense ads ( i dont recommend adsense for this trick) , chitika emalls ads , and affiliate banners or links , follow the instructions below to understand how to put ads between comment posts :

1. Go to HTML tab in your template layout.
2. Backup your template.
3. Tick the box of "Expand the widgets".
4. Find this code (shown in Red) in your template :

<p><data:comment.body/></p>

5.Paste your ad code under the code above :

<p><data:comment.body/></p>
Your_Ad_Code_Here

Do not forget to subscribe for latest articles!