Showing posts with label Blogger Tips N Tricks. Show all posts
Showing posts with label Blogger Tips N Tricks. Show all posts
Wednesday, August 18, 2010
From Minutes now its down to seconds.Right after I publish my post,by the time I head over to Google & search for the Post it is already Indexed.It sounds very cool,but I really don't understand the Logic here.Initially I used to wait for weeks together for the Blog to get Indexed & that too all of a sudden Google De-Indexed most of my Blog pages.After that I just made two changes in my Blog:
1)Removed Adsense From My Blog
2)Removed All unwanted WIdgets:As you can see I don't even have a label Widget.
And Voila!!!My Blog is getting Indexed @ super speed.If the trick really lies within the above two changes,I would suggest you guys to check it out too!And if it works,Do give me a few credits for it too.Happy Blogging!!!!
1)Removed Adsense From My Blog
2)Removed All unwanted WIdgets:As you can see I don't even have a label Widget.
And Voila!!!My Blog is getting Indexed @ super speed.If the trick really lies within the above two changes,I would suggest you guys to check it out too!And if it works,Do give me a few credits for it too.Happy Blogging!!!!
The Inception of Static pages in Blogger was welcomed graciously by the Blogger fans.Although its not as flexible compared to the Wordpress Page,its like a giant leap for Blogger as now the Blogger can be Modded to have a website like Appearance.You can add as much as 10 Static pages and can either also choose its layout.The built in widgets or Templates are generally not focused on providing Roll over effects or at max will just add a basic rollover effect like underline.But luckily a few quality Css Menu's are available for free.Make use of this opportunity & grab it from here.These Menu's are perfectly customizable and I have edited one of their codes to make it merge with my Background as you can see yourself.Incase you need any help regarding how to customize this drop in your comments & I shall get back to you.Happy Blogging!!!!
Drag N Drop to Share seems to be the new blogger revolution that seems to happening with the Web 2.0 revolution.You might have come across a lot of webpages where ,once your moues hovers over the image you receive an image like "Drag to Share" Which looks like this:

This actually is a reaaaaaaaaally cool feature as you can add the links(generally images) instantly into your tweets or facebook instantly and gives the site a new look and better control over the social flare.This can be easily setup in your blog.There are two ways to achive this: The easy way & the Hard way.I knew you will choose the easy option.Just go to Meebo Bar,then click on get in now button.This will look like this:

Sign in for a free account and choose continue.Now enter your blog address or your website address
Once you are inside you Meebo bar dashboard you can see a link under Tools called Integration Wizard.Clicking on it will take to a page where you have to select your blog paltform,which looks like this:


Click on "I Have a Blogger Blog Hosted On Blogger.com".Then click on Add Page Element.You will be re-directed to your blogger and just confirm its position .Then a new widget (Html /javascript) will be added to your template.(Check in Design>>Page Elements).You can also add a lot more features than just Drab N Share feature in Meebo.Infact you can also add various buttons on the Meebo Bar for Sharing the posts, Flickr pics or some links.

Also Meebo can also keep track of your page visits & sharings to give you feedbacks on what people are sharing from you:

