Showing posts with label blogger. Show all posts

Tuesday, March 14, 2017

Download MaxMag Responsive Blogger Templates

MaxMag is magazine style blogger template built in with responsive design. This blogger responsive templates come with 3 column design and the sidebar was all on the right side, one is suitable for 160x600 pixel ads and the other is match for 300x250 pixel ads. You can also use 728x90 pixel ads and 222x90 pixel ads before the navigations menu.

White is the main color of MaxMag responsive blogger templates and the secondary color are grey and green, the colors combinations look perfect and eye catching for news magazine blog. This responsive templates also had use news ticker, featured content slider and sticky multi drop-down menu.

Demo | Download

Available link for download

Top 20 Template For Blogger Download Free

Download All Template

Available link for download

Johny Ajaib Responsive Blogger Templates

Johny ajaib responsive blogger templates is simple and fast loading blogger responsive templates who created by Maskolis. This blogspot templates already using auto read more functions. Come with 1 sidebar on the right and 3 column footer, Johny ajaib templates has implements dynamic tag heading for H1 tag and H2 tag. You can check on the home page and the post page the functions of dynamic tags heading was working correctly, we all know this was good starting for search engine optimizations.

Using grey color as a main color, this free blogspot responsive templates was looking good when combine with red and black color as a seconder colors. On the header besides the blog title we can use 728x90 pixel ads size and in the sidebar this match for placing 300x250 pixel ads.

Demo | Download

Available link for download

Flatness Blogger Template 2017

Flatness is a completely responsive Fashion blog topic that outlined in light of style distributers! We keep things basic and exquisite to ensure any mold blogger – even those without IT foundation, can utilize it. We trust that a blogger topic, ought to feel liquid, light, and instinctive. that is the thing that we are intending to make with applique, utilizing clean code and nitty gritty plans in each our custom elements keeping up harmony amongst outline and innovation. We present to you Flatness, Which is our most exquisite topic yet. It makes your peruser agreeable while perusing your blog articles.

Features Of Flatness Blogger Template 2017

Responsive
SEO Friendly
Google Testing Tool Validator
Mobile Friendly
Custom 404 Page
Blazing Fast Loading
Light Box
Minimal
Ads Ready
Clean Layout
Simple Design
Drop Down Menu
Social Sharing Widgets
HTML5 & CSS3
Browser Compatibility
Slide Show

Available link for download

Add Animated Flying Twitter Bird Widget to Blogger

Hello readers, adding twitter flying bird in blogger is amazing. It is not just for fun. It is the best widget to sharing your blog by visitors. Each and every visitor who enters into your blog will see the flying bird. More than half of the people try to catch the bird (click on that bird). By clicking the bird they promote your blog in twitter network. So that you will get more visitors from twitter. Before i have share How to Disable Right Click On Blogger For Images. Twitter is one of the top most social networking services which is used by people for community purpose like Facebook. The bird will fly for the movement of cursor which is moved by blog visitors. More than half of the people living in the world having twitter account to index them in society. So that your blog will be promoted by sharing your blog in twitter easily with the help of this flying bird. I have share How to Redirect Blogger to Another Site.
I hope you will like my these articles, also will like this article Add Animated Flying Twitter Bird Widget to Blogger.

Now Lets Start to Add Flying Bird to Blogger.

1. Log in to Blogger Account.

2. Go to Dashboard > Template >

Edit HTML

3. Copy The Below Widget Code.


<script type="text/javascript" src="http://yourjavascript.com/71110244313/suyb-twitter-bird.js">
</script>
<script type="text/javascript">
var twitterAccount = "Rexhacker";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title=Blogger Widget by http://Rexhacker.blogspot.com href="http://rexhacker.blogspot.com" target=_blank>Blogger Widgets</a></span>

Note: You Can Copy This Code From This Link.

4. Search For </body> Tag And Place Widget Code Just Before It.

5. Change Your Twitter Account User Name.

