Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

 

While surfing internet, I came across a script which allows you to add a Facebook Style Twitter Fanbox in your Blogger and WordPress Blogs with ease. I found this script on MBT which is among the most popular blogger blogs in the world. This Facebook Style Twitter Fanbox/Like Box allows your visitor to follow via twitter without actually leaving your Website or Blog. It will ultimately help you to generate more follower and traffic to your blog/Website so just check it out.

How Does this Facebook Style Twitter Fanbox/Like Box Look Like?

It looks very similar to Official Facebook Fan Box/Like Box. Just check it screenshot below:

Facebook Style Twitter Fanbox/Like Box for Blogger and WordPress Blogs

Comparison Between Facebook Fan Box and Twitter Fan Box in Terms of Look

Just check the comparison between these two in terms of Look:

Facebook Vs Twitter Fan Box

How to Add Facebook Style Twitter Fanbox/Likebox in Blogger?

Just follow the below given Procedure to Add this Widget in Blogger.

• Log on into your Blogger Blog by visiting http://www.blogger.com
• You will see your Dashboard. Now click on Layout. The screenshot for the same is shown Below:

Layout Option in Blogger

• Now you will see your Layout. Generally Blog Owner Add this widget in their Sidebar so click on “Add Gadget” in your Sidebar. The screenshot for the same is shown below:

Add html option in Blogger

• Now you will see a Pop-up which will allow to add widgets in Blogger. Just scroll down and click on “Add html/Javascript”. Check the screenshot for the same.

http://trickyadsense.blogspot.com/

Html/Javascript in Blogger

• Now you will see an Space, where you will have to Add the Code for your Facebook Style Twitter Fanbox/Likebox. Just check the screen shot:

Add html/Javascript code in blogger

• Check the Above Figure and Add the following code where it shows “Add Code Here”.

<script type=”text/javascript”
src=”http://s.moopz.com/fanbox_init.js”></script><div
id=”twitterfanbox”></div><script
type=”text/javascript”>fanbox_init(“ravik1214“);</script>

• Now replace “ravik1214” with your own Twitter Username and click on “Save” button and that’s it. You are done.

How to Add Facebook style Twitter Fanbox/Likebox in WordPress?

Here WordPress means your Self Hosted WordPress Blog. It provides you the facility to Add Html/Javascript in your Sidebar by using “Text “ Widget . So let’s check how you can do this in WordPress.

• First of All log in to your Self Hosted WordPress blog. Generally you log in to it by using http://yourdomain.com/wp-admin.
• Now you will see the following screen i.e your dashboard:

WordPress DashBoard

• Click on “Appearence” Tab and then on “Widget“. Now you will see the Following Screen.

Widgets in WordPress

• Add a “Text” Widget to your Sidebar. You will see a Place to Add your Code. The screenshot is shown below:

Add Text widget in WordPress Blog

• Simply have a Look on Above Picture and Add the below given code in the Space where its shows “Add Code Here”.

<script type=”text/javascript”
src=”http://s.moopz.com/fanbox_init.js”></script><div
id=”twitterfanbox”></div><script
type=”text/javascript”>fanbox_init(“ravik1214“);</script>

• Now Replace “ravik1214” with your own Twitter Username and finally click on Save Button and enjoy.

What to do, a box without any Fans Appears in my Sidebar?

The script uses Javascript which takes few minutes to install so in meantime, you can also see the following instead of your Facebook Style Twitter Fanbox/Likebox.

Error in WordPress blog widget

Don’t worry just wait for few minutes and Refresh your Page. You would be Able to see your Facebook Style Twitter Fanbox/Likebox in your blog which will look like below given picture:

Facebook Style Twitter Fanbox/Like Box for Blogger and WordPress Blogs

So just use this widget and Increase your twitter followers with ease. I have tried to provide a simple tutorial but in case  it creates difficulty for you, ask me by commenting below. I will feel happy to help you.

 

Related articles

• Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs
• Easiest Method to add Google Plus Follower Widget to your Blogger Blog
• How to create Addon for your wordpress and blogger blog?
• Top 20 killer tips to Make your blog more Popular
• Add Facebook "You Might Also Like" Slider to your Blogger Blog

