Wednesday, 31 July 2013

Free jQuery Exit Pop-up Facebook Like Box Widget For Blogger/Blog


In this post i�m going to share jQery exit pop-up facebook like box widget with you , When a visitor Leave your blog a pop up box will appear with the option to like your Facebook page. (the actual library and a plugin written by Eric Martin) making just a few small changes.

How To Add Exit Pop-Up Facebook Like Box Widget To Blogger?
  • Replace my facebook page url with yours
  • Click on �Add to Blogger� to add this widget to your blog.



Your Facebook Page URL :

Copyright © 2012 All Rights Reserved by Fahim Faruk @ Latest Blogger Tools Template

Drop Your Comments And Questions Below

Free Fixed Sticky bar With Auto Scrolling Recent Post Widget Generator For Blogger/Blog


In this post i want to share a nice stylish Stickybar with auto scrolling recent post widget with you,the Widget appears on the top of your blog page and i have also included a close button, May be not every visitor enjoys viewing that fixed bar at the top, so they deserve to be provided with an option to view or hide the bar.,and it is Simply Awesome, just follow the below simple steps..to add this widget to your blog�..

How to add this widget to blogger?
Step : 1 

As always, it is jQuery based widget, and your blog must have the jQuery plugin. if your blog already have a latest jQuery plugin, then Ignore this step and directly follow the Second step.
If not add the below snippet code before </head> tag
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
 Step : 2
  • Input your valid site/blog URL
  • Customize settings as you need
  • Click on Generate button
  • Next click the �Preview� button to test your recent post widget in a new window,
  • Once you are satisfied with how your widget looks and behaves in the test window you just need to add widget code in your blogs/template
Note:- Preview does not works properly here, But when we add as widget it Works Great! 

    Fixed Stickybar With Auto Scrolling Recent Post Widget Generator by Latest Blogger Tools Template

    Fixed Stickybar With Auto Scrolling Recent Post Widget Generator by Latest Blogger Tools Template

    Settings
    http:///
      
      
      (0 = MaxScrollSpeed)
      
      
    #
    #
    #

    Copy & Paste Code Above/Before </head>
    Copy & Paste Code Below After <body>
    Copyright © 2012 All Rights Reserved by Fahim Faruk @ Latest Blogger Tools Template

Monday, 29 July 2013

Free Javascript Floating Facebook LikeBox Widget For Blogger




Hello, today i want share a nice floating facebook likebox widget with you all. it will be shown at right side of your page corner and when a visitor click on FB badget image to change  a pop up box will appear with the option to like your Facebook page, you can see the animated screenshot above,  and i have created a nice generator for this widget so you can easy to instaal this widget to your blog , first customize setting as you need and click on generate button and click on preview button to show your widget preview and check your settings is ready or not �.. for more try your self �

How to add This Widget To Blogger?
  • Replace my facebook fan page URL with yours
  • Customize the Settings as you need
  • Click on Generate button.
  • Click on Preview button to show your customized settings
  • Finally click on Add to Blogger button to add this widget to your blog�
Floating Facebook LikeBox Widget Generator by Latest Blogger Tools Template

Floating Facebook LikeBox Widget Generator by Latest Blogger Tools Template

Settings
:
#
#
  px

 Preview
Click On "Preview"  Button Below



Copyright � 2012 All Rights Reserved by Fahim Faruk @ Latest Blogger Tools Template

Drop Your Comments And Questions Below�

Sunday, 21 July 2013

Free Spraying Animated Subscription Buttons Widget For Blogger



Spraying jQuery animated subscription buttons widget is an awesome widget for blogger.This animated subscription buttons created by Redeyeoperations and i modified it by adding some additional features.This widget works best in Mozilla Firefox, you can see live demo of this widget by clicking on Preview button on below generator.
Features
  1.  5 subscription buttons
  2. jQuery Animation
  3. Effective CSS3 AnimationColor
  4. Selectable base button
How To Add Spraying Animated Subscription Button Widget To Blogger?
  • Feel the required data below.
  • Customize Settings as you need.
  • Click on Generate Button.
  • Click on Preview button to show widgets preview.
  • Finally click on Add to Blogger button to add this widget to your blog.. enjoy..

Spraying Animation Sharing buttons Widget Generator by Making Different

Spraying Animation Sharing buttons Widget Generator by Making Different

Settings

:
* Range: 10 - 100





Copyright © 2012 All Rights Reserved by Fahim Faruk @ Latest Blogger Tools Template

 Note :- If this widget is not work on your blog , don�t worry just remove jQuery plugin from the widget code.
<script src=�http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js�type=�text/javascript�></script>

Drop your comments and questions below.. 

Wednesday, 10 July 2013

Meta Tag Generator Tool For Wab/ Blogger