6. Save Your Template.

7. You Are Done. Thanks.

Available link for download

Add Live Chat widget to Blogger

Today in this article we will discuss about an exciting live chat widget by chatroll. With the help of this widget your blog visitors can chat with each other through a live chat box. It is very helpful in creating small discussions among your blog visitors. Adding this live chat widget to blogger is very easy and is a matter of few minutes.
i hope you will like my this widget also like my old widget sharing. Before i have share Add Animated Flying Twitter Bird Widget to Blogger and a lot of people like and appreciate and before this tutorial i have share one more great widget for my friends that is Add Cool Jquery Popup Facebook Like Box to Blogger.
Dont risk the success of your live events. Trust Chatroll to help you reach more people, engage audiences and grow your market.
Friends now we will start to how to Add Live Chat Widget to Blogger.

Part 1: Getting Live chat Widget Code

1. Open Chatroll website and Click on Signup For Free button.

2. At next screen create your new account or login with your facebook account. In my case I use Facebook login Method.

3. Once you logged in your account then Click on Create a New Live Event option.

4. Next page will be your live widget settings page. Enter Name for your widget and click Continue option.

5. Next screen is about platform selection screen. Select Blogger option.

6. Code for your live chat widget will appear. Copy this code and click Continue option.

7. Now Click on Go to Settings Now option.

8. Now a final page will appear which contains your live chat widget settings like color scheme of your widget. Configure your widget here and save the settings by clicking on Save Settings option.

Part 2: Adding Live Chat Widget to Blogger

1. Log in to your blogger account > Dashboard and select your blog.

2. Select Layout

Option and Click on Add a Gadget option.

3. Select HTML/JavaScript widget.

4. In the HTML/JavaScript widget paste the code of the live chat widget which is obtained in the Step 6 in Part 1 of the tutorial.

5. Save the widget and you are Done.

Available link for download

Add Google Translate Gadget to Blogger

Today i am sharing Google Translate Gadget for your blogspot/website,
with the help of this gadget you can easily translate your blog/website into any language. I hope you will enjoy this tutorial and will be must appreciate me.
Its very nice and easy.
You can check my previous post Add Flying Letters Below Mouse Pointer Animation and before this i have shared one more interesting thing that is Add Circle Image Style to Popular Post In Blogger.
Now we will start this tutorial. If you have any problem about this tutorial you can Contact Us, we will try to explain it more.

1. Sign In to your blogger account and click on "Pages"

2. Click "Add Gadget " and select "HTML/JavaScript".

3. Copy this below code and Save it.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

4. You can copy this code from this link.

5. Now you can see new blog gadget.

Available link for download

How to Disable Right Click On Blogger For Images

Have you noticed, that some sites do not allow their visitors using right mouse click while pointer is on the blog area. This option is useful for the site and blog owners, who want to minimize the possibilities of the content direct copying to other posts. Right click on any internet browser is very important element and we must use it when it comes to copy or editing texts and etc. It’s very important when it comes to webmasters too but some people may use it in a bad way, and you may want to make click right disabled on your blog. to protect you text, images links and etc. Before i have share How to Redirect Blogger to Another Site and you can also visit Add Google Translate Gadget to Blogger. I hope you will like these articles & also will like this How to Disable Right Click on Blogger For Images.

1. Log in to Blogger And Go to Dashboard > Layout

2. Click Add Gadget And Select HTML/Javascript

3. Copy Paste Below Code.

<script language="JavaScript1.2">

var clickmessage="Right click disabled on images!"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage)
return false
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>

Note: You Can Copy This Code From This Link.

4. Now Click On Save Button, You Are Done.

Available link for download

Incipient Responsive Blogger Template

Incipient is free responsive minimalist blogger template who created by blogger buster. If you want clean and clear template for you blogspot blogs with responsive design, Incipient is one of your best choice because this template was made for that.

