How To Insert "AddThis" Sharing Buttons To Blogger

Let your blog visitors to share your blog contents easily with other popular website such as Facebook, Twitter, Google Plus. They can also simply bookmark your blog, print or E-mail to his/her friends or family. This tactic helps you most to bring traffic to your lovely blog. This is a plugin named AddThis Share Button. You can setup this sharing widget just below your post summary or post title.

Addthis Social sharing & booknarking wallpaper

This is a gadget which is one of the world’s most popular social sharing and bookmarking tool, and millions of websites are using this. This tool also allows you a numeric counter to see how many times share or bookmark your site till now. We also use this widget for our respected readers to spread our voice more. Just see our AddThis Sharing Button below this post for example.

How to insert AddThis Social Sharing Button to Blogger

PART 1

1. Go to AddThis website

2. Choose a style which one you want to use

Addthis sharing button styles

3. Click Get AddThis

4. Now copy the code from the box, the code looks like this...

Addthis Sharing button Code Example

PART 2

1. Now log in to Blogger Blog

2. Click on your blog title

3. Click Template, Edit HTML » Proceed

4. Click "Expand Widget Templates"

5. Search for <data:post.body/> by pressing Ctrl+F

6.  Now paste AddThis Code just below <data:post.body/>

7. Click Save Template

8. Reload your any blog post page and see the AddThis buttons are appearing after your post.

That’s all. If you have any problem or need to customize it please ask us friendly. We’ll try to serve you best.


UPDATE: Learn how to add blog title or a short custom message in AddThis Sharing widget. See an example picture below.

Insert Your Blog Title On AddThis Widget

Have fun! May Allah bless you.

How To Change Text Selection or Highlight Color in Blogger Blog

Have you noticed that when you select some sentence or a single word in a website what color appears? Yes, it’s blue, because by default it set as blue color. You can simply change this color by using CSS code. This is a stand out customizing way to look different from other blogs and help to match with your blog theme color. It’s very easy to do as like as a sms sending. :-)

Change text selection color or highlight color

Before you start you can see a demo. Click View Demo then select some sentence.


Lets Change Text Selection Color in Blogger blog

1. Go to Blogger Blog

2. Click your blog title

3. Click Template from left side menu

4. Backup your full template before editing

5. Click Edit HTML, Click Proceed

6. Now search (CTRL+F) for ]]></b:skin>

7. Add the below code just Before/ Above it

/*------- Text selection color style start shinemat.com --------*/
::-moz-selection  {
Background: #9E0ADC;
color: white;
}
::selection   {
background: #9E0ADC;
color: white;
}
/*------- Text selection color style end shinemat.com --------*/

8. Click Save Template and refresh your blog to see magic.

Good day buddy!

Best 8 Tricks To Improve Alexa Ranking

As you know, in the World Wide Web there are uncountable websites available, and its increasing everyday. Alexa rank plays an important role in your online career. If you serious in your blogging career you must pay attention in your site's Alexa rank. Lets know more about benefits of Alexa ranking.

alexa ranking board with two people saimoom sainemat.com

What is Alexa?

Alexa is a website which provides the position of your site in World Wide Web. This calculation based on your site traffic. The traffic rank is based on three months aggregated historical traffic data from the users of Alexa toolbar and traffic data from other sources. In Alexa ranking the lowest rank is best and maximum is not well.
For example: www.google.com has Alexa rank #1 and this is too much good position.

How Alexa ranking is so important

This ranking is not important for those blogger or site owner who are not serious and don't want to make money online. The Alexa rank shows your site status that how much it is good or bad. Now talk is how it is important? Well, as definition above it is based on your site traffic, so whenever an advertiser wants to advertise their product or service they will check your Alexa rank for understanding how much popular your website and how many traffic you get. Keep in mind, if you have not smart amount of traffic on your site you'll not get success to make money. So increasing Alexa rank with real traffic is an important part for blogging career.

Also read: Alexa Rank And Its Benefits.

How to improve Alexa rank

