Showing posts with label Widget Generators. Show all posts
Showing posts with label Widget Generators. Show all posts

HTML to JavaScript Converter Tool

The HTML to JavaScript converter tool let's you convert any HTML code to JavaScript instantly. It converts your HTML code into a series of JavaScript document.write() statements. Which can be used in a block of JavaScript.


There are 3 type of output options you have that you can use it for free are as follow :

Output as series of document.write statements
Example :

document.write("<body>");
document.write("<\/body>");

Output as document.write statements wrapped in a function
Example :

<script type="text/javascript">
function writeHTMLasJS(){
document.write("<body>");
document.write("<\/body>");
}
</script>

<!--
now place this function call at whatever point
it needs to write the markup on to the page: -->

<script type="text/javascript">
writeHTMLasJS();
</script>

Build up a string variable that you can use later
Example :

var strVar="";
strVar += "<body>";
strVar += "<\/body>";

So, if you are looking for the same and want to convert your HTML to JavaScript, here is the tool which will help you to make it done easily. [Link]

Also see : Color Code Generator for CSS


Drop Your Comments and Questions by Commenting Below :

How to add official twitter buttons to blogspot blog

An official twitter buttons which comes with 42 languages and you have the options to choose a twitter follow button from 4 different styles. As you can see in the screenshot below, there are 4 different twitter buttons available on twitter recourse page that you can use for free. The first one is a "tweet button" which let's your blog readers to tweet your post on twitter. and the second one is "follow button" which must have button for your blog so that your blog readers can follow you on twitter and get updated with your latest posts. and 3rd button is for "hashtag button" which you can select any particular hashtag and add its button to your blog so that your blog's reader can go through the topic. and last but not least a "mention button". mention button let's you mention someone else from your followers and notify them. So, now if you want any one widget from there to your blog just follow the steps given below.

Related :
1. Fixed Scroll Follow Us On Twitter Badge For Blogger
2. How to Add Animated Flying Android Man Widget to Blogger
3. Animated Flying Twitter Bird Widget Generator

How to add Official twitter buttons to blogspot blog?

Firstly go to the This page
There you will see a form, just fill the required data
on right side, copy the widget code.

Add it on blogger sidebar

Go to blogger dashboard > Layout > Add a gadget
Choose HTML/Javascript from the list.
Paste widget code into it. and save it.

Add it on Blogger Post

Go to Blogger Dashboard > Template > Edit HTML
Search for <data:post.body/> tag
Paste the Coppied Code Before or After it! and Save your Template.

- if you put the code Before <data:post.body/> tag then it will appear at the top of the post

- if you put the code After <data:post.body/> tag then it will appear at the Bottom of the post

Adding CSS Sprite Animated Social Media Icons to Blogger / Blogspot

Animation on hover over on the icon is a great way to impress your blog readers and maybe there's a great chance to get more clicks on it. in my older posts, I've already shared many other social media buttons and widgets for blogger earlier. but in this tutorial you may surprised to see a fresh new Pure CSS based sprite animated social media icons which gives an awesome look as you can see the demo of this widget at top right corner of this blog (Right side of header) to get ideas how actually it looks like. adding this widget to your blog is also easier therefor I've created a generator that you will need to enter required data to the generator and then one click to add CSS sprite animated social media icons to your blogspot blog.

CSS Sprite Animated Social Media Icons
CSS Sprite Animated Social Media Icons

Also see : A Perfect Social Subscription Widget for Blogger / Blogspot


How to Add CSS Sprite Animated Social Media Icons?

Adding CSS sprite animated social media icons to your blog is pretty simple like 123..
Fill the required data in generator below.
Copy widget code from the text-area box below.

Facebook Page Username :
Twitter Username :
FeedBurnet ID :