This blogger responsive templates created in 2 column style with white color as main color and if you want to change the color of incipient templates, you can use blogger template designer, no need to change the color manually via edit HTML menu and for note, when you want to use image on your post you should choice the original size placement because this blogger template will automatically shrink your image.

Demo | Download

Available link for download

Animated Sassy Social Bookmark Gadget For Blogger

I know how much you all like social bookmarking gadgets and widgets especially unique gadgets that can catch the eye of readers and get them bookmarking your blog.Today I have a very cool social bookmarking gadget with a stylish animated effect.With the Sassy bookmarks gadget a basic share button is placed in the corner of your blog, then on hover 6 icons for the main social bookmarking websites appear in a semicircle.The buttons that appear are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email.Below we have a live demo then check out the tutorial to add the Sassy Bookmarks to Blogger.
Before i have share Add Live Chat Widget to Blogger, i hope you will like this widget for your blogger, and before this i have share one more cool blogger widget for your blog that is How to Add Cool Jquery Popup Facebook Like Box to Blogger. You can also Add Animated Flying Twitter Bird Widget to Blogger.

Now Lets Start to Add Animated Sassy Social Bookmark Gadget For Blogger.

1. Log in to Your Blogger Account And Go to Dashboard.

2. Choose Template > Edit HTML.

3. Find The Following Code In Your Blogger Template.
</body>

4. Copy And Paste The Following Code Directly Before </body> Tag.


<div class=shr_ss shr_publisher>
</div>


<script type=text/javascript>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>


<script type=text/javascript>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href=http://rexhacker.blogspot.com/search/label/Blogger%20Widget>Blogger Widgets</a> - <a href=http://rexhacker.blogspot.com/search/label/Blogger%20Template>Blogger Templates</a></small>



Note: You Can Copy This Code From This Link.

5. Save Your Template And You Are Done.

Available link for download

How to Redirect Blogger to Another Website

There are a number of reasons you may want to automatically send visitors to your blog to another URL or from one blog to another.For example if you moved your blog, if you had two blogs and wanted to focus one just one and cover both topics.Automatically directing visitors to another URL is actually quiet easy and only requires a snippet of code added to the top of the template. In this post i will show you the code needed to automatically Redirect from a Blogger Blog to any other URL. Before i have share Add Google Translate Gadget to Blogger i hope you will like this post also and before Translate Gadget i have also share Add Flying Letters Below Mouse Pointer Animation.

Lets Start to Redirect Blogger to Another Website.

Now Follow These 6 Steps.

1. Log in to blogger and Go to Layout >> Add Gadgets Add a Gadgets

2. Click Add Gadget and select HTML/Javascript

3. Paste below code

<form name="redirect">
<center>
<font face="Arial"><b>Your site will redirect within<br><br>
<form>
<input type="text" size="3" name="redirect2">
</form>
seconds</b></font>
</center>

<script>

var targetURL="http://www.RexHacker.Blogspot.com/"
var countdownfrom=10

var currentsecond=document.redirect.redirect2.value=countdownfrom+1
function countredirect(){
if (currentsecond!=1){
currentsecond-=1
document.redirect.redirect2.value=currentsecond
}
else{
window.location=targetURL
return
}
setTimeout("countredirect()",1000)
}

countredirect()
//-->
</script>

Note: You Can Copy This Code From This Link.

4. Replace var target URL with redirect URL

5. Replace var countdownfrom value for your like. (redirect time)

6. Click Save you are Done.

Available link for download

Peeling Stickers Social Media Widget For Blogger

In this post I am going to explain you how to add peeling social media sharing buttons for your blog. This is just widget. You can add it to your blog easily. I just using CSS with HTML. Check below demo.
You can increase your blog traffic with these sharing buttons. You can change link of these icons/buttons. Before I have share How to Add Animated Sassy Social Bookmark Gadget For Blogger. I hope you will like my these widgets article and also must suggest me for better sharing. Before this sharing I have also share one interesting sharing that is How to Add Live Chat Widget For Blogger.

