Showing posts with label Blogger tips and tricks. Show all posts
Showing posts with label Blogger tips and tricks. Show all posts

How to Notify FeedBurner Unconfirmed Subscribers to Get Verified?

Thursday, December 9, 2010

As you all know, Feedburner has become a great tool for any bloggers, webmasters or generally website owners. Many of your traffic come from feed readers and if your websites do not have feed account available, it can be a big loss. You can even making money with your feed via Google Adsense too.


Among thousands of your feed subscribers, how many of them have been confirmed and how many of them have been unconfirmed? The unconfirmed subscribers will never receive your blog updates and you will definitely loose a big amount of traffic then.

I have explored many times and finally I got one tool that could help me do this automatically. It is Notify Unconfirmed Subscribers. This tool will allow you sort out your unverified subscribers and a box where you can type your message to send to them by a click.

All of those unverified subscribers will get your message and they will proceed to get their emails verified if they are still using those emails. Otherwise, you should remove those spam emails from your feedburner account.

I have tested this plugin and it worked perfectly and the percentage of my unverifiedsubscribers went down from 30% to less that 3%. That is good and I guess the remaining 3% is either spammers or no longer used emails.

You can download this plugin to use on your own and remember that your hosting must have email feature enabled to use this tool. I think all paid hosting providers support mail feature otherwise, you should do it manually which is not feasible.

Good luck and enjoy. Remember that feed subscribers are traffic and money too.

Source: azblogtips.com
Read more »

How To Fix PNG Transparency Problem in Internet Explorer 6

Saturday, December 4, 2010

If you are using Internet Explorer version 6, you can see png images of web pages showing inside a white background. It add a bad appearance to your website or blog.This is a problem because still some people are using Internet Explorer version 6,it is the default browser for windows XP.So this quick and simple tutorial will show you how to fix this PNG transparency problem in Internet Explorer 6.



Login to your Blogger dashboard --> Design --> Edit HTML.

You don't need to click on "Expand Widget Templates".

Scroll down to where you see the </head> tag of your template.

Now copy below code and paste it just before the </head> tag.

<!--[if lt IE 7]>
<script type="text/javascript" src="http://bnote.googlecode.com/files/unitpngfix.js"></script>
<![endif]-->
I have hosted "unitpngfix.js" file on google code.

Note : Best thing is, hosting this "unitpngfix.js" file yourself.So you can download it from HERE.

Now save your template and you are done.You can check updates and more details of this script fromhttp://labs.unitinteractive.com/unitpngfix.php.
Read more »

Replace Page List Menu Gadget with a Link List

Tuesday, November 30, 2010

The Default Blogger Templates(which can be customized using the Designer) are all made to use the “Blog Pages” as your Blog’s Top Navigation Menu. This is done using a Page List Gadget. But , you might want to setup your own menu with Custom Links. In that  case, you can replace the Page List Gadget with a  Link List. This tutorial guides you on how you can replace the Page List with a Link List without loosing the Menu Styling(and the highlighted active links)..

How do i add non-page links to my Menu

This is a frequently asked question on the Blogger Help Forum. The solution is simple, if you want to display anything other than page links on your Menu, then you will have to use a Link List Gadget instead of using a Page List. If you are using one of the DefaultBlogger Templates, and if you have added a Page List Gadget below the header, you will be using "Page" links as the Navigation Menu. To change this to a Link list, follow these simple steps.
1. Login to your Blogger Account and navigate to the Design Edit HTML tab. Do NOTcheck the “Expand Widget Templates” Option.
2. Now look for(Ctrl + F)
<b:widget id='PageList
and you will find some line  like
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
3. Replace this line by the following Code
<b:widget id='LinkList123' locked='false' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
   <ul>
     <b:if cond='data:blog.url == data:blog.homepageUrl'>
     <li class='selected'>
     <a expr:href='data:blog.homepageUrl'>Home</a>
     </li>
     <b:else/>
     <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
     </b:if>
     <b:loop values='data:links' var='link'>
       <b:if cond='data:blog.url == data:link.target'>
       <li class='selected'>
       <a expr:href='data:link.target'><data:link.name/></a>
       </li>
       <b:else/>
       <li><a expr:href='data:link.target'><data:link.name/></a>
       </li>
       </b:if>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
4. Save the Template.
5. Now you can manually add links to the Menu by using the Quick Edit Wrench Button .

The Styling of the Gadget will be preserved and the Active links will be highlighted.
Read more »