<div><a href="https://twitter.com/nitinmaheta" title="Follow us on Twitter" class="social-link social-twitter"></a><div>
<div><a href="https://www.facebook.com/bloggerwidgetgenerators" title="Like us on Facebook" class="social-link social-facebook"></a></div>
<div><a href="http://feeds.feedburner.com/BloggerWidgetGenerators" title="Subscribe to our RSS Feeds" class="social-link social-rss"></a></div></div></div>
<style type="text/css">
/*CSS Sprite Animated Social Media Icons by bloggerwidgetgenerators.com*/
.entry-social {
  height: 40px;
  padding-top:10px;
  padding-bottom:10px;
}
.entry-social > div {
  float: left;
  margin-right: 20px;
}
.entry-social .fb-like span{
    vertical-align: top !important;
      padding-top: 2px;
}
.fb-like span iframe{
    max-width: none;
}
.sidebar-social > div > div {
    width:50%;
    float:left;
}
.sidebar-social > div > div:nth-child(odd) {
    width:60%
}
.sidebar-social > div > div:nth-child(even) {
    width: 40%;
}
.sidebar-social > div > div > a > img {
    float: left;
}
.sidebar-social > div > div > div {
    float:left;
    margin-top:10px;
    margin-left:12px
}
.sidebar-social p {
    clear: both;
    margin: 0;
    padding: 10px 0 0;
}
.social-link {
     display:block;
    height: 50px;
    width: 50px;
    float: left;
    -webkit-animation: social .6s steps(12,end) infinite;
    animation: social .6s steps(12,end) infinite;
    /*-webkit-animation-play-state: paused;
    animation-play-state: paused;*/
}
.social-twitter {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXz3FEMmvqTLSbwrQEo3GdagDQBobDtUkjEUHmC2cRwtrdMslszdAycyiW3oZdf9emiGDE5BR-5Y5Hko9yC7vKywtYH0GPdIZXJQPeWfzohUD2QDseLuzPmrRRIW9arQqdCaTIw54KPA/s1600/twitter-sprite.png)
}
.social-rss {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-_YLaK_66UiBMUiTM8LDbmAvBovv4zcznf8Z5WEzH42sL3pQmEZe_w_jhpfavMZQTK46MPCGXz8Hc4arKlFeJIv2GDiyqj-iQQ1EVJ-s9z53NEN8DC9KgAMpVnn1b6zYUmFW3ZlBPw/s1600/rss-sprite.png);
      -webkit-animation: social-rss .6s steps(9,end) infinite;
    animation: social-rss .6s steps(9,end) infinite;
      /*-webkit-animation-play-state: paused;
    animation-play-state: paused;*/
}
.social-facebook {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijkWNB6kuDHXuY9fZQ66lmzX4pf1MLrJTEFwzIudktnfCvp_q4XhOJqV1ji-UXePKJJfWt2VQBA4wXu0WcyQVO3keMHqPobCHiWs1xKqaO41XHPjiDMLrS7oCCplCA3nl2fkSrevVnOQ/s1600/facebook-sprite.png);
}
@keyframes social {
    from { background-position: 0 0; }
    to { background-position: -600px 0; }
}
@-webkit-keyframes social {
    from { social-position: 0 0; }
    to { background-position: -600px 0; }
}
@keyframes social-rss {
    from { background-position: 0 0; }
    to { background-position: -450px 0; }
}
@-webkit-keyframes social-rss {
    from { social-position: 0 0; }
    to { background-position: -450px 0; }
}
</style>
Now, Go to blogger dashboard > Layout > Add a gadget > Choose HTML/Javascript from the list.
Paste above code in it and save your widget.

That's it. You can drag and drop your widget anywhere you want to be displayed in your blog.

Drop your comments and questions below. :)

How to Add Flash Animated Label Cloud Widget to Blogger / Blogspot

