How To Add POP UP Facebook Like Box For Blog & Website

How To Add POP UP Facebook Like Box For Blog & Website

Get the more fans to your fanpage blogger by adding a popup facebook like box to your blogspot.By adding this customized widget may know the visitors to know the number of people like your website and join your site directly.To get this widget follow below procedure:- 

PART 1:

Login to blogger->>

Design or Template->>

Edit Html Search for the </head> using (ctrl+f)

Now paste the below code above </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> <script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script> <link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" /> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=flase') == -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:"#mdfb"}); } }); </script>

Save Template and you are done 50%.

 PART 2:

Go to page elements or layout –>>

Add a Gadget->> Html/java script

Add the below code in Html/java script box

<div style='display:none'> <div id='mdfb' style='padding:10px; background:#fff;'> <h3 class="mdbox-title">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%2FMastiNetwork4u&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://mastinetwork4u.blogspot.com/  ">MastiNetwork4u</a></p>

</div> </div>

and now save the setting and see you done it if you like the post then like then join me googl.

Read More

How to Add Beautiful Heart Shape Shared Buttons In Blogger

How to Add Beautiful Heart Shape Shared Buttons In Blogger

How to add beautiful heart shaped sharing buttons to blogger ?

* Go to Template > Edit HTML > find the </head> tag

* Copy and Paste the following code Above / Before </head> tag

<!-- Start Heart Bookmarking Gadget Code  -->

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>

<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>

<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

<!-- End Heart Bookmarking Gadget Code  --> 

* Now find the </body> tag and  Copy/Paste the below Code Above / Before </body> tag

<!-- Start Heart Share Code  -->

<div style='position: fixed;bottom: 2%; right: 12%;'>

<div class='shareEgg' id='shareThisShareHeart'/>

</div>

<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

<!-- End Heart Share Code -->

Note: You can change the location of the Heart by editing the values of bottom: 2%; left: 2%;(which is in red color)

* Save your template.

If You Like the post  press Facebook like button

Read More

6 Traffic Generation Techniques

6 Traffic Generation Techniques

 

Generating traffic to your blog, whether new or old, is one task most webmasters are unable to do in the right way and are still struggling in traffic generation. They often try the wrong techniques and then get disappointed by lack of results. This is one of the reasons why so many bloggers give up so quick.
However, the point is… Generating traffic to your blog is amongst the easiest task you’ll ever come across. All it takes is a bit of reading on the internet and then adding your own creativity and mixing it. And of course, do it with dedication. If you’re going to do it as a job that needs to be done and get over with, then you won’t succeed at it.


Here are those 6 Unique Ways OF Generating Traffic which you may have not think of earlier.

1. Renovate Your Blog Design

Creating a new design for your site can often give you a boost in the traffic. Not only does the change spike interest everywhere, but you can also submit your new design to a few popular CSS Showcase galleries. These galleries, being popular, send back quite a bit of return traffic that can end up turning into loyal visitors. And at the end of the day, loyal readers is exactly what we want!

2. Write An Interesting List Article

If you’re looking to get seriously targeted traffic, then be one of the first people to write a ‘Top 10′ post about anything that’s new and being talked about. You could also simply write a ‘Top 10 Blogs” post relating to the blogs in your niche. That’s something a lot of people search for, and you stand a chance of getting a lot of search engine traffic.

3. Tener un blog Traductor – Have A Blog Translator

You may have not understood above line(instead of people understanding spanish) if I wouldn’t have provided the translation. And same may be the situation with the people who may not understand your blog language. Installing a translator plugin could help you to increase the blog traffic highly.
Don’t forget the fact that English is not the only language that users on the internet speak/understand. There’s quite a few that do not understand English very well. Having a translator facility on your blog will mean you can get a more diverse range of traffic. And quite a few of them may end up being repeat visitors. Because your blog is one of the few that allows them to read posts in their own language. There’s a few free plugins available to do that. But there’s a plugin or two that are paid. They do the job much better, though.
Note: At SmartBloggerz, Translator can be found in the footer. So use it

4. Create valuable content

Nothing (and I mean, NOTHING) will ever create traffic that’s more valuable then the content on your blog. What you post should not only be informative but should also be capable of sparking a discussion. Such posts often get linked to from a lot of places and that’s when your traffic starts spiking.

5. Offline Promotion

Don’t forget that the only way to generate traffic is not just online. Include your URL in every place you possibly can, offline. On your business cards(if it’s a business blog), your car, your house (YES! it may sound funny), letterheads, etc. It’s not often that you see websites (particularly blogs) being advertised offline. And when you DO see one, you tend to remember it very well. That’s the affect offline advertising has on everyone!

6. Link baiting in forums

This is one overlooked traffic generation method. Write an interesting post, and include only a quarter or half of it. And leave a backlink to the blog in that post. Let people click through to your blog to be able to read the post.
How does this help? When they click through to your blog, a good % of them will generally engage themselves in another post or two on your blog. And quite a few will eventually subscribe. That’s it. That’s what I/you want!

Conclusion

So you just read 6 unusual but effective ways to bring traffic to your blog/website. Trying these methods will substantially increase your traffic if implemented properly.
Do you have any more unusual or interesting ways of traffic generation? Then please do share with us and your opinion about this article by commenting below

 