Sticky Post In blogger/blogspot

Sunday, November 21, 2010

What is sticky post ?
A sticky post means make any post remain at top of the page. :)



In wordpress blogging platform, you can do it on their dashboard. But in blogspot you can't, because blogspot has no option like sticky post.

So we have to play with date.

Create a post that you want to make remain on the top, and publish it. Then immediately edit the post. Now while editing, you need not have to edit anything in the content zone, but you have to change the date of publishing - to any future date.

this date format : mm/dd/yr
Read more »

Adding Adsense to simplex Transcript template

Friday, November 19, 2010


Simplex Transcript has no widget ready function ,so if you want to add adsense ads to this template ,you have to insert them directly to template code . This task is very easy if you are familliar to coding ,but not with the one who doesn't . So in this post ,I will show you the way to adding adsense ads to Simplex Transcript template in both of homepage and single page ,this post is also a solution for everyone who met the trouble adsense ads not show up in single page .



1,Before adding ads code

find this line :
<div id="frontpage">
and add this line right before the line you've just found :
<b:if cond='data:blog.url == data:blog.homepageUrl'>

next, find this line :
<div id="singlepage">
and add this line right before the line above
</b:if>

2,If you want to add adsense in home page :
  
     2a,to add ads in sidebar ,above " the most recent" tabs :
find this <h2 class='widget_title'>MOST RECENT</h2>  and add the adsense code right before this line .

     2b,to add ads in the left ,next to middle content tab ,find this line :<div id='primaryBottomSidebar'>
and add adsense code right after this .

     2c,To add ads in the right bottom corner ,find this line :
<div class='home_sidebar_ads'>
and add your adsense code right after this line .

3,To add adsense ads in single page
  
     3a,adsense ads under the archive column ( in the middle)
find this line :<div class="t_center marginbottom">
and add the adsense right after this line .

     3b,Adsense ads in the right ,above recent comment widget
find this line :  <div id="wideSidebar">
             <div class="widget1">
and add the adsense right after these line .

I see many of you gave up using this template just because can't adding adsense code or customize it as your need . With this post ,I hope you will feel more convenient when using Transcript template


Source: simplexdesign.blogspot.com
Read more »

Very Effective 7 Social Marketing Resources to increase traffic !

Sunday, October 24, 2010

Top effective 7 Social Marketing Resources


1. Google Friend Connect

2. Facebook

3. MySpace

4. hi5

5. LinkedIn

6. Tagged

7. Ning

B. Blog Applications & Sites
1. Yahoo! Shortcuts

2. Blogger

3. WordPress

4. Kindle Publishing

5. TypePad

6. Wordpress for iPhone

7. Technorati

C. Bookmarking Applications & Sites
1. Digg

2. Stumbleupon

3. AddThis!

4. bit.ly

5. Delicious

6. diigo

7. Jumptags



Source: blogger-dashboard.blogspot.com
Read more »

Animated Recent posts for blogger with thumbnails and Simple Spy

Tuesday, October 12, 2010

Finally Abu Farhan finished the widget from Bloggertricks.com and animation Simple Spy . Simple Spy style taken from Scarlet theme, results for wordpress can be found in this blog. View as below

Animated Recent posts widget for blogger


For bloggers you need to put the widget into the Sidebar Gadget (add gadget) select html, copy all html below to that gadget:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
    <script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.raudhatulmuhibbin.org/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
    <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
for modification this widget to fit your template than you need to visit ABU FARHAN Blog here you go


Source: blogger-dashboard.blogspot.com
Read more »

Label Cloud Widget for Blogger new release

Tuesday, October 5, 2010

Blogger Releases the new version of the Label Widget

Blogger,as a part of its 10th Birthday celebrations, has now released a new version of the label gadget.This one is much better that the old version
What is new?
1)It comes with a Label Cloud.
2)It lets you choose which labels are to be displayed.
3)You can customize it further using CSS.
Drawbacks
The cloud just has 5 variations.All labels will be divided into 5 classes depending on the usage of these labels.
It would have been better if there was a bigger number of classes.

 
as you see above ! you have the option to select whatever category you want it to show ! if you have any question just leave comment and i will answer you ASAP ! Happy Clouds :)


Source: blogger-dashboard.blogspot.com
Read more »

Adding comment form beneath your blog posts in blogger

Saturday, September 18, 2010


How to Add Comment Form Beneath Your Posts

