Trickz4World
Demo blog
Add Reply Button/Link To Blogger Comments
Hello Friends i am gone a to tell you How to add reply button/link to blogger comments form.Mostly this type of comment form can only seen on wordpress blog,now this is the chance for blogger users.I am sure you would love to add it to your blogs too. So let's do it!
/*--------------MBT Reply Link --------------*/
.MBT-replycomments{
background:#ECEAEA;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:10px sans-serif;
}
.MBT-replycomments:hover{
background:#E7E7E7;
}
Make these changes:
How To Add Reply Button/Link ?
- Go To Blogger > Design > Edit HTML
- Backup your template
- Click the "Expand widgets Templates" Box
- Search For ]]></b:skin>
- and paste the code below just above it,
/*--------------MBT Reply Link --------------*/
.MBT-replycomments{
background:#ECEAEA;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:10px sans-serif;
}
.MBT-replycomments:hover{
background:#E7E7E7;
}
Make these changes:
- To Change the Link background on active mode edit #ECEAEA
- To Change the Link Background color on mouse hover edit #E7E7E7
- Our Color Generator tool will be helpful
<dd class='comment-footer'>
or just this,class='comment-footer'
and just above it paste the "Reply Link" Code below,<div class='MBT-replycomments'><a expr:href='"https://www.blogger.com/comment.g?blogID=*******************&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,
height=650"); return false;'>Reply..</a></div>
height=650"); return false;'>Reply..</a></div>
- You can replace the text Reply.. with anything you like
- Replace with your BLOG ID. If your are logged into your blogger account then look at your browser address bar. You can clearly see a 18-19 digit code. Just copy it and paste it in place of *******************
7. Save your template and view your blog comments.The Look Like Wordpress Comments.Enjoy! :>
Add Background to Google Adsense
Hello Friends!
Want to add background to your google adsnese ads.This i am posting a very simple trick to add Background to google adsnese.
Replace Put_Google_Ads_code_here with your adsense code.
Replace your_image_width with the width of your image
Replace your_image_height with the height of your image
Replace your_image_path with your image file's url
After editing put this code in the place between you need your ads to appear(with background image)
When you choose the background colour and border colour in Adsense for content setup please try to use colours matching with your background image.
Want to add background to your google adsnese ads.This i am posting a very simple trick to add Background to google adsnese.
Copy Code From Bellow
<table align="center" width="your_image_width"
height="your_image_height" border="0"
background="your_image_path">
<tr><td width="your_image_width" height="your_image_height">
<div align="center">
</table>
height="your_image_height" border="0"
background="your_image_path">
<tr><td width="your_image_width" height="your_image_height">
<div align="center">
Put_Google_Ads_code_here
</div></td></tr></table>
Edit the above code as below
Replace your_image_width with the width of your image
Replace your_image_height with the height of your image
Replace your_image_path with your image file's url
After editing put this code in the place between you need your ads to appear(with background image)
When you choose the background colour and border colour in Adsense for content setup please try to use colours matching with your background image.
You have done it.Now please share this to your Friends.
Add Social Sharing Buttons Bellow Post Titles
Hello Friends I am gona to show you how to add social sharing button bellow post title in blogger.
<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = "compact";
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='margin-right:25px;'>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</div>
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->
</td>
</tr>
</table> </b:if><br/>
5. Next search for </head>
6. and just above it paste the following code,
How to Add This Widget.
- Go To Blogger > Design > Edit HTML
- Backup your template
- Search for <data:post.body/>
- and just above it paste the code given below,
<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = "compact";
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='margin-right:25px;'>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</div>
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->
</td>
</tr>
</table> </b:if><br/>
5. Next search for </head>
6. and just above it paste the following code,
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
7. Save your template and you are done!
Man Behind ProHacker
Write For Us?
Top Commentators