Meta description and meta keywords are the most popular html tags which are still recommended despite many arguments by several expert Search engine Optimizers. The first thing that every blogger must do after creating a log is to optimize his template by submitting it to search engines and by adding important meta tags inside the template. To make your job easy I have created a simple Meta Tag Generator Tool below which will help you create important tags within seconds with no SEO knowledge required at all!
 Follow these tips for writing best blog description and for choosing the most relevant keywords for your blog.


Meta Description:

Describe your blog in max 150 letters. The Character Counter tool can help you. For example I have chosen the following words for describing my blog,

A Blog about Blogger Tricks, Blogger Templates, Widgets, SEO, Make Money Online, CSS and HTML Tricks etc.

You can choose a similar format to describe your blog with most relevant words.

Note:- I have enclosed the meta description inside a dynamic HTML tag in order to avoid duplicate content issue. Confused? Let me explain. If Meta description appears for all pages in your blog then search engine robots would think that all your pages are having same description. Since robots deal each page as a separate website therefore your blog could get penalized for using same meta description over and over again. To avoid this I have added two pieces of code before and after meta description  so that it may appear to robots at homepage only. Following are the two codes added to the tool by default,
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<META NAME="Description" CONTENT="Your Blog description">
</b:if>
 


Meta Keywords:
Choose words that describe the core topics of your blog. Keywords are high traffic targeted words that define your blog content. Most people use dozens of most competitive keywords but doing this is unnecessary and further effects your search engine listing. Choose few but smart keywords that may reflect the overall content of your blog. Google keyword Tool can immensely help you in choosing the right keywords. The best tip is to use similar keywords as used by your competitors. You can press Ctrl + U to open the source file of your competitor while you are on his blog. Through source file you can easily see what keywords and description your competitor is using.
Write a maximum of three words per keyword and separate each keyword using a comma. See my keywords as an example,

Blogger tricks,blogger tips, SEO guide, make money online, blogger widgets, css html tricks
Meta Author:
This is not a very important tag but still everyone likes to attach his name to his website so why should you left behind! :p Simply write your full name and avoid using nicknames or special symbols.
If you don't want to add your name then simply leave the blank empty in the tool below.
Meta Tag Generator Tool  

Description:
Keywords:
Author (Optional):
Robots (Optional):



Copyright � 2012 All Rights Reserved by Fahim Faruk @ Latest Blogger Tools Template













Free Embeddable CSS Color Chart For Blogger


Below is an embeddable Web Colour Chart most probably known as hexadecimal colour chart. The chart below consists of a total 216 hexadecimal colours which are well interpreted by all browsers and are compatible in every sense. The Colour chart below uses a combination of well scripted HTML and CSS to produce a mouse over effect when you hover your cursor over the table cells. You can use this chart for both free and commercial purpose. You can use these colour codes/hexadecimal values for editing your Blogspot, Wordpress or web templates. They are web safe colours so they look the same in any browser.  You can embed this Colour Chart or table in your websites or weblogs. You only need to subscribe to this blog by filling up the simple Subscription form on the sidebar. Once you have subscribed kindly inform me by using the comment box below and include in it the email address with which you subscribed. To avoid spam robots, write your email address as follow,

  • If you use hotmail write like this �> xyz hot mail
  • If you use gmail write like this �> xyz g mail
where xyz is your email ID. If you use any other emailing service then simply follow the above pattern.
The moment I receive your comment, I will send you the embeddable code to this chart.

CSS Web Colour Chart

 
#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
#FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900
#FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600
#FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300
#FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000
#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
#CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
#CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600
#CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300
#CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000
 
#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
#9999FF #9999CC #999999 #999966 #999933 #999900
#9966FF #9966CC #996699 #996666 #999933 #999900
#9933FF #9933CC #993399 #993366 #993333 #993300
#9900FF #9900CC #990099 #990066 #990033 #990000

#66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00
#66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00
#6699FF #6699CC #669999 #669966 #669933 #669900
#6666FF #6666CC #666699 #666666 #666633 #666600
#6633FF #6633CC #663399 #663366 #663333 #663300
#6600FF #6600CC #660099 #660066 #660033 #660000

#33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
#33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
#3399FF #3399CC #339999 #339966 #339933 #339900
#3366FF #3366CC #336699 #336666 #336633 #336600
#3333FF #3333CC #333399 #333366 #333333 #333300
#3300FF #3300CC #330099 #330066 #330033 #330000
#00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00
#00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00
#0099FF #0099CC #009999 #009966 #009933 #009900
#0066FF #0066CC #006699 #006666 #006633 #006600
#0033FF #0033CC #003399 #003366 #003333 #003300
#0000FF #0000CC #000099 #000066 #000033 #000000

Web developers and bloggers are requested to attach a link-back to this blog if they wish to share this chart with their readers.
I would love to know how you liked it. Any comment is appreciated.