In the previous article I wrote about how to add recent comment and recent post in Blogger, then how about random post, Is it possible to add random post in Blogger?.
In my previous article I wrote about How to get Recent Comments and Recent Posts on Blogger/Blogspot, but for a couple a day I am not realize that my Recent Comments and Recent Posts in my blog not update. Yeah..using that method sometime it takes a time to show the latest post and comment after update but if it is taking for a couple a days there must be some problem.
When you having a blog and receiving some visitor from various countries , probably some visitors not comfortable with the language of your blog. the easy way to solve this problem you should have machine translator. There is a lot of widget for the translator if you find in search engine like Google.
<textarea name="textarea" cols="20"><a href="http://gokhiel.com"><img src="http://www.geocities.com/ferdian_mohfian/bloggokhiel.gif" width="90" height="17" border="0" /></a></textarea>
Blogging Tips :
Some of new bloggers ask me how to make the comments below the article post. Yeah ..I know comment box in blogger By default is not effective. People have to click on 'add a comment' then redirect to blogger and posting the comment, it will make people lose interest to give comment to your blog.
You can easily set up a donation button through PayPal to your blog. Just sign up for a PayPal account and follow the instructions to get PayPal Donations. If you don't have a paypal account yet, you can get a Free Paypal account in www.paypal.com
In some Blogspot Template, if we want to link to other page or other web there is an underline below in the text link.
In general, any comments in the blog have the same color between comments from visitors and the owner of the blog. How about if we want to give a different color for the blog’s owner?. Giving a different color from blog’s owner can make comments more interactive.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Position*/
}
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Every time we are post a new article, Label in Blogspot as default will count and show the number automatically.(<data:label.count/>)
4. Delete the above code.
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";
}
and upload to your storage location, Save the file with the name close.gif3. Sign In to your Blogger account and go to Layout -> Edit HTML.
4. Find ]]></b:skin> you can use ctrl+f to make you easy to find the code
Copy CSS code below and Paste above ]]></b:skin>
5. In your Template Find </head> , and copy-paste below code
<script src='http://www.locationURLwhereyousavethefile.com/Stripe-Ads.js' type='text/javascript'/>
Do not forget to adjust the location of the URL address where you save the JavaScript file
6. In your Template Find <body>, and copy-paste below code
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/Gokhiel-logs' target='_blank'>Get the latest update from gokhiel Weblog via Email?</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='gokhiel.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src=' http://www.locationURLwhereyousavethefile.com/close.gif.' style='cursor:hand;cursor:pointer;'/></span></div>
7. Preview your Blog if its ok you can save your Template. :)