Now Lets start to Add Peeling Stickers Social Media Widget For Blogger.

See Demo Picture Below.

Peeling Stickers Social Media Buttons Demo

1. Login to Blogger Layout >> Add Gadgets.

2. Click Add Gadgets and select HTML/Javascript.

3. Now Paste Below Code.

<style>
p#socialicons img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} 
p#socialicons img:hover { -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg);}
p#socialicons1 img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
p#socialicons1 img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} 
p#socialicons2 img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} 
p#socialicons2 img:hover { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);}</style>

<center><p id="socialicons">
<a href="https://www.facebook.com/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmyzp52RdL4-dLmNLrvk6cf5zNSMrj88V7GuxAQef76_-qgOkoLLi1rwKd3DGPYuZLIRfEwHxlioQViaH_bawcwL56Kejawy6VtqHiHK6_n7VBHpjCWmjrhjGfuJCjdSfQTTYPJKqBgav/s1600/bloggertrix-facebook.png" /></a>
<a href="https://twitter.com/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVNNm8zOLeZDAsXoB-yKkXxpR71lG2rHHXJ0d0VBnx6_xoPhxfvhIiPePtYIkXP6A1qjbCLRHG7lcRYxf4Wcg9YjXEhyphenhyphencPtcKu3CFSPwqwttsS9IY6ZOwCPf3pfaPy1C8ohdBNCWOgUZF/s1600/bloggertrix-twitter.png" /></a>
<a href="http://www.stumbleupon.com/stumbler/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOQ0SIVYh7_x4cE1EhU0On7fX-511po6saYOrkUqIDA6rkVi6LwojKU5XP98ogwx1Hnb2q-HafJnza0WnTb2PhGX1x-OBSP5yklHUwp2IJCy4FvIuSigtGUQs-317lzejUnwDLMYznl7E6/s1600/bloggertrix-stumbleupon.png" /></a>
<a href="http://feeds.feedburner.com/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEhl_gjOgRw5iaxS-sPg_7vBwvbRnKJ5EWEH4MkCX15Gvu8dxncNRS5K_got5bIPMStqENgky73mt_vJQWOvHDM4lxin4uGkTAdkUsmVInSefLnNbhrewW0eRB569JyDaIaM9fd7xObvF/s1600/bloggertrix-rss.png" /></a></p></center>

Note: You Can Copy This Code From This Link.

4. After Paste Above Code.

* Replace RexHacker With your Facebook Username

* Replace RexHacker With your Twitter Username

* Replace RexHacker With your Stumbleupon Username

* Replace RexHacker With your Feedburner Username

5. Now save your HTML/Javascript.

6. You Are Done.

Available link for download

Linezap Responsive Blogger Template 2014

LineZap is a simple & clean designed Blogger Template with a great responsive design. This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or portfolio websites with attractive color combination and impressed professionals and has many features. Below mentioned more details about features.

Maxxiz Responsive Blogger Template Free Download

Platform: Blogger

Name: Linezap

Features:

Magazine, Grid Based and Portfolio Layout
Auto Resize Thumbnail Image
Free Premium Template
3 Columns Layout
Tabbed Sidebar Widget
Recent Post By Label
Ads Banner Ready
Related Posts with Thumbnails
Threaded Comments
2 Comment System
Search Engine Optimized
Fully Responsive Design
Auto Author Image
Newsletter Subscription
2 Right Sidebar
3 Column Footer Section
Primary and Secondary Menu
Sidebar Menu
Popular Browser Compatible
Social Follow and Share Icons
Custom 404 Error Page
Search Box
Best news, magazine, tech and portfolio websites
Blue, Black and White Color Combination

Available link for download

Deep Blog Responsive Blogger Template Free Download

Deep Blog Responsive Blogger Template Free Download