Blogger have developed an inline (embedded) comment form which can be enabled through Blogger in Draft. This is probably the most requested feature for Blogger


1- Log in to Blogger | Dashboard | Settings | Comments.
2- For the third option Comment Form Placement, chose Embedded below post and then click SAVE SETTINGS button to save your changes.
3- Now, go to Layout | Edit HTML.
4- Check Expand Widget Templates and your page will automatically refresh.
5- Find:
<b:include data='post' name='comments' />
6- Place the following code right after the above code:
<b:include data='post' name='comment-form'/>
7- Now, your code should look something like this:
<b:include data='post' name='comments' />
<b:include data='post' name='comment-form'/>

8- Save your template and you're done.

Read more »

Easy steps to Add Blogger Sitemap to Google Webmaster Tools!

Sunday, September 12, 2010


Google Webmaster Tools help your customers understand site traffic and diagnose potential problems by providing insights into how Google crawls and indexes their site.
Webmaster Submission Guide
Submitting the Sitemaps of your blog to Google Webmaster helps the search engine(Google) to crawl your webpage's easily and more quickly! This post explains the procedure to add your blogger blog's sitemap to the Google Webmaster Tools.


  1. Sign-in to Google Webmaster Dashboard using your Google Account.

  2. Type your blog URL and click Add Site:
    Add Blogger Sitemap to Google Webmaster Tools

  3. Once your site is added to Google Webmaster, you need to verify the site by adding a Meta Tag to your blog:
    Add Blogger Sitemap to Google Webmaster Tools

  4. Copy the Meta Tag code given by Google Webmaster as shown in the screenshot below:
    Add Blogger Sitemap to Google Webmaster Tools

  5. Now go to Blogger Dashboard - Layout - Edit HTML - then search(Ctrl+F) for the code given below in the header section:

    <b:include data="blog" name="all-head-content"/>


  6. Then Paste the Meta Tag just after the above code and Save the Template.

  7. Now click Verify in the Google Webmaster Tools. Your site will be verified if you followed the above steps clearly:
    Add Blogger Sitemap to Google Webmaster Tools

  8. Next step is to add sitemaps of your blog. Select Sitemap from the left sidebar:
    Add Blogger Sitemap to Google Webmaster Tools

  9. You can add the following sitemaps of your blogger blog to the Google Webmaster:

    http://www.YourBlog.com/atom.xml?redirect=false

    http://www.YourBlog.com/feeds/posts/default?=rss

    Add Blogger Sitemap to Google Webmaster Tools
  10. Finished! Your Blog's sitemap will be added to Google now!
If you have any question just leave me a comment and i will answer you ASAP !
Happy Blogging :)

Read more »

Related Posts Widgets - Top 5 for Blogspot

 
Searching for Related Posts Widgets for Blogger ?
Well here is the best 5 related post widgets for blogger you can ever find until now !
It's little complicated process to add Related Posts widget or plug-in to Blogger blogs unlike Wordpress blogs. Following are some of the links on how to add Related Posts widget to blogger blogs:


Please Note: Before Editing your Template, Save a copy of your current template by clicking 'Download Full Template' in 'Edit HTML' page of the Blogger 'Layout' Window and 'Preview' the changes before Saving.





Read more »

How to Add Favicon ico in Blogger template

Tuesday, December 22, 2009


What is a Favicon?

A favicon is a small 16X16 image located at the top of your browser in the url bar.
All Blogger templates have a default favicon but we can easily replace it with our own for better branding and personalization.

How to Change your Favicon?

1- Create an image and convert it to a favicon by going to FavIcon Generator or Favicon from pics.
2- Upload your favicon to some image host like PhotoBucket, ImageShack or TinyPic and get the image URL or link.
3- Now log in to Blogger | Dashboard | Layout | Edit HTML and find </head> and place the following code just before </head> tag.
<link rel="shortcut icon" href="YOUR FAVICON URL" />
<link rel="icon" href="YOUR FAVICON URL" />
4- Your code should look something like this:
<link rel="shortcut icon" href="YOUR FAVICON URL" />
<link rel="icon" href="YOUR FAVICON URL" />
</head>
5- Replace YOUR FAVICON URL with the URL of your image and then save your template.

Source: blogger-dashboard.blogspot.com
Read more »

 
 
 
 
Copyright © 2010 Blogger Tips And Tricks | Affiliate Marketing | Make Money Blogging. All Rights Reserved. Using Xclear Theme | Bloggerized by Themescook Developed by Helios | Powered by Blogger