alexa ranking image saimoomWell, it’s not very easy to increase Alexa rank. Many traffic exchange site can boost your site rank but this is not real. I recommended you to make real visitor to your site. To do below some tricks you have to create a free account on Alexa website. Here are some killer tips for improving Alexa rank. Follow me...

1. Publish quality post everyday
You might hear the "Content is King" for a blog. So update your blog site everyday with unique post to get decent amount of quality traffic.

2. Install Alexa toolbar to your browser
It’s very important for a publisher to install and use Alexa toolbar in their browser. This is very effective way. Simply click here to install Alexa toolbar for free of charge.

3. Put Alexa widget on your site
Putting Alexa widget is also important for boost Alexa rank. This will show your alexa rank on your site without searching in Alexa website. Just visit here and make your widget easily.

4. Try to get review about your site on Alexa.com
Tell your visitors and your friends to leave a positive review about your site in alexa.com. This will help you better for improving. You can also buy reviews from some freelancer if you can afford.

5. Verify your ownership on Alexa.com
Create an account in Alexa.com (free) and add your site. After adding your site you will need to verify your site for real ownership by adding a simple Meta tag.

6. Try to get more Alexa sitelinks.
Sitelink also can improve your Alexa ranking. By creating backlinks you can get sitelink on alexa.com. Leave a comment on other site or blog, participate on forums, groups and community with your site address. This will increase your pagerank, backlink and traffic also.

7. Increase your visitor globally
Hence, more visitor means more quality ranking, so don't aim to get visitors only from your local area or country. Keep in mind always, when you publish a website or a blog you are worldwide. So your traffic source target should be worldwide. Optimize your site or blog for worldwide visitors.

8. Write posts about Alexa
In your blog, write some post about Alexa.com such as how to improve Alexa position, Alexa review, Alexa ranking advantages, benefits of Alexa toolbar and widget, how an advertiser choose a site by analyzing Alexa rank for advertising, how to get top position in Alexa ranking etc.

Conclusion:

As described above, I hope you can understand what is Alexa ranking and how it is important. In my personal experience, posting frequently is the main tricks for getting a smart position in Alexa, because without any quality update content no one will visit your site again and again plus you will drop from search engine ranking position.
At last, wishing you best for getting a quality position from alexa.com

Have a nice day buddies.

Google Affiliate Network : Way To Make Money Online

Recently the most popular search engine Google announced about their new advertise service named Google Affiliate Network.Are you a blogger or website owner? If you so, here is attractive opportunity to make some extra money from your blog. Google Affiliate Network is a free program to connect with relevant ads and get rewarded for driving conversations. There are also many affiliate ads network, but its talk about Google!

Google Affiliate Network

This service is really effective for those publishers who love or want to publish articles about certain product or service. Like review, description or about its advantages.

Some of its plus points are:
1. High quality advertisers.
2. Track and access real time report.
3. Eye catching and user friendly interface dashboard.
4. Easy way to cash out via adsense account in your local state.
5. VIP and top publishers will get raising star status.
6. Product search, feeds, API and simple link generator.

Know what is affiliate marketing actually?

Affiliate marketing means promoting a product or service to other and influence them to take or buy this product too with promoter's referral. In this situation the product or service company pays me an amount as commission. Similarly, if you refer other people though Google Affiliate marketing  then you'll receive commission. That's all about affiliate marketing.

Affiliate marketing system

How it works and how to use G.A.N

Google Affiliate program introduced a new type of widget. Whenever you write a new post about a product or service recommended by the advertiser the Google Affiliate widget will help you to show affiliate links on your post/ blog. You can choose links type. Such as simple text link, image link or full banner. To participate in this program you must have an adsense account. Log in to blogger, click your blog title, click Earnings, and click Get started. Select an advertise category for your blogger blog and go on.

buy a product from online

☻Now say, what you are thinking about this new feature from Google. Use our comment form below...

How To Hide Blogger Blog Navbar

If you are using blogger default template you will see a navigation bar at top in your blogger blog. Some custom templates also allow this navbar.

This navbar includes with Blog search box, Flag a blog, Next blog link, Create a blog and Sign in to blogger etc. This navbar is not apropos with a blog because it looks ugly and old designed and if you are a pro blogger or if you have a blogger blog with eye catching design it will destroy your good looking almost twenty percent.