Flash animated label cloud widget is most popular widget in blogger as well as WordPress. It is a widget which displays your blog's label in cloud effect that works based on jQuery and Flash. Firstly, you can see the demo [Link] of this widget at : after seeing the demo, if you would like to have this widget on your blogspot blog. Here is the quick way to add this widget to your blog. I have created a generator for installation of the widget which makes it easier to add this widget to your blog.


Also see : Add Stylish Most Commented Posts Widget to Blogger

How to add flash animated label cloud widget to blogger ?

Fill the required data in below generator.
Click on the "Generate" button to enable "Add to blogger" button
and then click "Add to blogger" to add this widget your blog.



That's it.

If you have any questions about this widget, Please let me know by commenting below. Also do not forget to share your views about this widget.

Thanks :)

Share to Unlock Content Widget for Blogspot Blog


Share to Unlock Content Widget for Blogspot Blog

You writing articles on daily basis, You keeping your blog updated for your readers along with these things you also doing a lot of things which makes your readers happy. but have you noticed about what you are getting in return through your blog's readers? Every bloggers and webmasters wishes that readers read their article and share with friends of friends. but actually they won't ! yes, really its fact. no one will be interested in sharing your articles with their friends However, there's some chance to be shared your article but not all the time you wrote. They don't care about it at all. Let's do something that force them to share your articles with their friends on social networking sites like Facebook, Twitter, Google+ !  Isn't it good idea? really it is :) but how ? That will be discussed here. Today in this article i gonna share an awesome and useful widget called "Share to unlock content"and it also called "Social locker" This widget will be work perfectly if your blog is related to something free stuff that your readers can download. Social locker will force your readers to share the post on social networking sites as it contains 2 social sharing options Facebook and Twitter. To download something from your post, your readers must be share that post then download button will be displayed automatically. Whole the process works based on jQuery and HTML. So, if you are looking for the same widget then here is simple steps that you have to follow in order to make available share to unlock content in your blog.

Also see : Beautiful Social Count Widget for Blogger Blogspot

How to Create Share to Unlock Widget for Blogger ?

Well, to create share to unlock widget for your blog, you will don't need to worry as i have created a generator that will help you to create your share to unlock widget in minutes. So, firstly visit the Share to unlock widget generator page > Fill the required data in the form of generator. > Click on "Generate" button then code will be generated and displayed that you will have to copy and paste in blogger post when you are in HTML mode. Or you are also enabled to show the widget in your blog's sidebar or anywhere you would like to show.

That's it. hope this articles helps you to create social locker for your blog. If you have any questions or suggestion about this article or this blog, Feel free to ask by commenting below.

Color Code Generator for CSS

Color Code Generator

Color code generator - which really useful tool for the bloggers as well as web designer to choose and find out the code of it. It will be helpful when you are going to change your blog's background color or links color, hover effect color etc. also it can be used in many way such as choosing color combination for your adsense ads. suppose if your blog's background color is something like orange like mine and then your adsense ads background color must be same. in this way there are good chances to get more clicks as well as increase of earnings. This was just an example but you can use it according to your need. Simply look for the color you would like to have then get the code in hex input button.

Also see : Flash SWF file Embed Code Generator

How to Add Hex Color Code Generator to Blogger ?

If are thinking to add this color code generator tool to your blog, then here is the code that you have to add anywhere you like to show but i will recommended you to add this on any new page, however you can add it on posts also but take care about the codding. you have to add this code to your post editor's HTML mode. not to compose one.
<center><object border="0" classid="clsid:D27CDB6E  -AE6D-11CF-96B8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"  height="480" id="obj1" width="480"> <param name="movie"  value="http://www.2createawebsite.com/build/color.swf"><param  name="quality" value="High"><embed  src="http://www.2createawebsite.com/build/color.swf"  pluginspage="http://www.macromedia.com/go/getflashplayer"  type="application/x-shockwave-flash" name="obj1" width="485"  height="485"  quality="High"></embed></object></center>

Recent Comments with Avatar Widget Generator

