SEO

Facebook Pop Up Box with Timer for Blogs and Websites

March 21, 2015 by Sajith V Leave a Comment

FaceBook Like Box with auto timer close

Social Medias like Facebook, Twitter and Google+ plays a vital role for generating genuine and relevant traffic for your blogs or websites.

We have already discussed on our previous articles about how to increase Facebook likes and major SEO strategies for increasing social media ranking for your websites or blogs.

Showing a social media promotion boxes while visitors visiting your blogs/websites will be a great idea to make them noticed that you are active on social medias. Major disadvantage of such pop up boxes are they may interrupt visitors buy showing all reloads and this will looks like you are forcing them. So, here we are providing you an auto closing (with timer) facebook pop up widget for your blog.

How to Enable Facebook Pop Up box for blogs/websites

1. Got to Blogger Dashboard >> Template >> Edit HTML.

You will see a box with core HTML codes of your blog. Beware of editing this codes.

2. Copy and paste the following script before closing </head> tag or after opening <head> tag. (Press Ctrl + F after clicking on the HTML box and type </head> on pop up box for easily getting this tag).

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

We have successfully added Jquery code for the box.

3. Now we need to add some style sheets for the box for the looks and feels. Again find the code below in the template

]]></b:skin>

And add the code shown below before closing b:skin tag.



/*css for fbpopup*/


#fbpopupdata { 

    background-color: none; 

    position:absolute; 

    z-index: 9999; 

    display: none; 

    padding: 0; 

    border: 10px solid #446c95; 

    -webkit-background-clip: padding-box; 

/* for Safari */ 

    background-clip: padding-box; 

/* for IE9+, Firefox 4+, Opera, Chrome */ 

    -webkit-border-radius: 8px 8px 8px 8px; 

    -moz-border-radius: 8px 8px 8px 8px; 

    border-radius: 8px 8px 8px 8px; 

    width: 420px; 

    height: 300; 

    overflow: auto; 

    left:50% !important; 

    margin-left:-220px; 

    margin-top:auto; 

    box-shadow: inset 0 1px rgba(0,0,0,0.1); 

}


#fbpopupdata span { 

    font-size: 12px !important; 

    font-weight: normal !important; 

}


#fbpopupdata h1 { 

    background: #446c95 url(https://4.bp.blogspot.com/-wbOyGFuANTQ/UVF1F4ouC4I/AAAAAAAABiA/RX4jNlICbjM/s1600/aktechz-fb-lock.png) 98% 30% no-repeat; 

    border: 0px solid #3b5998 !important; 

    color: #FFF !important; 

    font-size: 20px !important; 

    font-weight: 700 !important; 

    padding: 5px !important; 

    margin: 0 0 10px 0  !important; 

    font-family: arial !important; 

    overflow: hidden !important; 

}


.fbpopupdatadata { 

    font-size: 12px !important; 

    font-weight: normal !important; 

    height: 275px !important; 

    padding: 1px !important; 

    background: #fff !important; 

    border-bottom: 0px solid #ddd; 

    overflow: show !important; 

}


#fbpopupdatafooter { 

    text-align: right; 

    font-size:12px; 

    background: #F2F2F2 !important; 

    height: auto !important; 

    padding: 10px !important; 

    overflow: hidden !important; 

}


#fbpopupdatafooter p { 

    text-align: right; 

    font-size:12px; 

}


#fbpopupdataclose { 

    float: right; 

    background-color: #446c95 !important; 

    border: 0px solid #ccc !important; 

    color: #fff !important; 

    font-weight: normal !important; 

    padding: 5px 35px !important; 

    text-decoration: none !important; 

    display: inline-block !important; 

    font-family: arial !important; 

    outline: none !important; 

    font-size: 12px !important; 

    margin: 0px !important; 

    box-shadow: inset 0 1px rgba(0,0,0,0.1); 

    -webkit-transition: background 0.3s; 

    -moz-transition: background 0.3s; 

    transition: background 0.3s; 

}

4. Almost completed the final step is here.