Deep Blog is a Crafted to ENCHANT, the topics been well-thought to inspire your perusers with its reasonable and fresh, responsive plan. Deep Blog Responsive Blogger Template serves a lot of landing page choices, for example, Subscribe boxes, Sliders, Diverse designs and styles to make an immersive ordeal. Everything to the detriment of a tick. Our point was to make a disorder free blogger encounter, which your clients can appreciate and appreciate. Give your blog the high ground and never think back. Deep Blog blogger template is Ads ready and Mobile friendly.

Deep Blog Blogger Template Features:

Responsive

SEO Friendly

Google Testing Tool Validator

Mobile Friendly

Custom 404 Page

Fast Loading

Minimal

Ads Ready

Clean Layout

Simple Design

Drop Down Menu

Social Sharing Buttons

HTML5 & CSS3

Browser Compatibility

Deep Blog Responsive Blogger Template Free Download

Available link for download

Maxxiz Responsive Blogger Template Free Download

Platform : Blogger
Template Name : Maxxiz
Template Price : Free
Template Description : Maxxiz a blogger theme with responsive layout. Its High User Friendly Blogger Template. Blogger Responsive Template. Its design simple and clean and perfect for magazine or portfolio websites. Before i have share Flat News Blogger Template and also share Rifqiy v1.35 Blogger Template With an attractive color combination and impressed professionals and has many features.
Features:

Responsive Design

Manual Featured Post from Image Widget (Responsive Skitter Slideshow)

Auto Featured Post (Responsive Skitter Slideshow)

Support Blogger Template Customize Editor

Lightweight Auto read-more (support third party image, and Youtube Thumbnail)

Ajax load more post

Page Navigation

Tabs Widgets ready

Cool blogger threaded comment (Support Google+ Comment)

JSON Search Result

Ajax Recent Post by Tag (3 Post Type(Slider, Vertical, and Horizontal) support random)

Ajax Recent Comment Widget

Ajax Related Post Widget

Ajax News Ticker Widget

Two View Mode (List and Grid) with Cookies

Optimize SEO

Meta Keywords And Description Support (Official Meta Description Support)

Emoticon

Compatible with major browsers (IE9+,Mozilla,Chrome,Safari,Opera)

Custom Error 404 Page

Custom Share widget icon (addthis widget plugin)

Professional admin layout, help you easy work with blog layout.

Files Included : JS Files

Documentation : Well Documented

Compatible Browsers : All major browsers

Full Screenshot

Demo | Download

Available link for download

Balance Responsive Blogger Templates

Balance is free responsive blogger templates created by designer who also make Copy Blogger V2 that we had posted before. The designer look understand what Google and most visitors want because when I open the demo templates, wow this was very fast loading but also still give the elegant look. Simple, minimalist, fast loading, elegant and clean design are the main feature of Balance responsive blogger template.

Created in 2 column design with sidebar on the right side and 3 column footer with white as main colors matched with soft brown color make this template look more clean but the designer said this templates also had good SEO structure in it.

Demo | Download

Available link for download

Avoid Blogger Template Free Download

Avoid Blogger Template Free Download

Avoid Blogger Template Free Download | Avoid Blogger Template - Simple And Clean That is otherwise called Avoid Mag is another cutting edge Blogspot topic having premium magazine looking design.

It is highly prescribed User Friendly Web Design for Blogspot client with a boundless number of components, What are more, expert qualities. This is a propelled components rich web outline that bolsters all sorts of web programs and all electronic gadgets, for example, Cell Phones, Desktop Computers and other Electronic Devices Friendly client interface.

It tells the truth Colors blend that does not hurt your eyes by its sparkling hues. Additionally it has Premium Image Slider, Navigation Menu and Professional Tab Widget Ready alternatives. Also, Social sharingcatches Etc. Avoid Blogger Template is totally SEO cordial Template.

----------------------------------------------------------------------

Avoid Blogger Template With New And Cool Features

----------------------------------------------------------------------

Responsive Template Design