Recent comments widget with avatar for blogger / blogspot. You are fully enable to customize this widget as you requirements. Here i am providing widget generator which let's you customize recent comment widget according to your need. You can customize settings such as widget title, Show avatar or not to show, make avatar in rounded Shape or normal one, show more link text etc.. one of the best thing about this widget is that it will be show up avatar image from user's gravatar image. or you can also enable to set a fixed image which will be show up instead.

Preview :

Recent Comments Widget with Avatar for Blogger

So, if you would like to have this recent comments widget with avatar on your blog then all you have do is just follow the steps given below to add this widget to your blog.

How to Add Recent Comments Widget with Avatar to Blogger ?


  1. Fill the required data in below generator
  2. Customize settings as your need.
  3. Click on "Generate" button to enable "Add to Blogger" button
  4. Then finally, click on "Add to Blogger" button to add this widget to your blog.


Animated Flying Twitter Bird Widget Generator

Animated flying twitter bird widget for blogger, this is one of favorite widget of mine. a small twitter bird will flying around your blog page and whenever anyone hover over on the bird then follow and tweet options will be slide out from widget so, in this way you can increase your twitter followers as well as your posts or homepage link might be shared / tweeted on the twitter easily. As you can see the screenshot below, there are different 7 objects available to choose.

7 type of Animated Flying Twitter Birds Widget For Blogger

Also See : jQuery Slide Out Social Sharing Box Widget Generator

How to add animated flying twitter bird widget to blogger?
  1. Go to Animated Flying Twitter Bird Widget Generator page.
  2. Provide your twitter username and tweet texts in the input section of the widget generator
  3. Choose a type of bird as you like.
  4. Click on "Generate" button to generate the code again click "Copy to Clipboard" button then code will be copied automatically.
  5. Now, go to blogger dashboard > Layout > Add a Gadget > Choose HTML/Javascript from the list.
  6. Paste the copied code into it.
  7. Finally, save your widget and you have done !
If you have any query about the widget you can ask by joining the discuss here to find out the best answers by the admin or community.

jQuery Slide Out Social Sharing Box Widget Generator

Social Media is one of the best tool for the bloggers to generate the good traffic. also it helps online stores like eCommerce websites to promote their product with social networking sites such as Facebook , Twitter, Google+. and one of best thing to get traffic from the social networking sites is that Social sharing widget. on your website must be installed a social sharing widget. and today i am going to discuss on the same widget which let's your readers to share your blog posts on the social sites easily.

The widget will be slide out from the right side of the page, when anyone scroll down. for the more information you can see the animated screenshot of the widget below.

Blogger Social Sharing Widget Animated GIF

Follow the steps given below to add this widget to your blog.

STEP : 1 - Adding jQuery Plugin.
This widget is works based on jQuery So, your blog must have a jQuery plugin to work the widget. if your blog have already jQuery plugin installed then skip this step and jump to the next step. or add the below jQuery plugin after <head> tag in your blog.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

STEP : 2 - Add Widget to Blogger
  1. Go to jQuery Slide Out Social Sharing Widget Generator page.
  2. Customize the widget settings as you need.
  3. Click on "Generate" button to generate the code for widget.
  4. Click "Copy to Clipboard" button then widget code will be copied automatically.
  5. Now, go to blogger dashboard > layout > add a gadget > choose HTML/Javascript from the list.
  6. Paste the copied code into it.
  7. Finally, Save your widget and you have done !
If you have any query about the widget you can ask by joining the discuss here to find out the best answers by the admin or community.

Animated Flash Clock Widget Generator

Today i come back with an another beautiful blogger widget "Animated Flash Clock Widget for blogger" and also providing Generator for it. that you can generate the code easily. Flash clock widget will change the look of your bog in your readers eye. your readers will find out the animated flash clock into your sidebar to show the real time. there are different designs of clock available that you can choose as you like and add to blogger instantly.