From my personal experience I can say many visitors even a blogger user does not use it at all.

So, let’s hide/ remove it...

Hide Navbar from blogger shinemat.com saimoom

Hide Navbar from blogger blog

1. Log in to your Blogger blog
 
2. Click your blog title

3. Click Template from left side menu

4. Backup your full template before editing

5. Click Edit HTML, Click Proceed
 
7. Search for ]]></b:skin> tag by pressing Ctrl+F

8. Now paste the below code just above/ before it

/*  --------navbar hide start shinemat-------- */
#navbar-iframe { height:0px; visibility:hidden; display:none }

9. Click Save Template and reload your blog homepage. That's all.

How To Remove Dotted Outline/ Border From Links

By default every text hyperlink creates a dotted outline/ border around them whenever someone click or visit them. This won't go invisible till you clicked anywhere or moved to another webpage. Its not a design for links. Actually its also not a big deal. However if you want to remove this outline from every single link just follow this simple step. We also applied it on our this blog.

Remove dotted boder from links by shinemat.com

How to remove dotted outline border from text links

1. First log in to your Blogger blog

2. Click your blog title

3. Click Template from left side menu

4. Backup your full template before editing

5. Click Edit HTML, Click Proceed

7. Search for ]]></b:skin> tag by pressing Ctrl+F

8. Now add the below code just before/ above ]]></b:skin>

a {outline: none;}

9. Click Save Template and you are finished. From now your links will never make dotted outline border.

Have a good day buddies.

How To Change "Post a Comment" Text In Blogger Blog

I know, as like me you also like very much to receive comment(s) from your valuable readers in your blog after reading a post. You can attract viewers more to comment on your blog by displaying an unique message or an image in comment headline. By default, blogger set this message as "Post a Comment".
In this tutorial I am going to show you  how to replace "Post a Comment" with a different message or an image just above at your blogger comment box.

Do also read... 
Are you ready to do it? Let's start...

Changing post a comment message on blogger blog saimoom shinemat.com

Replace "Post a Comment" text with a different message or an image

1. First log in to your Blogger blog

2. Click your blog title

3. Click Template from left side menu

4. Backup your full template before editing

5. Click Edit HTML, Click Proceed

6. Click "Expand widgets Templates" Box

7. Now search (CTRL + F) for the following code
Note that you will find this code twice time and you have to replace twice time too.

<data:postCommentMsg/>

8. Now replace this above code with your own message such as...
"Leave a Comment"
"We love your comment"
"Say something about this" etc.

You can also replace a beautiful color image if you don't like plain text message. To do this just replace this code with an image URL code. Here are some cool comment images you might like, if you have another image just upload it to blogger and replace it with your image address.

Also Read:
comment image 1

<img src="http://3.bp.blogspot.com/-wNYqFLmAsZ0/T4iWDBlVWxI/AAAAAAAAAyk/KYugtjCwSII/s1600/comment_art.png" />

comment image 2

<img src="http://2.bp.blogspot.com/-xhocEo9YLek/T4iW4DR0cOI/AAAAAAAAAys/yhRTfa1bfVM/s1600/customize-blogger-comment-link.png" />

comment image 3

<img src="http://2.bp.blogspot.com/-_7NBI5hcg2M/T4iXipKMEDI/AAAAAAAAAy0/ItCOilGiD4E/s1600/leave+a+comment2.png" />

Comment image 4

<img src="http://4.bp.blogspot.com/-zhhpiaNQczA/T4iYCt9DF7I/AAAAAAAAAy8/ggIpAJf8U6g/s1600/leave+a+comment.png" />

Comment image 5

<img src="http://2.bp.blogspot.com/-AhJx6Wv91Gc/T4iYzG_zcjI/AAAAAAAAAzE/WQ85_k3j7Ws/s1600/Post+a+comment+blogger.png" />

9. After replacing, click Save Template and you are done. Reload your blog to see a new message or a new image in Post a comment place.

That's all.

How To Add Number In Comments At Blogger Blog