Auto Blog Post summarize And "Read More" Button

Auto Image Crop with Thumbnail (Home Page and Label Page Only)

Css and HTML Base Menu with Drop down

Auto Date Show At Header Right side

Tabs Widgets ready (Powered by Jquery)

Image Slider (Powered By woothemes)

Modern User Friendly Search Box

Auto Pagination Added To Post Footer

Social Share Buttons/Widgets

Post Print Option

Custom Official Error 404 Page

Related Post Widget (Placed Post Footer)

Ads Banner Ready

Meta Keywords and Description Support (Official Meta Description Support)

Recent Post by Label with Modern Set of Widgets

4 Column Footer Area

Flicker Image Gallery

Official "FOLLOW BY EMAIL" Widget

Available link for download

Simple Clean Responsive HTML 5 V2 Blogger Template

Blogger Template Simple Clean Responsive HTML 5 V2 is valid HTML 5 blogger templates with responsive and clean design, the SEO structure of this template was very good on the home page and also on the post page was great.

The post page on the front was split on 2 column style with one sidebar on the right and the footer widget was designed in 3 column style. Simple clean responsive HTML 5 V2 designer has giving extra attentions to this template SEO structure, almost all the basic on page SEO structure has been implemented on this free responsive blogger template like, fast loading, valid breadcrumb navigations, dynamics heading and related post.

Demo | Download

Available link for download

Main Photo Blogger Responsive Templates

Main Photo is clean and minimalist blogger responsive templates like Incipient templates and designed in 2 column layout with the sidebar on the right and on the footer has 3 column design. This template support blogger template designer so you can edit font size, font type and the colors of this free responsive blogger templates.

Grey and white is the main color on Main Photo blogger template. On the sidebar you can place ads with size 300 x 250 pixel and 2 ads with size 125 x 125 pixel like on the demo templates. This template support looped slider image slider based on the post label, if you want to use it just change with your label name on the content sections of this widget (label name is case sensitive).

Demo | Download

Available link for download

How to Add Cool Jquery Popup Facebook Like Box To Blogger

Well here i am making a Facebook like popup box for blogger which is also nice to install.When you install it it and when someone visit you any blog page it will display on the front which ask you to like the page and its very simple and clean. Before i have share Add Animated Flying Twitter Bird Widget to Blogger.
A pretty good way to increase your website Traffic is to generate traffic using Social network, One of best option is Facebook, Insert / Add Facebook pop up like box or widget to your website, its a Jquery widget and these days very popular among blogger gadgets, in previous post i have share very cool and worthy sharing that is How to Disable Right Click On Blogger For Images.
I hope you will like my these nice sharing and i will always try my best to share best things with my friends.

Now Lets Start to Learn How to Add Cool Jquery Popup Facebook Like Box To Blogger.

1. Log in to Blogger Account.

2. Go to Dashboard > Layout Layout

.

3. Click Add Gadget And Select HTML/Javascript.

4. Paste Below Code.