Animated Flash Clock Widget for Blogger

All you have to do is just go to the Animated Flash Clock Widget Generator page and choose any of animated clock from the list and click "Generate" button to generate the code of the widget and again click on "copy to clipboard" button to copy the code.

Next, go to blogger > Layout > Add a gadget > Choose HTML/Javascript from the list. and paste the copied code into it. then finally, save your widget.

That's it. :)

Blogger Recent Posts Widget With Thumbnail Generator

Recent posts widget which must be installed into your blog that will help your readers to find out latest articles of your blog when they are comes directly to any post page via search engine or anywhere you added post link. You can add recent posts widget to anywhere into your blog like in sidebar, above the first post title, end of the post etc. Well, sidebar is recommended from my side. it looks great as well as it can be found easily by the readers of your blog and also it isn't disturb them while reading article.

One of the best thing in this recent post widget is that you can show listing of your recent articles from a particular label. Yes, suppose, if you would like to show recent posts widget by a single label then you have to just set label name and then it will show up recent posts of particular label you chooses.

Also see : Blogger XML Sitemap Generator

As always, again i gonna share a widget generator which let's you customize everything such as colors, font size, thumbnail, title text, and much more.. all your customization saved and added into your widget automatically, and it will generate the code that you can add to your blog to show widget on your blog.

Preview : -

Blogger Recent Post Widget

Let's move to the step and add this beautiful widget to your blog.

  • Firstly, Go to Recent Posts Widget Generator page.
  • Customize settings as your need.
  • Click on "Generate" button then you will be direct to the different page there you will see your customized widget code.
  • Click on "Copy to Clipboard" button then code will be copied automatically.
  • Now, go to blogger > Layout > Add a gadget > Choose HTML/Javascript
  • Paste widget code into it.
  • Finally, save your widget and you have done. !
If you have any query about the widget you can ask by joining the discuss here to find out the best answers by the admin or community.

Blogger XML Sitemap Generator

The XML sitemaps helps search engine bots to discover all the pages of your blog to crawl. but the problem with the blogspot blog sitemap is that it show ups few recent posts only in the default sitemap of blogger. You can see the live example here. : http://googleblog.blogspot.com/atom.xml?redirect=false There you can see the limitation of the articles of that blog, if you are running a blog on the blogspot platform then may be you are not aware about it. but there is a great solution available or you.


Whenever, search engine bot visit your blog then it will look for the robots.txt file first, and we gonna add sitemap details to it , so bot can find your blog's pages easily. but before adding the sitemap details to robots.txt file, you need to generate XML sitemap using a tool that proudly developed by the Indian pro blogger Amit agrawal ( Founder of Digital Inspiration )

So, let's move to the steps of generating XML sitemap for blogger

Well, this generator will be work for the blogger.com or blogspot.com only however, if you have self-hosted blogger blog with the custom domain like "yourblognamexyz.com" it will be work too.

All you have to do is just go to this XML Sitemap Generator page. There you will see input box where you have to put your blog's valid URL and click "Create Sitemap" button, then tool will generate your sitemap code instantly.

After generating your sitemap, go to blogger dashboard > Settings > Search Preferences > Enable custom robots.txt option and paste the sitemap code into it. and save your changes.

Congratulations ! you have done, now search engine automatically find all your posts through your sitemap XML within Robots.txt file.

Thanks :)

Recommended Posts Slide out Widget Generator

Here i am with an another blogger widget generator "recommended posts slide out widget" which works based on jQuery and it will be show up on the posts pages only with the jQuery slide effect. default setting of the position of the this widget will be right side of the page but using our generator you will be able to set the position right or left according to your need. along with that option you have also some additional options such as show/hide social share buttons in slide box, Customize background color or border color or title links color of the slide widget etc.

Also read : jQuery Pop-up Facebook Like box Widget Generator V1