I must say that I am pretty much impressed with this new Web 2.0 feature as it really gives a cool social look to the blog & takes blogging to a whole new level never witnessed before.Hope you enjoyed this post.Subscribe to my feeds if you wanna get more notifications & updates.
This actually is a reaaaaaaaaally cool feature as you can add the links(generally images) instantly into your tweets or facebook instantly and gives the site a new look and better control over the social flare.This can be easily setup in your blog.There are two ways to achive this: The easy way & the Hard way.I knew you will choose the easy option.Just go to Meebo Bar,then click on get in now button.This will look like this:
Click on "I Have a Blogger Blog Hosted On Blogger.com".Then click on Add Page Element.You will be re-directed to your blogger and just confirm its position .Then a new widget (Html /javascript) will be added to your template.(Check in Design>>Page Elements).You can also add a lot more features than just Drab N Share feature in Meebo.Infact you can also add various buttons on the Meebo Bar for Sharing the posts, Flickr pics or some links.
Also Meebo can also keep track of your page visits & sharings to give you feedbacks on what people are sharing from you:
I must say that I am pretty much impressed with this new Web 2.0 feature as it really gives a cool social look to the blog & takes blogging to a whole new level never witnessed before.Hope you enjoyed this post.Subscribe to my feeds if you wanna get more notifications & updates.
Sunday, July 18, 2010
Labels help in grouping things inorder for blogger posts,so that they can be categorized.But a lot of people think that having too many labels in getting traffic to their blogs.NO!This aint true.Google's searchbots don't index your pages depending on your labels.Labels are Internal to BLog.They do not take part in Indexing or anything(Although it might look as it plays a vital role).Don't keep on adding labels until, you reach the 200 characters limit.You are yourself damage as the spiders will report the labels as duplicate N you will definitely see a drastic drop in the number of Url's Indexed by Google when you submit your sitemap.Be logical when you are giving label's .This has also been confirmed by Google Caffeine(Latest search Index )developers that duplication of labels will cause a big drop in the Url's Index & will inhibit Googlebots from Indexing your site or BLog.So Be careful N choose genuine labels.Trust me!If you remove your unwanted Labels,definitely your blog will get Indexed @ a faster rate.I can Guarantee.
Labels help in grouping things inorder for blogger posts,so that they can be categorized.But a lot of people think that having too many labels in getting traffic to their blogs.NO!This aint true.Google's searchbots don't index your pages depending on your labels.Labels are Internal to BLog.They do not take part in Indexing or anything(Although it might look as it plays a vital role).Don't keep on adding labels until, you reach the 200 characters limit.You are yourself damage as the spiders will report the labels as duplicate N you will definitely see a drastic drop in the number of Url's Indexed by Google when you submit your sitemap.Be logical when you are giving label's .This has also been confirmed by Google Caffeine(Latest search Index )developers that duplication of labels will cause a big drop in the Url's Index & will inhibit Googlebots from Indexing your site or BLog.So Be careful N choose genuine labels.Trust me!If you remove your unwanted Labels,definitely your blog will get Indexed @ a faster rate.I can Guarantee.
Friday, July 16, 2010
There is a very easy way to implement Adsense Parser in your blog without having the need to go to adsenseparser.com or anyother intermediate site.All you need to do is create a new post>>Go to Your Edit html(In Post not layout)>> N Paste the following piece of code & publish the post:
CODE:
<iframe height="300" src="http://tools.bloggerplugins.org/parser.php" style="border: medium none; height: 443px; width: 100%;" width="100%"></iframe>
Voila!You can see you have setup your own Adsense Parser.If you wanna see mine its here.Implemented in the same wayIf you have any issues,feel free to contact me.ENjoy!!!!And do comment if you liked the post.Hope You liked It.
CODE:
<iframe height="300" src="http://tools.bloggerplugins.org/parser.php" style="border: medium none; height: 443px; width: 100%;" width="100%"></iframe>
Voila!You can see you have setup your own Adsense Parser.If you wanna see mine its here.Implemented in the same wayIf you have any issues,feel free to contact me.ENjoy!!!!And do comment if you liked the post.Hope You liked It.
There is a very easy way to implement Adsense Parser in your blog without having the need to go to adsenseparser.com or anyother intermediate site.All you need to do is create a new post>>Go to Your Edit html(In Post not layout)>> N Paste the following piece of code & publish the post:
CODE:
<iframe height="300" src="http://tools.bloggerplugins.org/parser.php" style="border: medium none; height: 443px; width: 100%;" width="100%"></iframe>
Voila!You can see you have setup your own Adsense Parser.If you wanna see mine its here.Implemented in the same wayIf you have any issues,feel free to contact me.ENjoy!!!!And do comment if you liked the post.Hope You liked It.
CODE:
<iframe height="300" src="http://tools.bloggerplugins.org/parser.php" style="border: medium none; height: 443px; width: 100%;" width="100%"></iframe>
Voila!You can see you have setup your own Adsense Parser.If you wanna see mine its here.Implemented in the same wayIf you have any issues,feel free to contact me.ENjoy!!!!And do comment if you liked the post.Hope You liked It.
Tuesday, July 13, 2010
This is one of the major drawbacks of the default blogger template.When you search for a query in a search engine,it should display the relevant search content first,then the blog or website title,Not the other way around.There are two reasons why this is a detrimental to your blog:
1)If a user's search string is too long,and it is relevant to your blog,then he will see only your blog title clearly,a big portion of your post title (the search query) will be truncated.For instance my search for online consumer complaints Irctc will return two different visuals as you can see below:
But this is wrong as you can very well see the post title is truncated,so the user might actually think that its irrelevant & its a spam(Google loves spam though).Can you spot the term Irctc there?The user wants posts related to Irctc.If he cant find any,do you expect him to enter your site?Definitely No!The final result you loose valuable traffic & clicks.Instead the right way to display the result should be like this:
Can you see the difference?If the user sees material relevant to him he will surely visit the site which is what required.So in short I can say that:
Now replace that line with this;
1)If a user's search string is too long,and it is relevant to your blog,then he will see only your blog title clearly,a big portion of your post title (the search query) will be truncated.For instance my search for online consumer complaints Irctc will return two different visuals as you can see below:
But this is wrong as you can very well see the post title is truncated,so the user might actually think that its irrelevant & its a spam(Google loves spam though).Can you spot the term Irctc there?The user wants posts related to Irctc.If he cant find any,do you expect him to enter your site?Definitely No!The final result you loose valuable traffic & clicks.Instead the right way to display the result should be like this:
Can you see the difference?If the user sees material relevant to him he will surely visit the site which is what required.So in short I can say that:
Post title + Blog title = Traffic
Blog title + Post title = Diversion
2)The another major problem with this format is that it prevents Googlebots from indexing your site.Without indexing our blog or website will not feature in the Search engines.So its critical that we make a small change in the default blogger template.First headover to Layout►Edit Html►Tick on Expand Widgets and then search(ctrl+F) for <title><data:blog.pageTitle/></title>Now replace that line with this;
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Now your final code should look like this:<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Well there you have it!You have just made lets say a very vital change in your blogger settings.Now just sit back & be amazed by the way googlebots scramble through your pages & finally you'll get listed in the Searches.Happy Blogging!
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
This is one of the major drawbacks of the default blogger template.When you search for a query in a search engine,it should display the relevant search content first,then the blog or website title,Not the other way around.There are two reasons why this is a detrimental to your blog:
1)If a user's search string is too long,and it is relevant to your blog,then he will see only your blog title clearly,a big portion of your post title (the search query) will be truncated.For instance my search for online consumer complaints Irctc will return two different visuals as you can see below:
But this is wrong as you can very well see the post title is truncated,so the user might actually think that its irrelevant & its a spam(Google loves spam though).Can you spot the term Irctc there?The user wants posts related to Irctc.If he cant find any,do you expect him to enter your site?Definitely No!The final result you loose valuable traffic & clicks.Instead the right way to display the result should be like this:
Can you see the difference?If the user sees material relevant to him he will surely visit the site which is what required.So in short I can say that:
Now replace that line with this;
1)If a user's search string is too long,and it is relevant to your blog,then he will see only your blog title clearly,a big portion of your post title (the search query) will be truncated.For instance my search for online consumer complaints Irctc will return two different visuals as you can see below:
But this is wrong as you can very well see the post title is truncated,so the user might actually think that its irrelevant & its a spam(Google loves spam though).Can you spot the term Irctc there?The user wants posts related to Irctc.If he cant find any,do you expect him to enter your site?Definitely No!The final result you loose valuable traffic & clicks.Instead the right way to display the result should be like this:
Can you see the difference?If the user sees material relevant to him he will surely visit the site which is what required.So in short I can say that:
Post title + Blog title = Traffic
Blog title + Post title = Diversion
2)The another major problem with this format is that it prevents Googlebots from indexing your site.Without indexing our blog or website will not feature in the Search engines.So its critical that we make a small change in the default blogger template.First headover to Layout►Edit Html►Tick on Expand Widgets and then search(ctrl+F) for <title><data:blog.pageTitle/></title>Now replace that line with this;
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Now your final code should look like this:<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Well there you have it!You have just made lets say a very vital change in your blogger settings.Now just sit back & be amazed by the way googlebots scramble through your pages & finally you'll get listed in the Searches.Happy Blogging!
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Monday, July 12, 2010
A lot of people are facing this difficulty of not being able to stretch their images beyond their size as the text overflows the background image.Extending the image using the height & width options can lead to problems.The reason this doesn't work is because the more you increase the width N height of an image the more blurry the image gets.Not to mention if you set a height & width parameter of 100% then the entire image will be displayed but if the length of the post is very big,then the image will end abruptly & thus you will see your text coming out of the background & will be displayed with a white background.Don worry there is a fix for this.Thanks to Css all you need to do specify the image as a background image using the url option and then give repeat-y.This will repeat the image for an infinite time ,well atleast till your post ends.If you have a a mile of lines or tones of this,the image will repeat itself & will keep doing it till the EOF.The syntax will look like this:
background:url(the link)repeat-y;
Hope you liked this post.Wait for more blogger updates!!!
A lot of people are facing this difficulty of not being able to stretch their images beyond their size as the text overflows the background image.Extending the image using the height & width options can lead to problems.The reason this doesn't work is because the more you increase the width N height of an image the more blurry the image gets.Not to mention if you set a height & width parameter of 100% then the entire image will be displayed but if the length of the post is very big,then the image will end abruptly & thus you will see your text coming out of the background & will be displayed with a white background.Don worry there is a fix for this.Thanks to Css all you need to do specify the image as a background image using the url option and then give repeat-y.This will repeat the image for an infinite time ,well atleast till your post ends.If you have a a mile of lines or tones of this,the image will repeat itself & will keep doing it till the EOF.The syntax will look like this:
background:url(the link)repeat-y;
Hope you liked this post.Wait for more blogger updates!!!
Sunday, July 11, 2010
Having trouble posting Css N Javascript codes in your post?Parsing the code everytime to post it into the Blogger post to get rid of Html errors?Look no further-Code View is here.You would have come across a very annoying feature in blogger,where you need to parse the code to post it inside a blogger post.Now you don't need to do that.All you gotta do is copy a few Css parameters & you are done.So lets get into the features:
1)Copy the following piece of code:
3)Now when you write a new blog ,all you have to do is add the following 2 lines:
1)Copy the following piece of code:
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
color : #33FF00;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIWYcD2nmV2SubX-qih70c-Lb7SioCJiOd69Dx2wra3GIyLMNIcvnUs5NmirJWgvQpHwSqXMZYr1jDPtIb6cb2Q6kmRd5pjXPLH-QdI_YNxl4CxbqACgxTmKILuq2gDYUt1cmYcFAitfM/s1600/main.jpg) repeat-y;
height:100%;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
font-weight : normal;
font-style:Italics;
margin : 0;
padding : 0;
}
2)Now go to your Design>>Edit Html>>Expand Widgets & search for ]]>.Paste the copied code just above it.margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
color : #33FF00;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIWYcD2nmV2SubX-qih70c-Lb7SioCJiOd69Dx2wra3GIyLMNIcvnUs5NmirJWgvQpHwSqXMZYr1jDPtIb6cb2Q6kmRd5pjXPLH-QdI_YNxl4CxbqACgxTmKILuq2gDYUt1cmYcFAitfM/s1600/main.jpg) repeat-y;
height:100%;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
font-weight : normal;
font-style:Italics;
margin : 0;
padding : 0;
}
3)Now when you write a new blog ,all you have to do is add the following 2 lines:
paste ur script here
The code will be displayed in stylish burnt page writing while really looks cool.You can preview it here.Now if you dont want any fancy burnt page background then you can remove the background url line highlighted in red & also you can change the font color by changing the color(which is also highlighted in rest in the text you copied).Replace them with your custom values.I guess i have given something valuable to you people.Feel free to comment if you want me to post more blogger goodies.Always glad to be of service.Remember Keep Blogging,else google will leave you behind.Njoy!!!!!!!!
Saturday, July 10, 2010
Having trouble posting Css N Javascript codes in your post?Parsing the code everytime to post it into the Blogger post to get rid of Html errors?Look no further-Code View is here.You would have come across a very annoying feature in blogger,where you need to parse the code to post it inside a blogger post.Now you don't need to do that.All you gotta do is copy a few Css parameters & you are done.So lets get into the features:
1)Copy the following piece of code:
3)Now when you write a new blog ,all you have to do is add the following 2 lines:
1)Copy the following piece of code:
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
color : #33FF00;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIWYcD2nmV2SubX-qih70c-Lb7SioCJiOd69Dx2wra3GIyLMNIcvnUs5NmirJWgvQpHwSqXMZYr1jDPtIb6cb2Q6kmRd5pjXPLH-QdI_YNxl4CxbqACgxTmKILuq2gDYUt1cmYcFAitfM/s1600/main.jpg) repeat-y;
height:100%;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
font-weight : normal;
font-style:Italics;
margin : 0;
padding : 0;
}
2)Now go to your Design>>Edit Html>>Expand Widgets & search for ]]>.Paste the copied code just above it.margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
color : #33FF00;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIWYcD2nmV2SubX-qih70c-Lb7SioCJiOd69Dx2wra3GIyLMNIcvnUs5NmirJWgvQpHwSqXMZYr1jDPtIb6cb2Q6kmRd5pjXPLH-QdI_YNxl4CxbqACgxTmKILuq2gDYUt1cmYcFAitfM/s1600/main.jpg) repeat-y;
height:100%;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
font-weight : normal;
font-style:Italics;
margin : 0;
padding : 0;
}
3)Now when you write a new blog ,all you have to do is add the following 2 lines:
paste ur script here
The code will be displayed in stylish burnt page writing while really looks cool.You can preview it here.Now if you dont want any fancy burnt page background then you can remove the background url line highlighted in red & also you can change the font color by changing the color(which is also highlighted in rest in the text you copied).Replace them with your custom values.I guess i have given something valuable to you people.Feel free to comment if you want me to post more blogger goodies.Always glad to be of service.Remember Keep Blogging,else google will leave you behind.Njoy!!!!!!!!
Confused? Its true.After Feedburner's port over to Google,they made drastic changes in their features.Feedburner was amazing before,but now with Google's features its AWESOME.So there is no need for the 7 digit,instead its your Blogger title.For instance,My Blog title is Pushed To D Limits,so my feedburner id will be PushedToDLimits(Just add everything together).So my feed is gonna be :http://feeds.feedburner.com/PushedToDLimits.Thats it you are done.happy Blogging!!!
Confused? Its true.After Feedburner's port over to Google,they made drastic changes in their features.Feedburner was amazing before,but now with Google's features its AWESOME.So there is no need for the 7 digit,instead its your Blogger title.For instance,My Blog title is Pushed To D Limits,so my feedburner id will be PushedToDLimits(Just add everything together).So my feed is gonna be :http://feeds.feedburner.com/PushedToDLimits.Thats it you are done.happy Blogging!!!
A few months back Techie Blogger came up with Blogger Subscription Box Widget with custom CSS,which was a promising widget for blogger(which Wordpress had ages befoer blogger made it available).It offered a whole new way of subscribing to the blogs by spicing up its appearance.But then Feedburner changed a few settings including changes in Feed verification & also replacing the Feed Id with the Blog title and so on.Also a lot of people who tried to install this widget ran into issues where all they could find after the installation of the widget was the image i have displayed in the left.Fianlly i have designed a html/Javascript widget for blogger which will add beauty & interactivity to the site.I have added a rollover effect over the Rss Feed Icon also.Copy the following code:
I have designed this Subscription Box Widget to be placed just above the BLogger posts, so that it ensure's maximum display.I do hope that you have liked my work.Now Now as you can see i have marked certain areas in red lets take a look @ them:
1)http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits:Replace the Push to D limits with your feed.Generally its your blog tite added together.
2) http://feeds.feedburner.com/~fc/PushedToDLimits?bg=99CCFF : Replace this with your feed icon.Can be found in the publicize tab.
Guess thats it then.I don wanna touch the Css side , as it can be detrimental.So ill steer clear of it.Incase if you want me to teach you how to customize the css also(including the Rollover effects,then please provide me feedback.Hope you apprecioate my work by postin a few comments N givin me some credits.Ill be back with more and better gadgets for you.Till then Happy Bloggin.
<style type="text/css" media="all">
@import "http://h1.ripway.com/sunilpisharath/subscribe.css";
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','http://h1.ripway.com/sunilpisharath/Newspaper_Feed_add_128x1282.png',1)"><img src="http://h1.ripway.com/sunilpisharath/Newspaper_Feed_add_128x128.png" alt="Feed Me" name="Image1" width="90" height="80" border="0" id="Image1" /></a>
<div id="subscribe">
<a href="http://feeds.feedburner.com/PushedToDLimits" rel="nofollow"><img src="http://feeds.feedburner.com/~fc/PushedToDLimits?bg=99CCFF&fg=444444&anim=1" width="88" style="border:0px;" alt="Subscribe Now" height="26" /></a><br /><form id="subscribeform" action="http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits" target="popupwindow" method="post" 'http://feedburner.google.com/fb/a/mailverify?uri=pushedtodlimits', 'popupwindow', 'scrollbars=yes,width=560,height=520');return true">
<div>
<input value="" class="subscribeinput" name="email" type="text" />
<input value="Home" name="url" type="hidden" /><input value="Pushed To D Limits" name="title" type="hidden" /><input value="en_US" name="loc" type="hidden" />
<input src="http://i263.photobucket.com/albums/ii150/mohamedrias/subscribesubmit.png" class="subscribesubmit" id="img3" type="image" />
</div></form></div><img src="http://h1.ripway.com/sunilpisharath/abr-2.jpg" name="img2" width="280" height="7" id="img2" />
<label for="a3_2" id="lab">Subscribe To My Feeds</label>;
After copying head over to Design>>Page Elements & then click on Add a gadget anywhere in thetemplate.Now select Html/Javascript and paste the code inside it.No need to give any title for this(might make the appearance bad).Now drag the widget & make it land on top of the BLog posts As shown below:@import "http://h1.ripway.com/sunilpisharath/subscribe.css";
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','http://h1.ripway.com/sunilpisharath/Newspaper_Feed_add_128x1282.png',1)"><img src="http://h1.ripway.com/sunilpisharath/Newspaper_Feed_add_128x128.png" alt="Feed Me" name="Image1" width="90" height="80" border="0" id="Image1" /></a>
<div id="subscribe">
<a href="http://feeds.feedburner.com/PushedToDLimits" rel="nofollow"><img src="http://feeds.feedburner.com/~fc/PushedToDLimits?bg=99CCFF&fg=444444&anim=1" width="88" style="border:0px;" alt="Subscribe Now" height="26" /></a><br /><form id="subscribeform" action="http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits" target="popupwindow" method="post" 'http://feedburner.google.com/fb/a/mailverify?uri=pushedtodlimits', 'popupwindow', 'scrollbars=yes,width=560,height=520');return true">
<div>
<input value="" class="subscribeinput" name="email" type="text" />
<input value="Home" name="url" type="hidden" /><input value="Pushed To D Limits" name="title" type="hidden" /><input value="en_US" name="loc" type="hidden" />
<input src="http://i263.photobucket.com/albums/ii150/mohamedrias/subscribesubmit.png" class="subscribesubmit" id="img3" type="image" />
</div></form></div><img src="http://h1.ripway.com/sunilpisharath/abr-2.jpg" name="img2" width="280" height="7" id="img2" />
<label for="a3_2" id="lab">Subscribe To My Feeds</label>;
I have designed this Subscription Box Widget to be placed just above the BLogger posts, so that it ensure's maximum display.I do hope that you have liked my work.Now Now as you can see i have marked certain areas in red lets take a look @ them:
1)http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits:Replace the Push to D limits with your feed.Generally its your blog tite added together.
2) http://feeds.feedburner.com/~fc/PushedToDLimits?bg=99CCFF : Replace this with your feed icon.Can be found in the publicize tab.
Guess thats it then.I don wanna touch the Css side , as it can be detrimental.So ill steer clear of it.Incase if you want me to teach you how to customize the css also(including the Rollover effects,then please provide me feedback.Hope you apprecioate my work by postin a few comments N givin me some credits.Ill be back with more and better gadgets for you.Till then Happy Bloggin.
Friday, July 9, 2010
A few months back Techie Blogger came up with Blogger Subscription Box Widget with custom CSS,which was a promising widget for blogger(which Wordpress had ages befoer blogger made it available).It offered a whole new way of subscribing to the blogs by spicing up its appearance.But then Feedburner changed a few settings including changes in Feed verification & also replacing the Feed Id with the Blog title and so on.Also a lot of people who tried to install this widget ran into issues where all they could find after the installation of the widget was the image i have displayed in the left.Fianlly i have designed a html/Javascript widget for blogger which will add beauty & interactivity to the site.I have added a rollover effect over the Rss Feed Icon also.Copy the following code:
I have designed this Subscription Box Widget to be placed just above the BLogger posts, so that it ensure's maximum display.I do hope that you have liked my work.Now Now as you can see i have marked certain areas in red lets take a look @ them:
1)http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits:Replace the Push to D limits with your feed.Generally its your blog tite added together.
2) http://feeds.feedburner.com/~fc/PushedToDLimits?bg=99CCFF : Replace this with your feed icon.Can be found in the publicize tab.
Guess thats it then.I don wanna touch the Css side , as it can be detrimental.So ill steer clear of it.Incase if you want me to teach you how to customize the css also(including the Rollover effects,then please provide me feedback.Hope you apprecioate my work by postin a few comments N givin me some credits.Ill be back with more and better gadgets for you.Till then Happy Bloggin.
<style type="text/css" media="all">
@import "http://h1.ripway.com/sunilpisharath/subscribe.css";
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','http://h1.ripway.com/sunilpisharath/Newspaper_Feed_add_128x1282.png',1)"><img src="http://h1.ripway.com/sunilpisharath/Newspaper_Feed_add_128x128.png" alt="Feed Me" name="Image1" width="90" height="80" border="0" id="Image1" /></a>
<div id="subscribe">
<a href="http://feeds.feedburner.com/PushedToDLimits" rel="nofollow"><img src="http://feeds.feedburner.com/~fc/PushedToDLimits?bg=99CCFF&fg=444444&anim=1" width="88" style="border:0px;" alt="Subscribe Now" height="26" /></a><br /><form id="subscribeform" action="http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits" target="popupwindow" method="post" 'http://feedburner.google.com/fb/a/mailverify?uri=pushedtodlimits', 'popupwindow', 'scrollbars=yes,width=560,height=520');return true">
<div>
<input value="" class="subscribeinput" name="email" type="text" />
<input value="Home" name="url" type="hidden" /><input value="Pushed To D Limits" name="title" type="hidden" /><input value="en_US" name="loc" type="hidden" />
<input src="http://i263.photobucket.com/albums/ii150/mohamedrias/subscribesubmit.png" class="subscribesubmit" id="img3" type="image" />
</div></form></div><img src="http://h1.ripway.com/sunilpisharath/abr-2.jpg" name="img2" width="280" height="7" id="img2" />
<label for="a3_2" id="lab">Subscribe To My Feeds</label>;
After copying head over to Design>>Page Elements & then click on Add a gadget anywhere in thetemplate.Now select Html/Javascript and paste the code inside it.No need to give any title for this(might make the appearance bad).Now drag the widget & make it land on top of the BLog posts As shown below:@import "http://h1.ripway.com/sunilpisharath/subscribe.css";
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','http://h1.ripway.com/sunilpisharath/Newspaper_Feed_add_128x1282.png',1)"><img src="http://h1.ripway.com/sunilpisharath/Newspaper_Feed_add_128x128.png" alt="Feed Me" name="Image1" width="90" height="80" border="0" id="Image1" /></a>
<div id="subscribe">
<a href="http://feeds.feedburner.com/PushedToDLimits" rel="nofollow"><img src="http://feeds.feedburner.com/~fc/PushedToDLimits?bg=99CCFF&fg=444444&anim=1" width="88" style="border:0px;" alt="Subscribe Now" height="26" /></a><br /><form id="subscribeform" action="http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits" target="popupwindow" method="post" 'http://feedburner.google.com/fb/a/mailverify?uri=pushedtodlimits', 'popupwindow', 'scrollbars=yes,width=560,height=520');return true">
<div>
<input value="" class="subscribeinput" name="email" type="text" />
<input value="Home" name="url" type="hidden" /><input value="Pushed To D Limits" name="title" type="hidden" /><input value="en_US" name="loc" type="hidden" />
<input src="http://i263.photobucket.com/albums/ii150/mohamedrias/subscribesubmit.png" class="subscribesubmit" id="img3" type="image" />
</div></form></div><img src="http://h1.ripway.com/sunilpisharath/abr-2.jpg" name="img2" width="280" height="7" id="img2" />
<label for="a3_2" id="lab">Subscribe To My Feeds</label>;
I have designed this Subscription Box Widget to be placed just above the BLogger posts, so that it ensure's maximum display.I do hope that you have liked my work.Now Now as you can see i have marked certain areas in red lets take a look @ them:
1)http://feedburner.google.com/fb/a/mailverify?uri=PushedToDLimits:Replace the Push to D limits with your feed.Generally its your blog tite added together.
2) http://feeds.feedburner.com/~fc/PushedToDLimits?bg=99CCFF : Replace this with your feed icon.Can be found in the publicize tab.
Guess thats it then.I don wanna touch the Css side , as it can be detrimental.So ill steer clear of it.Incase if you want me to teach you how to customize the css also(including the Rollover effects,then please provide me feedback.Hope you apprecioate my work by postin a few comments N givin me some credits.Ill be back with more and better gadgets for you.Till then Happy Bloggin.
Thursday, July 8, 2010
You would have come across websites,where we see the paypal buttons & its features.But have you ever come across a paypal setup which allows users not only decide the subscription type(whether Monthly or One time),but also gives a text box to enter the designated amount by themselves.Yes!this is true & I have successfully implemented it in my blog.Although it looks a bit bigger than the standard options,its definitely a better move as it gives more options to the users to decide the type of payment they want to give out.Ill provide the code for it.Since i worked hard on this ill be happy if you give me a few credits for this :D.Well copy N paste this code & watch your new Paypal Button with more features in action.You can get the code from here.Copy this piece of code,then head over to Design>>Page Elements>>Add Gadget and then select Html/Javascript and then paste the copied code.Then move your element to the appropriate location(preferably at the bottom) and watch it in action.
Please make sure you have a VALID PAYPAL ACCOUNT WITH A VALID EMAIL ADDRESS.
You may have to edit a few values in it:
*Replace the item_name with your Paypal Name
*Replace Business with the email id you used to register with Paypal
*If you want to change the currency code,take a look at some of the currencies here.
Now you are done.Hope you liked this advanced version of Paypal.If you liked my work,feel free to subscribe to my blog to be updated regularly.Please do give me a few credits for the work i have done.If you wanna try out the classic old Paypal Buttons N features,then click Here.Njoy!!!!!!!!
Please make sure you have a VALID PAYPAL ACCOUNT WITH A VALID EMAIL ADDRESS.
You may have to edit a few values in it:
*Replace the item_name with your Paypal Name
*Replace Business with the email id you used to register with Paypal
*If you want to change the currency code,take a look at some of the currencies here.
Now you are done.Hope you liked this advanced version of Paypal.If you liked my work,feel free to subscribe to my blog to be updated regularly.Please do give me a few credits for the work i have done.If you wanna try out the classic old Paypal Buttons N features,then click Here.Njoy!!!!!!!!
You would have come across websites,where we see the paypal buttons & its features.But have you ever come across a paypal setup which allows users not only decide the subscription type(whether Monthly or One time),but also gives a text box to enter the designated amount by themselves.Yes!this is true & I have successfully implemented it in my blog.Although it looks a bit bigger than the standard options,its definitely a better move as it gives more options to the users to decide the type of payment they want to give out.Ill provide the code for it.Since i worked hard on this ill be happy if you give me a few credits for this :D.Well copy N paste this code & watch your new Paypal Button with more features in action.You can get the code from here.Copy this piece of code,then head over to Design>>Page Elements>>Add Gadget and then select Html/Javascript and then paste the copied code.Then move your element to the appropriate location(preferably at the bottom) and watch it in action.
Please make sure you have a VALID PAYPAL ACCOUNT WITH A VALID EMAIL ADDRESS.
You may have to edit a few values in it:
*Replace the item_name with your Paypal Name
*Replace Business with the email id you used to register with Paypal
*If you want to change the currency code,take a look at some of the currencies here.
Now you are done.Hope you liked this advanced version of Paypal.If you liked my work,feel free to subscribe to my blog to be updated regularly.Please do give me a few credits for the work i have done.If you wanna try out the classic old Paypal Buttons N features,then click Here.Njoy!!!!!!!!
Please make sure you have a VALID PAYPAL ACCOUNT WITH A VALID EMAIL ADDRESS.
You may have to edit a few values in it:
*Replace the item_name with your Paypal Name
*Replace Business with the email id you used to register with Paypal
*If you want to change the currency code,take a look at some of the currencies here.
Now you are done.Hope you liked this advanced version of Paypal.If you liked my work,feel free to subscribe to my blog to be updated regularly.Please do give me a few credits for the work i have done.If you wanna try out the classic old Paypal Buttons N features,then click Here.Njoy!!!!!!!!
Recently a lot of people have been unable to add Paypal's Donate Button onto their blogs.This is primarily due to a few changes made in their features by Paypal.You will no longer find the Donations tab within the Merchant services tab.Instead I have another solution for you(Actually two).First & foremost make sure that you have registered an account with Paypal .You can open one from here.Register yourself an account and then make sure that you confirm your email address.No matter what you search for ,you will not be able to see the donations page.Incase you get it,if you use it on your blog all you will get is a "FATAL FAILURE"message.There is no point in going to Merchant Services tab and then to Paypal Merchant Services Tab as you will NEVER find the Donations in the right sidebar of the PayPal Website Payments Standard Option.So now we have two ways to fix this:
I.Method (No Visa,Mastercard logo needed)
Go over to Paypal's Advanced technique here.
Copy the code & paste it in a notepad temporarily as we need to make a few changes.
II.Method(If Matercard,Visa logo's are needed)
In the previously copied code,just replace the following line:
<input type="image" src="http://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
With This:
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
Customizing the Paypal Options:<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
Now there a few things which we need to customize they are:
1)Replace me@mybusiness.com with the email address you registered for Paypal.
2)Change the Amount value from 25 to your preferred value by changing the value from 25 to the appropriate value.
I do hope that you will not will run into some errors.Incase you did,feel free to comment & I shall get back to you at the earliest. To subscribe to my posts if you like them.
Subscribe to:
Posts (Atom)
Labels
Blogumulus by Roy Tanck and Amanda Fazani