Today we will show you how to number to each comment. This system helps you when you are replying to a specific comment. In our previous tutorial we wrote about How To Add Reply Option To Blogger Comments. If you allow comments from anonymous visitors this tutorial will helps you so much when you reply anonymous comments. For example: If you have 3 anonymous comments and need to reply them you can simply pinpoint your reply answer by saying comment #12 or comment @13 etc.
This comment numbering system also gives you a unique comment permalink for each comment. It means you will get a unique link for each comment. So, you or your visitors can use this comment permalink to go straight to the wanted comment.

So, lets move forward.

Numbering the comments in blogger

How to add number to each comment in blogger blog

1. Log in to Blogger Blog

2. Click your blog title

3. Click Template from left side menu

4. Backup your template before editing

5. Click Edit HTML, Click Proceed

6. Click "Expand widgets Templates" Box

7. Now find the below code by pressing Ctrl+F

<b:loop values='data:post.comments' var='comment'>

8. Add the below code just before/ above it

<!--comment-number-start--><script type='text/javascript'>var CommentsCounter=0;</script> <!--comment-number-end-->

9. Now find this code

<data:commentPostedByMsg/>

10. Now paste the below code just after/ below it

<!--comment-number-start-shinemat.com-->
<span class='comm-num'>
#<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--comment-number-end-shinemat.com-->

11. Finally click Save Template and you are done. Refresh your blog, you will see numbers in every comment.

Have a nice day.

How To Add Reply Option To Blogger Comments

By using reply option in your blogger comment section you can provide your visitors to reply any selected comment easily. You should use this easy comment reply navigation system for your valuable readers who love to participate to your comment community. Whenever a visitor click the reply link to leave a comment, a pop up dialog box will appear with an anchor link in comment box. The link will tell which person has been replied.
So let’s setup this...

Blogger reply comment option from shinemat.com
  
How to add comment reply option to blogger blog

1. Log in to Blogger Blog

2. Click your blog title

3. Click Template from left side menu

4. Backup your template before editing

5. Click Edit HTML, Click Proceed

6. Click "Expand widgets Templates" Box

7. Search for ]]></b:skin> by pressing Ctrl+F

8. Paste the following code just before/ above it

/*------- ShineMat reply comment button style start--------*/
.sm-replycmntbutton{
background:#59F96C;
cursor:pointer;
color:#fff;
margin:7px 0px 0px 5px;
float:right;
border:1px solid#939794;
padding:4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font:11px arial;
}
.sm-replycmntbutton:hover{
background:#9BF9A6;
}
/*------- ShineMat reply comment button style end --------*/

9. Search for <dd class='comment-footer'>
Or class='comment-footer'

10. Now add the below code just before/ above it

<div class='sm-replycmntbutton'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG ID GOES HERE&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650&quot;); return false;'>Reply »</a></div>

11. Click Save template, and you are done.

Customization area

1. Change #59F96C color on normal mode.

2. Change #9BF9A6 color on mouse hover mode.

3. To find your Blogger ID you must log in to blogger, then see your address bar, you will find something looks like "blogID=7102776242582236723" Just replace the numbers with your blog ID numbers. See the below image.

How to find blogger ID

That's all. Have Fun.

How To Display Author Profile Picture In Google Search Results

Showing authorship of a blog in Google search results is one of the popular and creative tactic. If you are a blogger or a website owner you can show up your Google Plus profile picture along with your name on Google search results with your content. Your image on Google search result will turn link with your Google Plus Profile page. So for all of that you have to have a Google Plus account/ page and a blog or website which is indexed by Google search engine.
So let’s do it.

My Profile picture on Google search results


How to add G+ profile image on Google search results

1. First you need to create an “About Me” page on your blog with an image (128px X 128px in size), if you have already this page then OK. See my About page for example.

2. Upload same image which is added to your about me page exactly 128px X 128px size image in JPEG format to your Google Plus profile. You can re-size your image by using Adobe Photoshop easily.

3. Now add your Google Plus profile URL anywhere in your blog site by using the below code. I have added my Google Plus link in my sidebar.

G+ on Shine Mat Side Bar