Read More

Random Ad Banners Widget For Blogger

Random Ad Banners Widget For Blogger

 

In most blogs which are selling ad spots you often have seen random Ad banners appearing when the page is refreshed. Ever wondered how to show random Ad Banners in Blogger? In today's tutorial we will learn how to create a Random Banner Widget for blogger which will show random Ad banners when a visitor visits a new page on your blog. Using this widget you can display as many Ad banners on a Sponsor Area as you want!

This widget is exactly similar to our previous 125 by 125 AD Banner Widget and in fact it is the most awaited one and have been requested several times by our readers. Just last night I succeeded in creating a simple Java script that uses Array of images and thus displays random images on Page refresh. Creating Random Art banners like this one is compatible to a reliable java web hosting.

Lets have a demo of the widget before jumping to the tutorial. Note:- Refresh the page to see new Ad banners.

How To Add Random Ad Banner Widget To Your Blogs?

Simply follow these steps,

1. Go To Blogger > Design > Page Elements
2. Choose HTML/JavaScript Widget
3. And Paste the following code inside it,

width="265" bgcolor="#ffffff">












     
      
     
   

URL OF ADVERTISER" rel="nofollow">

MAKE THE FOLLOWING CHANGES:-
1.  Replace URL OF ADVERTISER with the website link of the advertiser
2.  Replace URL OF BANNER’S IMAGE-1  and URL OF BANNER’S IMAGE-2 with the Image links of the Advertiser’s banners
3.  Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover.
4.  If you want to increase the distance between the ad blocks then edit width="265"
Now after making the necessary customization view your blog to see a beautiful 125 by 125 Banner widget that will change Banners on every different page.

 

Read More

Renaming A Label Across All Blogger Posts

Renaming A Label Across All Blogger Posts 

 If you ever have the need to change an applied label name across all of your posts, you may think you need to do it manually post by post. Fortunately this is not the case. To "rename" a Label, we simply need to select all posts with the original Label, add our new Label name (to replace the original) and finally remove the original Label.

Navigate to Posting -> Edit Posts:

 

In the far left click on the name of label want to edit and select all posts: 

 

 

Then in the Label Actions... drop down, under Apply Label select New
Label... 

And enter the new label name:

 

Then while you have the same posts still showing select Label Actions... -> Remove Label and click on the label you wish to remove:

Read More

How to change template

How to change template

1. You can download new template and use it for you blog.first u have to download
    a template.log to your blog.Go to dashboard and click"design".see below image.

2.  After u can see like this page.Click "Edit Html" 

3.  Now  you can see Html page.IF you will want to keep your old template,you must have
     to download.i think its better.because if something happen to your new template you
     can restore it."click download full template" to download it.  

4.  After download it you can change your template.Click"browse" to get your template.
    select the template file and click "upload".after it will update. 

5.  After upload if you got this message if u like keep it u can if not you can delete it.
     no need to worry it.it because some widgets not working for this template.now
     click "view blog and see how it nice.  

Read More

How To Create Cookies To Dispaly Time Of Last Visit-

How To Create Cookies To Dispaly Time Of Last Visit

This will help you to Display time of  last visit.try it. 1. Log in to blogger account and go to  Design >> Page Element. 2. Now click add Gadget and select 'HTML/Javascript' on side bar.

3.After Paste below code.

<script type = "text/javascript">
 
var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="This is your first visit to this page. Welcome!";
lastvisit.subsequentvisitmsg="Welcome back visitor! Your last visit was on [displaydate]";
 
lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}
 
lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();
 
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}
 
lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}
 
else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("[displaydate]", dispDate))
}
 
lastvisit.setCookie("visitc", wh, days);
 
}
 
lastvisit.showmessage();
 

 

4.Now click save .you are done. 

Read More

How to remove Blogger Top Nav bar

1. Login to your blogger account
2. From your Dashboard opt for Layout
3. Now choose Edit Html
4. You will see your template code there.
5. In that template code find                    
   

    ]]>b:skin>

   replace it with 

   #navbar-iframe { display: none !important; }
   ]]>:skin> 

   Now SaveTemplate template
   
   Take a look at your blogger navigation bar must have disappeared

Read More

How to Hide / Remove Status Message Bar in Blogger Blogs

How to Hide / Remove Status Message Bar in Blogger Blogs

 

What is "Status Message Bar" in Blogger Blog? 
In Search pages or in Label Pages You can observe a Bar with some message at the top of posts.
that is Status Message Bar.
It should be like...:-

Showing newest posts for query XXXXXX. Show older posts

You can Remove or Hide this message by following simple tricks 1. By adding CSS code 2. By Removing Template code

How to Remove this bar by CSS?

Go to Blogger Dashboard  >  Design tab  >  Edit HTML
Find ]]> tag
Add the following code before it and save your template

.status-msg-wrap{display:none !important;}

By Removing Template Code

Go to Blogger Dashboard  >  Design tab  >  Edit HTML 
Check  Expand Widget Templates Check Box
Then find Following code and remove it from template
Finally save your Template

<b:include data='top' name='status-message'/> 

That's it. You can use any one trick from above

The Status Message Bar must Disappeared from your Blog.

Read More