Add Stylish E-Mail Subscription Box below every Post in Blogger

 

Stylish E-Mail Subscription Box for Blogger

E-Mail subscription box allows your users to easiy subscribe to your blog.It is helpful for bloggers as well.Most of the users use the subscription box of Feedburner which is very classical.Also most of the users find it difficult to add below blog post.Today I am going to provide you a Stylish E-Mail subscription box for your blogger blog and you would be able to add it below every post.Adding subscription box below every blog post will encourage users to follow your blog after reading the post.As we know that only Content is the king so writing good content will increase the number of your follower.This Stylish E-Mail subscription box will attract user.It is very attractive and loads easily without creating any issue.To add this Stylish E-Mail subscription box to blogger,just follow the below given procedure:
Note- Script taken from Lord HTML

1. Go To Blogger Dashboard.
2. Click On Template Tab.
3. Now Click On Edit HTML>>Proceed.
4. Now find <data:post.body/>
5. Copy the Below given code and just Paste below the above code.Don’t forget to replace “YOURFEEDURL” with your “Feedburner Feed Url”.If you don’t know how to get the Feedburner’s Feed then just Click Here and Get one.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’subscription_box’>
<form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOURFEEDURL&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520');return true’ style=’text-align:center;’ target=’popupwindow’>
Enjoy this article? Get Free Updates
http://dl.dropbox.com/u/77816886/cordite/footer_bg.png’); margin: 0 -20px; border-left: 3px #0091BB solid; border-right: 3px #0091BB solid;padding: 20px; color: #fff;}#subscription_box p {margin-bottom: 10px; color: #fff;font-size: 20px;font-family: ‘droid sans’; font-weight: bold;}#email_box {background: #fff url(‘http://dl.dropbox.com/u/77816886/cordite/email.png’) no-repeat .8em center; border: 1px #ccc solid;height: 18px;line-height: 18px;width: 200px;padding: 10px 5px 10px 38px;border-radius: 5px;color: #ccc;}#submit_box {margin-left: 20px;width: 60px;background: #007EA3;border: 0;height: 38px;width: 100px;line-height: 38px;border-radius: 5px;color: #fff;font-size: 15px;font-family: ‘bitter’;font-weight: bold;}</style>
</b:if>

 

Related articles

• Add Stylish E-Mail Subscription Box below every Post in Blogger
• Easiest Method to add Google Plus Follower Widget to your Blogger Blog
• Top 20 killer tips to Make your blog more Popular
• Add Facebook "You Might Also Like" Slider to your Blogger Blog
• Easiest method to create Add to blogger button for direct widget addition to Blogger

Easiest method to create Add to blogger button for direct widget addition to Blogger

 

 

Today we are providing you the Easiest method to create Add to blogger button for direct widget addition to blogger through a simple form.It is actually an “Add to blogger” button code generator.Simply fill the below given form and click on “Generate” button.You will see the developed code.Now use that code in html mode in your blog while writing your post and enjoy.Clicking on that button will directly add it to Blogger.Actually,it uses the Widget API provided by blogger.

"Add to Blogger" button code Generator by geteverything.org

Settings

Enter the Title for your Widget
Enter the Url of Your Blog
Enter the URL of your Logo
Paste the html/javascript code of your widget

Copyright © 2013 All Rights Reserved by premsagar @ trickyadsense.blogspot.in

Related articles

• Easiest method to create Add to blogger button for direct widget addition to Blogger
• Easiest Method to add Google Plus Follower Widget to your Blogger Blog
• Add Google Plus Follower Widget to your WordPress Blog
• How to create Addon for your wordpress and blogger blog?
• Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

Easiest Method to add Google Plus Follower Widget to your Blogger Blog

 

I have already provided a complete tutorial on Adding Google Plus Follower Widget to your Blogger Blog and also on WordPress blog but i was consistently getting mails from our users who complained that they only see white spaces in Widget box instead of Faces of their Google Plus followers. It means the method failed for many bloggers.