<a href="Your Google Plus profile Link" rel="author" target="_blank">Add me to your Google+</a>

rel="author" is that you are the real author of your blog. So don't change or remove it. You are able to change the anchor text, I mean "Add me to your Google+" as your choice.

4. Now add a link to your “About Me” page anywhere in your blog. I have added this link in my menu bar. Use the following code to make this link.

Shine Mat About Me Page

<a rel="author" href="http://www.shinemat.com/2009/09/about.html">About Me</a>

Here you can also change the text "About Me" as you want, also don't forget to replace the about me link with your About me page link.

5. Now go to your "About Me" page and create a link by using the below code.

<a rel="me" href=https://plus.google.com/115756322635682435278 title="Ashraful Haque Saimoom">My Google Plus</a>

Make these changes:
First, replace https://plus.google.com/115756322635682435278 with your Google plus profile link.
Second, change Ashraful Haque Saimoom with your full name same as your Google Plus profile name.
Third, change My Google Plus as your wish.

G+ on About Me page

6. Now go to your Google Plus profile and click Edit Profile, Click Links and add your blog's or website's Homepage address along with your About Me page address (Important). if you want you can also add your some extra link such as Facebook, Twitter etc.

7. Go to this link, Click Edit Profile, Tick Show this tab on my profile check box.

8. Save your Google Plus profile, and you are done.

Let's test, is everything OK?

After setting as described above simply visit here and type your blog homepage address in preview box and click preview. If you will see the text saying "Verified: Authorship markup is verified for this page" then everything is okay. If your About Me page is not indexed by Google yet, click here and submit your about me page address to Google blog list.

Now wait at least 3 to 4 days and then you can see your profile picture in Google search results with your content.

That's all. I tried my level best to describe, if you are getting any problem please feel free to ask me. I will try to solve your problem. Thank you. Good luck.

Add Twitter Follower Counters For Blogger Or Website

Twitter! I am sure that you also know what it is. Show your twitter follower counter to your visitor for gaining more followers. The Twitter Follow Button lets them follow you straight from your blog. To show your site visitors how many people are following you on twitter, just follow the steps showing below.

Twitter Bird With PC By ShineMat.com

How To Add Twitter Follower Counter For Blogger Blog

1. Log in to your Blogger Blog
2.  Click your blog title
3. Click Layout from left side menu
4. Click Add a Gadget, and select HTML/Javascript
5. Copy the following code below as your choice...

Twitter Follower Counter - 1

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=ADD YOUR TWITTER USERNAME&style=bird"></script>

Twitter Follower Counter - 2

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=ADD YOUR TWITTER USERNAME"></script>

Twitter Follower Counter - 3

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=ADD YOUR TWITTER USERNAME&style=black"></script>

Twitter Follower Counter - 4

<script type="text/javascript" language="javascript" src="http://twittercounter.com/widget/index.php?username=ADD YOUR TWITTER USERNAME"></script>

6. Now replace ADD YOUR TWITTER USERNAME with your twitter username.
7. Click Save, and you are done.

Be happy, keep visiting...

Add Facebook Like Button To Below Each Post

In the year 2010 the biggest social networking site Facebook lunched the Like button. With this button people can share interesting thoughts with their friends and family easily. If you are a blogger I recommended to take its advantages. Put Facebook like button on your blogger blog, so that your readers can share your article(s) with their friends on facebook. You can see that I have already added a Facebook like button to below my each post. So, why you are not trying it on your Blogger blog?

Add Facebook Like Button Below Post

Let's see, how to add facebook like button to below each blogger post

