Showing posts with label Blogger Hacks. Show all posts
Showing posts with label Blogger Hacks. Show all posts

Friday, April 17, 2009

Blogger profile views not increasing - an update from blogspot

2 comments

If you are a blogspot user than u must have realized that profile views count is not increasing the way they used to be in earlier days.

Well don't panic \, there's nothing wrong with your blogger profile or account, blogspot has made changes and it will not increase profile views on every view to avoid performance issues as they were causing problems to blogger team

Some blogs with heavy treffic or some users have used automated scripts to increase their profile views. so now onwards blogger will only show estimated profile views

Here is the quote from blogger team

Hey folks,

So many of you have noticed that profile counts have not been updating
as they have in the past, and we thought we'd step in and let you know
exactly what is going on here and why this change has been put in
place.

Basically, having completely accurate counts caused a lot of problems
for profile pages that experienced high traffic - at several times in
the past few months this has led to difficulties and slowness for the
entire service. These problems were amplified even more by a number of
users who abused the count by running automated scripts trying to bump
up their counts.

Because of this, we've switched to using an estimated count of profile
views; while it's less accurate we believe that keeping the service
running and responsive has to be our first priority. We'll change the
language on the profile pages to reflect this - thanks for your
patience and understanding.

Y'all should notice these count views beginning to update themselves
shortly. Please let us know though if after a few more days, the
counts continue to remain unchanged.

-Gatsby
The Blogger Team


Hope this helps


Continue Reading...

Tuesday, April 14, 2009

blogger tips -Prevent or disable copy contents of your blog or site

41 comments

If you want to prevent users from copying contents of your blog or site than you need to put this code in ur blog so that user can not copy ur blog's contents , i was browsing through ashish's blog and got this script

Go to Layout and click on add new gadget > select Html/Javacsript

Now in the box copy and paste the following code

<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>


Click on save and check whether u r able to copy or not .

Have fun


Continue Reading...

Saturday, February 28, 2009

Page views counter for blogspot bloggers to count how many times any post has been read

50 comments

If you are blogspot blogger than you must have missed the fact that blogspot doesn't provide any way to count how mant times any post on your blog has been read,
same was the case with me too.



I've written a script to count blog page views or blog post views and sharing it with everyone who needs it

to put page views counter in all posts of your blog , follow these steps


Click this link to read more and know how to implement it in your blog


Have fun


Continue Reading...

Monday, February 16, 2009

blogger- add dotnetshoutout button all posts of blogspot blog autometically

1 comments

If you want to add dotnetshoutout button to all posts of your blogspot/ blogger blog

Shout it

than u need to write this code in your html section of blog

First of all go to layout > edit html > check the check box of expend widget templates

now look for this line of code

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

Now after <p><data:post.body/> and before </p> post the code mentioned below

<a rev='vote-for' expr:href='&quot;http://dotnetshoutout.com/Submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:id='data:widget.instanceId + &quot;_kickit&quot;' rel='nofollow'>
<img alt='Shout it'expr:src='&quot;http://dotnetshoutout.com/image.axd?url=&quot; + data:post.url' style='border:0px'/></a>


Your complete code should look like this
<p><data:post.body/><a rev='vote-for' expr:href='&quot;http://dotnetshoutout.com/Submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:id='data:widget.instanceId + &quot;_kickit&quot;' rel='nofollow'>
<img alt='Shout it'expr:src='&quot;http://dotnetshoutout.com/image.axd?url=&quot; + data:post.url' style='border:0px'/></a></p>


Now you will have dotnetshout button in all posts
have fun

Shout it


Continue Reading...

Saturday, January 17, 2009

Autometically add dotnetkicks kick it button to all posts of your blogspot blog

2 comments

To add kick it button of dotnetkicks to all posts of blogspot blog , write this code in the html of template


Look for this line of code in html by expending widget templates

<p><data:post.body/></p>
Now copy and paste this code just above this line
<p><a expr:href='
"http://www.dotnetkicks.com/submit/?url="
+ data:post.url + "&title=" + data:post.title'

expr:id='data:widget.instanceId + "_kickit"'
><
img alt='Submit this story to DotNetKicks'
expr:src
='
"http://www.dotnetkicks.com/Services/Images
/KickItImageGenerator.ashx?url=" +
data:post.url'
/></a></p>
Save the template and check whether it works or not


Continue Reading...

Add digg button to all posts of your blogspot blog autometically

2 comments

If you want to add digg button to all your blogspot posts automatically than u need to add this code to html of your template


Look for this line of code

<data:post.body/>
Now paste this code above the line u searched
<div style='float:right; margin-top:4px;'>
<script type='text/javascript'>
digg_url = "<data:post.url/>";
digg_skin = "compact";
digg_window = "new";
</script>
<script src='http://digg.com/tools/diggthis.js'
type='text/javascript'></script>
</div>
Now digg button will be added to all your posts


Continue Reading...

how to add dzone voting button to all blogger posts autometically

2 comments

If you want to add dzone votin button to your blogspot posts than you need to edit the html code of your blog template and add this code