Easiest method to Add Google Plus Follower Widget to your blogger Blog

Now I have a new and Simplest method to Add Google Plus Follower Widget to your Blogger Blog. It just take a few minutes and there is 100% guarantee that it will work on any kind of Blogger blogs. In other words, I can say that there is almost no chance of failure. Just check this complete post to Add Google Plus Follower Widget to your blogger blog.

Easiest Method to add Google Plus Follower Widget to your Blogger Blog

To Add Google Plus Follower Widget to your Blogger blog, simply follow the below given procedure and you are done:

• First of all Log in to your Blogger Profile by visiting http://blogger.com
• Now you will see your Dashboard. Just click on Layout as shown in below given figure.

Layout blogger

• Now click on “Add gadget” option in your Blog’s Layout.The screenshot for the same is shown below:

Add a gadget in blogger

• Now you will see a Pop-up box. Just scroll down until you find “ html/Javascript” option.If found click on it. The screenshot of the same is shown below.

Adding html javascript in blogger blog

• You have done almost everything. After clicking on “HTML/Javascript” option as shown in above figure, you will see a text box.Just add the below given codes in the bigger text box.

Click Here to see the Code

• Finally replace the above url with your own Google Plus Profile url and click on save button. The screenshot of the same is shown below:

simplest method to add Google Plus Follower widget to your blogger blog

• You have done everything. Now save your template and open your blog to see the Google Plus Follower widget in your blog. enjoy…

 

Related articles

• Easiest Method to add Google Plus Follower Widget to your Blogger Blog
• Add Google Plus Follower Widget to your WordPress Blog
• Easiest method to create Add to blogger button for direct widget addition to Blogger
• How to create Addon for your wordpress and blogger blog?
• Top 20 killer tips to Make your blog more Popular

Add Google Plus Follower Widget to your WordPress Blog

 

I have already provided a Tutorial where I explained you ,How to Add Google Plus Follower Widget to Blogger Blog? WordPress is also a famous blogging platform so its time to show you, How you can Add Google Plus Follower Widget to your WordPress Blog?
This widget looks like a General Facebook Like box but in place of Facebook Like button, you will see a Follow button. It will also show you the faces of your follower as well. So overall, it is user friendly and can help you in building your traffic. So just check this tutorial and enjoy.

Add Google Plus Follower Widget to WordPress Blog

How to Add Google Plus Follower Widget to your WordPress Blog?

To Add Google Plus Follower widget to your WordPress blog,simply follow the below given procedure:

• First of all Log in into your Admin Panel of your WordPress Blog. Generally you will find your Admin Panel at http://yourblog.com/wp-admin
• Now your “Dashboard” will appear before you. Just scroll your mouse to Appearance>Widget. For better understanding see the below given image:

Adding Widget in WordPress

• Now you will see a List of your widget. Add “Text” widget so as to Add some Html and javascript code to it.Check the below given screen for the same.

adding Text widget in wordpress

• Now choose a Place where you want to Add this widget. I will recommend you to Add it in your sidebar. To do so, drag your “Text” widget to sidebar and enter the below given code to it.

Click Here to See the Code 

• Now simply replace the above Google Plus profile url with your own and click on save button of “Text “Widget and enjoy. The screenshot of the same is shown below:

Add Google Plus Follower Widget to WordPress Blog

What is Special in this Google Plus Follower Widget?

There is nothing special. You should try this widget because Google Plus is getting popularity at a rapid rate. A recent survey shows that it had replaced many social networking sites last year and is now among the best social networking sites on internet.

This widget is very simple and user friendly so user will love to connect with your blog and in return you will get a good traffic and will reach to maximum people.

I have tried to make everything as simple as I can. Let me know,if you are facing any difficulty in installing this widget in your WordPress blog by commenting below.

 

Related articles

• Add Google Plus Follower Widget to your WordPress Blog
• Easiest Method to add Google Plus Follower Widget to your Blogger Blog
• How to create Addon for your wordpress and blogger blog?
• Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs
• Top 20 killer tips to Make your blog more Popular