<!— Facebook POPUP LikeBox With Timer Code Start —>
<script type=’text/javascript’>
jQuery(document).ready(function() {
function fbpopupdatafunc() {
var sec = 60
var timer = setInterval(function() {
$(“#fbpopupdatafooter span”).text(sec–);
if (sec == 0) {
$(“#fbpopupdata”).fadeOut(“slow”);
clearInterval(timer);
}
},1000);
var fbpopupdatawindow = jQuery(window).height();
var fbpopupdatadiv = jQuery(“#fbpopupdata”).height();
var fbpopupdatatop = jQuery(window).scrollTop()+50;
jQuery(“#fbpopupdata”).css({“top”:fbpopupdatatop});}
jQuery(window).fadeIn(fbpopupdatafunc).resize(fbpopupdatafunc)
//alert(jQuery.cookie(‘sreqshown‘));
//var fbpopupdataww = jQuery(window).width();
//var fbpopupdatawww = jQuery(“#fbpopupdata”).width();
//var fbpopupdataleft = (fbpopupdataww-fbpopupdatawww)/2;
var fbpopupdataleft = 500;
//var fbpopupdatawindow = jQuery(window).height();
//var fbpopupdatadiv = jQuery(“#fbpopupdata”).height();
//var fbpopupdatatop = (jQuery(window).scrollTop()+fbpopupdatawindow-fbpopupdatadiv) / 2;
jQuery(“#fbpopupdata”).animate({opacity: “1”, left: “0” , left: fbpopupdataleft}, 0).show();
jQuery(“#fbpopupdataclose”).click(function() {
jQuery(“#fbpopupdata”).animate({opacity: “0”, left: “-5000000”}, 1000).show();});});

</script>

<div id=”fbpopupdata“>

<h1>Join Us On Facebook <a style=”font-size:12px; color: white; float:right; margin-right: 15px; text-align: inherit; text-decoration: none;” href=”https://www.techiefeeds.com/2015/03/javascript-facebook-popup-box-timer.html/” rel=”nofollow”

>Get Widget</a></h1>

<div class=”fbpopupdatadata”><center><iframe src=”http://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F/TechieFeeds&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:show; width:400px; height:250px;” allowtransparency=”true”></iframe></center></div><div id=”fbpopupdatafooter”>Please Wait <span>60</span> Seconds<br/><a href=”wwww.techiefeeds.com” target=”_blank” id=”fbpopupdataclose” onclick=”return false;”>Close X</a></div></div>

<!— Facebook POPUP LikeBox With Timer Code End –>

Change the yellow colored text (techiefeeds) to your Facebook username.

Update (7/01/2015): SumoMe is an awesome tool.

You are done! 🙂

Feel free to drop your comments and doubts ..

Google Launched .HOW domain

February 5, 2015 by Sajith V Leave a Comment

Internet is a vast space of knowledge. People uses internet to how things works, how to do something, how to start a business and thats why Google has been launched a new domain *.how mainly focused on tips and tricks websites.

How to Register on .how Domain

.how domain is from Google registry and registering a domain name on .how is easy.

visit get.how and search the domain name you want and Google will suggest you some of it’s partners can register your domain name with.

Advantages of .how Domain

Your domain will let people know that your content is teaching something about. For example, consider the address, www.design.how. As domain implies, people will know that your content is about teaching and how to tips on the topic, designing.

Registering .how domain for teaching and how to websites will also effect your SEO in good manner. because, Assume some one searching the keyword, “How to Design” and your url is www.design.how and the keywords “design and how” are there in the url itself.

How to Optimize and Monetize Website – Part 2

December 17, 2014 by Sajith V Leave a Comment

Read part One here:

Top Ways to Optimize and Monetize Website – Part 1

Earning good amount of money through online is not an easy task. It requires, dedication, effort, creativity and of course interest and patience. Earning good amount of money through online is not a easy task. It requires, dedication, effort, creativity and of course interest and patience.

You may noticed some people earn thousands of dollars from internet and some other not even earn a penny of real cash from the same methods.

It takes time. For the first two or three months, or years, you may not earned a single penny yet. So it is always better to start a blogger or non-paid WordPress blog.

In first post, We have discussed about basic techniques of SEO (Search Engine Optimization).

Lets start blogging. In this post, we are discussing about SEO techniques which need to keep while writing your blog posts.

Be Unique: Violating copyrights is major issue which may effect your blog/site badly. Never copy paste others content to your blog. If you need a portion of others content, giving a source link is a good idea. Copyright violation includes only copy-paste but also if you take others content and write it in other way, it is also copyright violation. Write unique contents alway, Keep your blog Unique.

Highlight Lines: Highlighting important sentences may helps your blog/website ranks higher on search results. You can highlight lines by bold or underline it.

Update Regularly: Updating regularly is important especially in the case of blogs. If a blog is not updating regularly with fresh content, It seems like a dead blog. And also for getting visitors also, your blog should be regularly updating. Be serious on Blogging.

Never Focus on Money: 95% of successful bloggers who makes millions from their blogs are not writing just for money. Write content for human beings and not for web bots. While you have quality content (both human and bot friendly), your traffic will improve and hence revenue also.

Ad Spacing: Since majority ad networking agencies like Google Adsense are supporting PPC (Pay Per Click) advertising method, placing your ads on eye catching locations is a best idea.

Top Ways to Optimize and Monetize Website – Part 1

December 4, 2014 by Sajith V Leave a Comment

SEO (Search Engine Optimization) is an important part of website development and blogging. It plays a vital role in driving traffic and monetization.

Whats is Website Monetization?

According to Wikipedia, “Monetization is the process of converting existing traffic being sent to a perticular website into revenue.”

Many of blogs of newbies to professionals are running on Blogger.com platform as it is simple, and also have advanced options to customize. Here we are giving you some tips to optimize your blog on blogger.com for search Engine crawls and also for readers.

1. Blog URL

Your blog URL should be relevant to the category of your blog. Better if most common keyword is included in your domain. Getting this would be hard job when trying on .blogspot.com sub domains. So better try customized domain *.com domain is better.

For complete guidelines, read our article “Characteristics of a Good Domain Name“

2. Blog Title

Blog title is also have important role. Use keywords which will searched on search engines most often. The images below shows how to setup blog title and description in blogger blog.

3. Add Website to Search Engines

Adding your blog address (url) to top search engines like Google, Yahoo and Bing manually will increase the visibility on search engines. Never waits for automatic crawling from them.

Add URL to Google Index

Add URL to Bing Index

Add URL to Yahoo Index

Open Directory Project for all Search Engines

Top Freelance Websites to Earn Money Online

November 9, 2014 by Sajith V Leave a Comment

You could read about Usable productivity skills for New Freelancers here before going through this post.

Freelancing is completely different than having a regular job. The reason because why freelancing is different is, you are responsible for your work and you decides your own work schedule and productivity. And, working as a freelancer is actually as not easy as normal employment. Freelancers, especially new freelancers need t work harder and smarter. Because, you are marketing yourself. You have to sort emails, do conversations and make new clients and pay attention to their interests.

For the new and experienced freelancers, some freelancing market place websites will helps to get new orders easily. They are actually creating a meeting place for you and clients and rest is yours to get order from them. Here is the list for top Freelance Marketplace websites and their short details:

Seoclerks

Seoclerks mainly focusing on SEO related micro jobs. And is one of the most leading marketplace for both freelancers and persons who needs to outsource their works with affordable price. You could read complete review and how it works guide from the following links.

1. How to Earn Money from Seoclerks

2. Publish eBook and earn Money

Join Now at Seoclerks free of cost here

PS: Sajith now giveaways $5 free SEOclerks coupons for new members. Contact for details.

Freelancer

Freelancer is another leading market place. While Seoclerks mainly focusing on SEO related job, Freelancer is a general marketplace. We can list out our skills and they will give matching proposals from persons and companies. Bid on that proposal and will be get paid after the completion of project.

Join Now at Freelance Marketplace at free of cost

OLX and Quikr

Olx and Quikr are somewhat different. It is a market place where their control on buyers and sellers is not strong like others. This is because, Olx and Quikr are actually market for used items. But we could use it for freelancing also bu posting services as ads. You can post ads on Olx and Quikr about your service and interested people will contact you. Olx may not be responsible for any loss and not take any commission from your money.

Join Now on Quikr

Join Now on Olx

If any of freelancing website is missing here in your knowledge, Feel free to share it using our comment box.

Buy 500 Facebook Likes : SocialFancenter

November 2, 2014 by Sajith V Leave a Comment

[sponsored review]

Facebook is the number one social network today with millions of users all over the world. Recent years back, people are get connected via FB. But now, Facebook is also a meeting place of business organizations and their customers. Via Facebook, many of organizations are getting new customers now a days. Before buying a product or service, people will now also consider the the reputation of the provider via Google and now via Facebook also. Connections are most valued in Facebook. A business Facebook fan page with lot of “Likes” will make a good impression about the business organization and it shows, the business organization is popular and influential. This is why making lots of “Likes” in Facebook is important. And, this post shows you how to “Buy 500 Facebook Likes” instantly.

There are many easy ways to get “Facebook Likes” via “Like exchanging websites”, tagging more friends and many more. (Read my previous article, “Tips to get Facebook Likes“).

Is it work for a business organization? In many facebook like exchanging websites, you have to earn coins buy liking others pages or profiles also. Any organization can do this? or can pay am employee to Like others pages for earning their coins?

No…!

But, there is another easiest way to get real, verified and active Facebook users Likes from unique IP with cheap (“than you think”) rates. A social media marketing website, http://socialfancenter.com/ gives you this. They have a range of Facebook Likes packages available for your fan page, for your photos or for you website. One you found your suitable package and order is successful, you could see new likes within 1 to 3 days and as it is not an instant delivery, people will not see large amount of likes within a day.

See “buy facebook Likes” packages and order now.