Go to edit html section of your template and check the check box for expend widget templates and search for this line of code

<p><data:post.body/></p>
Now copy below mentioned code just above this line
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>var
dzone_url = '<data:post.url/>'</script>
<script type='text/javascript'>var
dzone_title = '<data:post.title/>'</script>
<script type='text/javascript'>var
dzone_style = 1</script>
<script language='javascript'
src
='http://widgets.dzone.com/widgets/zoneit.js'/>
</div>
that's all have to do , save the template and check whether it works or not


Continue Reading...

Friday, January 16, 2009

Hide blogger navigation bar from your blogspot blog

1 comments

If you want to hide navigation bar of your blogspot blog than you need to write this code in the html section of ur blog


Go to Layout and click on edit html and write below mentioned code in the css section of html code

#navbar {
height: 0px;
visibility: hidden;
display: none;
}


This will hide the navbar from ur blog
Enjoy


Continue Reading...

Thursday, January 15, 2009

Adding star ratings to blogspot custom templates in new blogger beta

3 comments

Recently blogger have added star ratings feature to posts , to enable this go to Layout section and click on edit link on Blog post, than check the check box against Show Star Ratings, for this u might need to login in blogger draft

If u r using template provided with blogger , than doing this will work , but if u r using any custom or third party template than u need to add some code for this to work
Go to edit HTML and check the expend widget template
Search for this line of code:
<span class='star-ratings'
><b:if cond='data:top.showStars'><div 
expr:g:background-color='data:backgroundColor'
expr:g:text-color='data:textColor' 
expr:g:url='data:post.absoluteUrl'
g:height='42' g:type='RatingPanel' 
g:width='180'/></b:if></span>         
Now search for following code:
<b:include name='feedLinks'/> 
Copy the following code and paste after the line mentioned above:
<b:if cond='data:top.showStars'>     
<script src='http://www.google.com/jsapi'  
type='text/javascript'/> 
<script type='text/javascript'> 
google.load(&quot;annotations&quot;, 
&quot;1&quot;); 
function initialize() 
{google.annotations.setApplicationId
(<data:top.blogspotReviews/>);
google.annotations.createAll(); 
google.annotations.fetch(); 
} 
google.setOnLoadCallback(initialize);     
</script>  </b:if>

Now u'll be able to star ratings in ur posts Njoy

For more info read this blog


Continue Reading...

Adding Page navigation widget in your blogspot blog for a smooth and good looking page navigation menu

10 comments

To add this kind of navigation to ur blog simple edit ur blog template according to this



1 : Log in to your blogger account and navigate to Layout section. Now go to the edit HTML .


2 : search this line

]]></b:skin>
and add this CSS code above that line.

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

3 : search for this code or related in your template ( no need to expand widgets )
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

Now Add This script just below the </b:section> .

&lt;script type=&quot;text/javascript&quot;&gt;

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;;
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;


var pageCount=5;
var displayPageNum=3;
var firstPageWord = &#39;First&#39;;
var endPageWord = &#39;Last&#39;;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;



var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=&#39;&#39;){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=&#39;&#39;){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!=&#39;&#39;) postNum++;
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p&lt; htmlMap.length;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;/u&gt;&lt;/span&gt;&#39;;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
}//end for(var p =0;p&lt; htmlMap.length;p++){

if(thisNum&gt;1){
if(!isLablePage){
html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}else{
html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
html += &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[htmlMap.length-1]+&#39;&quot;&gt; &#39;+endPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
&lt;/script&gt;

&lt;script src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;


<div style='text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;'> <a href='http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html'>Grab this Widget ~ Blogger Accessories</a></div>



More info here


Continue Reading...

Creating sitemaps for blogger blogspot blog for submitting to search engines

2 comments

To create a sitemap for ur blog , Go to Webmaster Tools link and the bottom of ur blogspot dashbord, click on the link of your blog , than go to sitemap link at the left pane
You can create either rss.xml or atom.xml format sitemaps
It doesn't matter which one you use, they should both be accepted as valid sitemap, for submitting sitemap u may need to varify your ownership by putting a varification link provided by blogger in ur blog

  • By default, sitemap only includes the latest 25 posts. So not all your blog posts might get indexed
  • If you use FeedBurner and enabled feed redirection on your blog, this sitemap does not work as it is redirected to your FeedBurner feed
To Disable the redirect for your sitemap

atom.xml?redirect=false

By default, the sitemap only shows the latest 25 posts. Using a parameter called max-results, you can specify how many posts need to be included in the sitemap.

atom.xml?max-results=100

Finally, add a parameter to define the start point.

atom.xml?start-index=1

to put it all together

Let's put it all together
if your blog is having 200 posts and feed redirection to FeedBurner enabled. than your sitemap will look like this

http://blogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100
http://blogname.blogspot.com/atom.xml?redirect=false&start-index=101&max-results=100


Hope this helps


Continue Reading...
 

Amit jain online by amiT jaiN -Internet tips and tricks Orkut tricks , blogger hacks n tricks , windows tricks, and lots of other tips and hacks