After adding recommended posts slide out widget to your blog, it will helps to increase the page views of your blog. Whenever, a visitor comes to your blog's post and scroll down to read more then recommended posts box will be slide out to the left or right side as you set it. and it will recommended to read other related article to your readers.

Recommended Posts Slide out Widget

How to Add This Widget to Blogger ?
STEP : 1 Adding marker
First of all go to blogger > Template > HTML Editor and search for <data:post.body/> tag in your blog's HTML and copy and paste the below code just after the above tag you searched.

<b:if cond='data:blog.pageType == "item"'> <div style='display:none' id='bpslidein_place_holder'></div></b:if>

STEP : 2 : Generate the widget code
  1. Go to this Recommended Posts Slide out Widget Generator page.
  2. Customize settings and fill the all required data.
  3. Click on "Generate" button to get the code of the widget. Simply, Click on "Copy to Clipboard" button then code will be copied automatically.
  4. Now, go to your blogger dashboard > Layout > Add a gadget > Choose HTML/Javascript from the list. and paste the copied code into it. 
  5. Finally, save your widget and you have done !
Thanks :)

Last Update : 28-1-2015

Flash SWF file Embed Code Generator

Welcome to the another article of blogger widget generator blog. here i gonna share another article of Flash SWF file Embed code Generator. and i am sure you have read the previous interested article we shared with love if you not then you can read here : ( jQuery Pop-up Facebook Like box Widget Generator V1 )

Before going ahead with the steps to generate SWF file embed code you should know the use of that code may be you already know about it, but this is my duty to show example and some more information about what i am sharing here. Well, you can scroll down to skip this information and jump to the directly generator information. ;) Well, suppose you created any kind of swf file and you don't know how to add or embed it to your blog. or you know about how to add it but not familiar with HTML codes of embed file. then using SWF file embed code generator you do not have to worry about anything. all you will have to do is fill the required data on it and generate the code. Simple !

Flash

How to Generate Flash SWF file Embed Code?
First of all you have to upload your flash file to your server or you can use any free hosting services online. after uploading flash file, you have to get the URL of your SWF file.

Now, go to the Flash (SWF) file embed code generator page. and fill the all requred data along with the URL of SWF file you created.

And finally, click "Generate" button to get the embed code of your SWF file. simply, Click on "Copy to Clipboard" then whole the code will be copied automatically, then go to your webpage or blogger and paste the code where you want show the flash on your site.

Also see : Blogger Meta Tag Generator Tool

Thanks :)

jQuery Pop-up Facebook Like box Widget Generator V1

Hello everyone, here i come back with an another article about jQuery pop-up Facebook like box widget generator version 1. yes ! here i will discuss and share the information about the version one and the other version of Facebook pop-up like box widget generator i will share later in the next articles. Well, there are around other 4-5 version updated with the good features but the version one is also good and awesome looking on their own way.

jQuery LOGO

The installing process of this widget isn't hard, it can be added to your blog very easily even newbie blogger also will understand the process within 2 minutes :) This widget will help you to increase like of your facebook fan page of your blog you created. increasing facebook fan page like is most important thing for the blogger and webmaster to increase the social media traffic to their website. after installing the widget to blogger, whenever, any visitor comes to your website or blog the Facebook like box will be pops up with option to like your Facebook page. and your visitors really interested with the information you shared on your website then he/her will like your Facebook page for sure.

Also see : Facebook Invite Friends Button Generator

So, without wasting the time let me move to the topic, just follow the simple steps given below to add jQuery pop-up Facebook like box to your blog.

First of all go to your blogger dashboard > Template > Edit HTML and search for the <head> tag. once you find that tag simply copy and paste below snippet of JavaScript code just after it. Well, this called jQuery plugin which must be installed in your blog if you gonna add something related to jQuery otherwise your jQuery widget or something what you added won't work. at same time it should be in your blogger template only one time. yes take care about this step. if your blog have already jQuery plugin then you don't have to put it again.

