How To Add Facebook Like Box One Time Pop Up in Blogger

Every Webmaster Want to Increase Facebook Page Likes, for this they Add Simple Facebook Like Box Widget in Blogger’s Sidebar. Today I am Sharing Best Tutorial to Promote Facebook Page By Adding a One Time Popup in Blogger.  I Got This tutorial Inspired from MyBloggerTricks making just a few small changes.

Check Out Demo and Screenshot  Below

DEMO

How To Add Facebook Like Box One Time Pop Up in Blogger

Remember Always Back Up Your Template Before You Make Changes

Steps to Add One Time Popup of Facebook Like Box in Blogger

1. Goto Your blogger Dashboard –> Click On Design –>

How To Add Facebook Like Box One Time Pop Up in Blogger2. Now Click On Add Gadget

How To Add Facebook Like Box One Time Pop Up in Blogger3. Now Add HTML/JavaScript Gadget

How To Add Facebook Like Box One Time Pop Up in Blogger

4. Copy Below Code and Paste in HTML/Javascript Gadget

<style>

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*

User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*———————————————————————————–*/
/* Facebook Likebox popup For Blogger
/*———————————————————————————–*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src=”http://yourjavascript.com/11215013191/jquery.colorbox-min.js”></script&gt;
<script type=”text/javascript”>
jQuery(document).ready(function(){
if (document.cookie.indexOf(‘visited=true’) == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = “visited=true;expires=” + expires.toUTCString();
$.colorbox({width:”400px”, inline:true, href:”#subscribe”});
}
});
</script>
<!– This contains the hidden content for inline calls –>

<div style=’display:none’>
<div id=’subscribe’ style=’padding:10px; background:#fff;’>
<h3>Receive all updates via Facebook. Just Click the Like Button Below<center><p style=”line-height:3px;” >▼</p></center></h3>
<center>

<iframe src=”//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fenetblog&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:300px; height:258px;” allowtransparency=”true”></iframe>

</center>
<p style=” float:right; margin-right:35px; font-size:9px;” >Powered By | <a style=” font-size:9px; color:#3B78CD; text-decoration:none;” href=”http://www.enetblog.in”>Enet Blog</a> Via <a style=” font-size:9px; color:#3B78CD; text-decoration:none;” href=”http://www.mybloggertricks.com”>Blogger Widgets</a></p>
</div>
</div>

Important : To Work it Properly Replace “enetblog” With your page usrename.

Example – “http://www.facebook.com/enetblog&#8221; . In this Url enetblog is My Username.

In Case you have not any username OR your page URL Looks Like :

https://www.facebook.com/pages/enetblog/116633368419721&#8221;

Then its better Create your Professional Facebook Page by Changing its Username in 5 Seconds. to Create Page Username Goto This Link http://facebook.com/username

Important 2 – If you already have jQuery script in your template remove the line in Green.

5. Save Your Gadget and Visit You Blog Its Working :).

Google’s Blogger New App is Now Available for iPhone

Google’s Blogger New App is Now Available for iPhone

This is a great news for Blogger users with an iPhone. There’s an official Blogger application for iOS available for free so that you can share your thoughts while on the go. You can write a new blog post and either publish it or save it as a draft while you are mobile and using your iPhone. You can also pick up where you left off on your PC and even add pictures available in your library (or take a new one using your phone’s camera). The application is free and is available in the App Store, though it will only display the interface in English. If you’re using an Android-powered device, you can download the Blogger app for Android which is available already in the Android Market.

SOURCE: iTunes, Google Mobile Blog

5 Best Image Search Tools for Bloggers and Web Designers

Although Google has been playing with some fun image search toys in its lab and the official Google Image Search has recently significantly upped its game, some of its most hyped features — color search, instant scrolling, hover preview — are but mere shadows of sleeker, better versions that geekier, more sophisticated image search tools offer.

Here are five of my favorites which I use regularly :

Multicolr search lab :

Multicolr search labEasily the most useful color-based search tool yet, and also a throwback to our deep archives, Multicolr Search Lab offers a simple yet sophisticated way of finding images based on a color or color combination you’re looking for. Images are pulled from more than 10 million of Flickr’s most interesting photos and you can add up to 10 colors as your search criteria, including multiple swatches of the same color to indicate ratio — say you want an image that’s almost entirely yellow with a bit of blue, you may select yellow four times and blue once.

Ritrievr :

Ritrievr

Retrievr is an experimental image search tool that uses color recognition to retrieve Flickr images that reflect the spatial color arrangement of a digital sketch you draw on a canvas. It’s important to keep in mind that the algorithm doesn’t recognize shapes, but does color and space relationships — so if you doodle the outline of a martini glass in black, you’re more likely to get a lamp post, but if you go with an inverted triangle in blue, you may just get that Cosmo.

TinEye :

TinEye

TinEye is reverse image search — feed it any image, either by uploading or by pasting the image URL, and it’ll tell you where it came from. TinEye can be particularly useful for identifying the artist or original source of photographs and artwork that you happen to stumble upon on Tumblr or another all-too-often unreferenced photo bookmarking service.

CompFight :

Compfight

CompFight is a Flickr search tool tremendously useful for all your comp stock image needs but also doubling as a visual inspiration ignition engine. It lets you search based on tag or text, spitting out a pleasant wall of thumbnails. Particularly useful: The CreativeCommons search option, which filters results by image rights license type.

oSkope :

oSkope is a visual search assistant that lets you browse images and products from popular sites like Amazon, eBay, YouTube and Flickr in a highly intuitive way. You can skim thumbnails related to your search keywords and save search results from different services to a visual bookmark bar at the bottom of your browser screen.

New Fresh Look Of Blogger – Latest News

As you may have heard, things are starting to look a little different across many Google products—and now, Blogger is the next product to get a makeover.

From long time they did not make any major update in blogger. Google’s Blogger engineers made a lot of changes in blogger for make it faster and more efficient for us. —and easier for us to update and improve over time.

Throughout the design process, They conducted user interviews to help identify how to make Blogger even easier and more enjoyable to use. They watched us try new blogger interface and they will make many changes according to our feedback.

A streamlined blogging experience
Whether you’re on a dashboard or settings page of blogger.com, you can always create or edit posts with just one click at the top of the screen. Additionally, the post editor has been expanded and simplified to give you a larger canvas for drafting and previewing your work.

New Fresh Look Of Blogger - Latest News

 

Monitor and grow your audience at a glance
In the new “Overview” section of your dashboard, you’ll be able to quickly get a pulse for how people are reacting to your blog with a graph of your most recent traffic numbers, comment activity and follower counts. For extra guidance and inspiration, you’ll also find a list of helpful links, a feed of Blogger updates and a showcase of other blogs you may find interesting.

 

New Fresh Look Of Blogger - Latest News
Opt in now
They’ll gradually let all bloggers choose to turn on the new UI, so your Blogger experience won’t be updated until you enable it. Over the next few days, keep an eye out for a pop-up announcement on your dashboard with instructions on how to get started, and check out this Blogger Help Center page to learn more about what’s changed.

If you have suggestions or feedback about the new look, click the gear icon in the top right of the navigation bar and select “Send Feedback.”

Blogger team is  working hard to fundamentally revamp and improve the Blogger experience from the ground up, and they hope you enjoy the first in a series of major updates that are on their way in the coming months.
Article Source:- Blogger Blog

How to Make your Blogger Blog for Mobile Phones

making your blogger blog mobile friendlyAs you know, millions of people use their mobile phones to access internet. The mobile internet speed is also very fast these days with 3G’s , mobile apps,etc.

From this, we can say many of your readers are coming to your blog through mobile phones..But, if you don’t make your blog mobile friendly, .you may lose all your mobile readers because in a mobile phone, a normal blog takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen.

So, here is how to make your Blogger (blogspot) blog mobile internet friendly..

Sign into your Blogger account > Design > Edit html

Find this line..

<b:include data='blog' name='all-head-content'/>

Paste this code below that line…

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>


Save the Changes!

How to add Blogger Share Buttons to Custom Blogger Templates

Recently, Blogger released their new Share Buttons feature which makes it easier for your Blog visitors to bookmark, tweet, fshare, email ,etc your post.

But, if you’re using any custom blogger template.. you may not see the widget appearing in blog..even though you activate it.

So, if you have that problem. here is how to fix it.
(before making any changes..first backup your template)

1. Sign into Blogger > Design > Edit html
(tick the expand widget templates)

2. Add this line anywhere you want the widget to appear

<b:include data='post' name='shareButtons'/>

Normally, in most templates, you can add it after this line..

<p class='post-footer-line post-footer-line-1'>

If you don’t find that above line in your template….
Find this one.

<p><data:post.body/></p>

and add this code after that line..


<p><data:post.body/></p>
<div style='clear:both; padding: 10px 10px 10px 10px;'> <b:include data='post' name='shareButtons'/> </div>

Note: If you’re using Magazine style blogger template, You can find the data:post.body line TWO TIMES.. So, try in both ways and find out which one is working..and remove the other one.

Finally..Save the template!

If you still don’t see it in your Blog, Make sure..you activated it by going to
Blogger dashboard > Design > Click the ‘edit’ button of the Blog post section.

Top 10 Websites For Blog Ping

PingMyBlog is a service which does the hard work for you. They notify all the major blog directories in one go so that everyone knows about your latest blog updates.

There are Top 10 websites list for blog ping..!

http://www.pingmyblog.com


http://feedshark.brainbliss.com


http://pingler.com


http://pingomatic.com


http://autopinger.com


http://www.pingates.com


http://www.affiliatetreasurechest.com/733/how-do-i-ping-my-blog


http://ping4free.com/ping-my-blog


http://www.splashpress.com/network/pingmyblog


http://www.squidoo.com/Ping-Tools

12 Ways to Fastly Improve Alexa Rank of Your Blog

.fullpost { display: none; }

12 Ways to Fastly Improve Alexa Rank of Your Blog12 Ways to Fastly Improve Alexa Rank of Your Blog. Hope some will be helpful for your blog situation.
1. Install Alexa toolbar and set your blog as the home page. As you know, Alexa rank is determined on the basis of the information collected by the Alexa toolbar. Only the click of the visitor who has it installed will be counted when he visits your website. As the webmaster of a personal website, the first thing you should do is to install it on your own browser and set your blog to be the home page so that every time you open IE, you make a little contribution to your own site for Alexa rank improvement.
2. Install Alexa toolbar on all computers you can touch. And set your blog as the home page. Encourage all people you know to install Alexa toolbar.
3. Put up a Alexa counter widget on your blog. When it is clicked, it will be counted as traffic by Alexa, even if the one who clicks it does not install the Alexa toolbar.
4. Write some articles about Alexa on your blog. You can even open a Alexa column. Many webmasters would like to see these things. If you write good articles, they are likely to republish or link to them, which also can bring you traffic and hence help to increase Alexa rank.
5. Go to where bloggers often visit and post the URL of your blog there. Generally, bloggers have Alexa toolbar installed. You may go to some webmaster forums to write posts promoting your blog.
6. Tell friends to vote for your blog on Alexa website. Though it is not sure how much this will benefit your blog’s Alexa rank, it is better to have a good rating.
7. Write the columns that bloggers would be concerned about, such as an SEO column, to attract more webmasters to visit your site.
8. Use Alexa redirection function.
9. If possible, go to some foreign forums or websites to promote your blog, for foreign surfers often install the Alexa toolbar.
10. If you have sufficient funds, you may consider buying some pay-per-click ads for your blog. That can bring abundant IP.
11. Add links to Alexa relevant content in your most popular articles on your blog, or use Alexa redirection to link to other places of your blog.
12. Buy professional service to boost Alexa rank. Of course it is stable, safe and effect-guaranteed.

Tips For Huge Web Traffic On Your Blog From Search Engines

.fullpost { display: none; }

Blog Site Promotion - 4 Professional Blogger Tips For Huge Web Traffic From Search EnginesToday I am sharing this article,you can learn from this article that how to done Blog Site Promotion .Simply read and apply these super secrets for increasing blog popularity – if you can handle the traffic!!
My 4 blogging secrets are legitimate, easy to understand and effective in drumming up web sales!
These 4 tips are written to help bloggers make a personal connection with their target readers, and convert them into loyal customers over a short period of time with consistent application of these professional blogging tips, which are based on a proven approach to blog site promotion!
1. Use everyday words and everyday life as the basis for your blog posts! This simple blogging tip may come as a surprise for many web business owners but it is known to work, so don’t trash the idea just because it sounds too easy! Big words cut the connect with the average reader (research indicates the most popular blog sites use simple language, a friendly tone, even humor and original information the reader can use, or be entertained by). Succinct phrases, commonly used words and writing the way you talk helps build a relaxing feel around the blogosphere, which helps engage blog readers, earning your blog steady traffic.
2. Focus on giving value to your blog readers rather than sticking to the rule book! Don’t worry too much about sounding literary and rules of grammar, as even the better business blogs today follow an informal, even humorous format. Of course, it mak
es sense to use an active voice for your blog posts, if site promotion is your main aim. Doing so will help you address the reader as an individual, which improves the personalized feel necessary to convert a lead into a customer. But, on the whole, if you’ve gotten the main points across clearly in an organized manner, fixed any spelling errors and avoid inflated language or too much jargon in your blog post, site promotion will fall naturally in place.
3. Keep a friend handy to keep your blog writing honest! A good friend will be honest in pointing out obvious flaws in your blog writing, including disorganized thoughts or content that is overly sale-sy. So enlist a close pal to help you give your best voice to the most important blog posts. Your posts should ‘sound like you’ and be consistent with the image of your web business. Work with your friendly critic to ensure all your blog posts are authentic and appealing. This sincerity will help you build your blog readership and traffic substantially, especially if you have a flair for creative writing.
Combine original content with proven SEO tactics, like long-tail keyword integration in a natural manner to increase the relevance of your blog posts for better site promotion on Google and Yahoo!
4. Read your blog posts out loud! This step will draw your attention to any awkward sentence structure and poor punctuation that may have crept into your blog post’s first draft. Fix the parts you seem to ‘stumble’ over with words and phrases that fit more naturally in the flow of the topic before you make the post ‘live.’
Apply these tips for your blog.you will really see the great result in search engines like Google,Yahoo,MSN,Bing Etc.