<style>#simplemodal-overlay{background-color:#aaaaaa;cursor:wait;}/* Container */#simplemodal-container{height:360px;width:360px;background-color:#fff;border:5px solid #000000;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;moz-box-shadow: 0 0 5px 5px #222;
-webkit-box-shadow: 0 0 5px 5px #222;
box-shadow: 0 0 5px 5px #222;}
#simplemodal-container a.modalCloseImg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTGnprTxexyTzzTR9wH2Fq-L1xWnnXluhyCN1gxrLHRjt5VVaIU5ZlexiKpAguPnnr660_yCtHW9gLZzHRsO1kqTvW6rl5Y6h1vFLw7Lvdbpxq-ewUZONdR5IC8iXxRD1u1Pb2uAvgdtg/s1600/Close-2-icon.png) no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:350px;cursor:pointer;}
#simplemodal-container a.modalCloseImg:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWPgZw3urcP91_kCnCrEVeU2gg4leOA2HAisxaTAloGKK743JnK9Clfd4XgRfGJCiIQohnIjlHCYkMF-2IitezIyTI3XCW6THEBs8sCNCJFhgUABLs3B_HitGo-6Ct80Mkb1CS8XP6RIk/s1600/Close-2-icon+copy.png) no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:350px;cursor:pointer;}
#simplemodal-container #basicModalContent{padding:8px;}#btfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btfb a,#btfb a:hover,#btfb a:visited{text-decoration:none;}
.btbox-title{background:#16b7f4;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:2px solid #ddd;border: 1px solid 
#939191;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:15px;font-family:arial !important;}
.btbox-tagline{color:#999;margin:0;text-align:center;}#btsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style>
<script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/jquery2.js"></script>
<script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/jquery.btrix.js"></script>
<script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/bloggertrix1.js"></script><div style=display:none>
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, script, facebook-jssdk));</script>
<div id=exit_content style=padding:10px;> <h3 class="btbox-title">
 <center>Like Us On Facebook</center>
<p style="line-height:3px;margin-top:-10px;" ></p></h3>
<center><div class="fb-like-box" 
data-href="https://www.facebook.com/RexHacker" 
data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div></center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:5px; color:#3B78CD; text-decoration:none;" href="http://rexhacker.blogspot.com">Blogger widget</a> | </p></div></div>

Note: You Can Copy This Code From This Link.

5. Change https://www.facebook.com/RexHacker With Your Page URL.

6. Save It And You Are Done.

Available link for download

Tuesday, March 14, 2017

Download MaxMag Responsive Blogger Templates

Monday, March 13, 2017

Top 20 Template For Blogger Download Free

Wednesday, March 8, 2017

Johny Ajaib Responsive Blogger Templates

Monday, March 6, 2017

Flatness Blogger Template 2017

ResponsiveSEO FriendlyGoogle Testing Tool ValidatorMobile FriendlyCustom 404 PageBlazing Fast LoadingLight BoxMinimalAds ReadyClean LayoutSimple DesignDrop Down MenuSocial Sharing WidgetsHTML5 & CSS3Browser CompatibilitySlide Show

Saturday, March 4, 2017

Add Animated Flying Twitter Bird Widget to Blogger

Add Live Chat widget to Blogger

Part 1: Getting Live chat Widget Code

Part 2: Adding Live Chat Widget to Blogger

Monday, February 27, 2017

Add Google Translate Gadget to Blogger

Saturday, February 25, 2017

How to Disable Right Click On Blogger For Images

Thursday, February 23, 2017

Incipient Responsive Blogger Template

Tuesday, February 21, 2017

Animated Sassy Social Bookmark Gadget For Blogger

Tuesday, February 14, 2017

How to Redirect Blogger to Another Website

Sunday, February 12, 2017

Peeling Stickers Social Media Widget For Blogger

Friday, February 10, 2017

Linezap Responsive Blogger Template 2014

Maxxiz Responsive Blogger Template Free Download

Monday, February 6, 2017

Deep Blog Responsive Blogger Template Free Download

Deep Blog Responsive Blogger Template Free Download

Deep Blog Blogger Template Features:

Friday, February 3, 2017

Maxxiz Responsive Blogger Template Free Download

Thursday, February 2, 2017

Balance Responsive Blogger Templates

Avoid Blogger Template Free Download

Tuesday, January 31, 2017

Simple Clean Responsive HTML 5 V2 Blogger Template

Friday, January 20, 2017

Main Photo Blogger Responsive Templates

How to Add Cool Jquery Popup Facebook Like Box To Blogger

Responsive
SEO Friendly
Google Testing Tool Validator
Mobile Friendly
Custom 404 Page
Blazing Fast Loading
Light Box
Minimal
Ads Ready
Clean Layout
Simple Design
Drop Down Menu
Social Sharing Widgets
HTML5 & CSS3
Browser Compatibility
Slide Show