After the above step, go to this jQuery pop-up facebook like box widget generator page. and fill the all required data and customize your widget like colors, width etc as your need then finally click "Generate" button the get the code of the widget you created.

Now simply click on "Copy to Clipboard" button then whole the code of the widget will be copied automatically. Then go to blogger > Layout > Add a gadget > Choose HTML/Javascript and paste the copied code into it.

Finally save the widget and see your blog. your widget is successfully installed to your blog. :)

Facebook Invite Friends Button Generator

When we hear the word Social media then Facebook will be bring to the mind first it seems like without Facebook internet is nothing. millions of people are sharing their thoughts and feeling on Facebook as status on their wall to show to the all their friends. and Facebook enable friend of friends to share the same status with their own friends. what a good facility we have on Facebook. at the same time Facebook is also useful for the bloggers because of they can receive good number of traffic from the Facebook as well. all the website and blog's owner has a Facebook fan page of their website. where people can like to see the daily updates of that website via Facebook wall. but the problem is that it isn't easy to get likes on your Facebook fan page. However, you can use some features that provided by Facebook itself to increase your Facebook fan page likes by inviting your friend to like your page, and one more good feature by Facebook is that you can invite your Facebook friend to your blog or website directly from your blog, and today we gonna discuss on the same features of Facebook which can be helpful to the blogger and webmaster, called "Invite Friends".

Also see : HTML iFrame Embed Code Generator

Invite friends button will help you to increase the traffic of your blog via Facebook. yes, here i am going talking about invite friend button generator, all you have to do is just generate invite friends button code and simply place on your blogger or WordPress blog. whenever, any visitor coming into your blog and if they like to invite their friend to your blog then they have to click on the button you've added on your blog. let me explain the whole process step by step below.

Facebook Invite Friends

How to add Facebook Invite Friends button to blogger?
  1. Go to Facebook invite friends button generator page.
  2. fill the required data
  3. Customize settings and color style as your need.
  4. Click on "Generate" button to get the code for the invite friends button and simply add it to your blogger or WordPress blog as a widget.
That's It ! :) 

Blogger Meta Tag Generator Tool

Creating a blog and publishing article isn't enough for the blogger but blogger should maintain their blog for the batter search engine optimization. first and basic part of the search engine optimization is the Title and description of the blog which should be most relevant to the niche / topic of the website you create. well, for the blogger you don't have to use third party tool to add meta tags to your blog's header for the SEO because of now blogger provides all the SEO tool officially itself. but when you create a HTML page and upload to the any hosting sites this is must required that you have to add meta tags such as description of the web page, keywords, author information and the robots tags which let's search engine to index and know your HTML page.


So, here i wanna share a Meta tag generator tool that you can use as you requirements.

How to Generate Meta tag using Meta tag Generator ?
Go to the Meta tag Generator page.
Fill the required data in the generator
Click on "Generate" button then you will be redirect to the generated code page.
Copy the code by clicking "Copy to Clipboard" button and paste the code after <head> tag in your blog or any web page.

Bingo!

HTML iFrame Code Generator

In the previous article we saw how to add a widget or gadget to blogger and here i come back with an another article about HTML iFrame embed code Generator. before we go ahead to the steps you should be knowledgeable with the use of iFrame . Well, you are here via google search then may be you know your query as well. but if you are don't know how to and why to use iFrame to your website then let me explain it in short.

iFrame helps us to embed any web page to our website using simple HTML iFrame code. but it isn't required that all the website owner are familiar to the HTML and other web related languages. So, here i would like to share iFrame creator tool which let's you create and customize the iFrame as your need.

iFrame

How to Generate iFrame Embed Code ?
  1. Go to this iFrame Generator page.
  2. Fill the all required data and customize the iFrame as your need.
  3. Click on "Generate" button then you will receive the code of iFrame that you can use by copy and paste to your website or blog.

That's It !