1. Log in to Blogger Blog
2. Go to Design, click Edit HTML (Don't forget to backup your template)
3. Click Expand widgets templates box
4. Search for <data:post.body/> by pressing Ctrl+F
5. Now choose the style and add the following code just below <data:post.body/>

For Standard Button Style -

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=400&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=30&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:30px;'/>

For Box Count Button Style -

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=63&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:50px; height:63px;'/>

For Button Count Style -

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=95&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=25&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:95px; height:25px;'/>

6. Finally click Save template, and you are done.

Customization area:

1. By default, the action set as action=like, to make it "Recommended", simply change the code as action=recommended
2. To change the font style, replace font=arial to
     font=verdana font=tahoma
     font=verdana font=tahoma
3. To change the color theme, replace colorscheme=light to colorscheme=dark
4. To change the position to left, right or to give a little space between text and like button do as following

<div style='float:right padding:7px'>

YOUR FACEBOOK LIKE BUTTON CODE GOES HERE...

</div>

5. If you wish to add the like button just below your post title simply add the code just above <data:post.body/>

That's all. Don't forget to like us, and if you have any problem to setup or customization please don't late to let me know.
May Allah bless you all.

Add Sliding Social Share Buttons With Counters

Adding Sliding or Floating Social Media Sharing Counter For Blogger Blog
As a serious Blogger you may know how many important the social media sharing. You can get a huge traffic from social media section if you can properly use it.

Many webmaster allow this way to spread their website or personal blog site to promote.

Today we will teach you about sliding sharing widget and when the visitors scroll your blog page up or down, it will float with their webpage moving.

This widget coded with CSS and JavaScript codes.

First see the demo below…






Adding Floating Social share Counters To Blogger Blog

1. Log in to your Blogger Blog
2. Go to Design, add a HTML/JavaScript
3. Paste the below code inside the box

<style>
/*-------ShineMat Sliding Social Widget--------*/
#floatdiv {
    position:absolute;
    width:94px;
    height:229px;
    top:0;
    left:0;
        z-index:100
}

#sm-sidebardiv {
        border:1px solid #ddd;
        padding-left:10px;
    position:relative;
    height:220px;
    width:65px;
    margin:0 0 0 20px;
}
</style>


<div id="floatdiv">
<div id="sm-sidebardiv">
    <table cellpadding="1px" cellspacing="0">
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="ahsaimoom">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://www.shinemat.com/2012/04/add-sliding-social-share-buttons-with.html" target="_blank">Make it</a></p>
    </td>
    </tr>
    </table>
</div>
</div>
<script src='http://shinematcodes.googlecode.com/files/Sliding%20Social%20Share%20Counters.js' type='text/javascript'></script>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> </script>

4. Now change "ahsaimoom" with your twitter username.
5. Finally Save your widget, and you are done.

Note: If you have added Google +1 button in your blog/ website before you may delete the following code.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> </script>

That's all. We are sure that you like it very much. Kindly don't forget to let us know about your opinion by commenting.

How To Remove Feedburner Logo From Buzzboost Widget

How to remove feedburner logo from buzzboost widget easily...

Feedburner buzzboost is a smart widget provided by Google Feedburner service. This widget lets you to display your recent posts and recent comments of your lovely blog. By default, the widget contains a credit logo to the footer section that says "Headlines By Feedburner". You know what, it is too much difficult if you want to remove the logo simply. Don’t worry, we are showing you an easy way to remove the "Headlines By Feedburner" logo from the feedburner buzzboost widget. We are sure that after applying this hack you will say, it’s so easy that I thought.

So, lets know how to remove Feedburner buzzboost logo

Look at your Recent posts feedburner code similar like this...

<script src="http://feeds.feedburner.com/ShineMark?format=sigpro" type="text/javascript"></script>

and your Recent comments feedburner code look like this...

<script src="http://feeds.feedburner.com/blogspot/kaTMG?format=sigpro" type="text/javascript"></script>

Now simply add the below code to above your Feedburner code of Recent posts or Recent comments.

    <style>
    /* Remove Feedburner logo by shinemat.com */

    div  #creditfooter{
    display: none;
    }
    </style>

The final result should look like this...

    <style>
    /* Remove Feedburner logo by shinemat.com */

    div  #creditfooter{
    display: none;
    }
    </style>

<script src="http://feeds.feedburner.com/ShineMark?format=sigpro" type="text/javascript"></script>

Now save your widget and reload your blog. Look the boring feedburner logo is vanished.

Have a nice good day!

 
 
 

Wanna Be A Guest Author In This Blog?

Join, Like & Follow Us




Have You Seen This?