Jumat, 06 Desember 2013

How Can You Know the Speed of Your Blog/Website?

the speed of blog is very important for any blogger, not only for visitors but in order to gain the trust of the search engines. Guest blog loved if they were light and fast loading, as well as search engine spiders like fast loading pages that do not consume precious time.You have to strike a balance between the content and speed of your blog to achieve a difficult equation.

First click on  Blog Speed Test Tool ,and do such as the below screen.
Note: After you click on check! wait some seconds to loading the page.
That is all. ;)

Rabu, 09 Oktober 2013

[Surprise] Get Google Adword Coupon €100 for FREE

Renewed Google's chance to take advantage of their offers beautiful, especially for owners of blogs and websites, where you can work free announcement in Google AdWord worth 20$ and up to the value to 135$, all you have to choose one links offers below, then you register by entering your namefull, Email through which will reach a free coupon.


 Here are the links, most of them are working:
https://services.google.com/fb/forms/couponsmenaen
https://services.google.com/fb/forms/rewolucjarequest
https://services.google.com/fb/forms/xsellcampaignnl
https://services.google.com/fb/forms/grcouponrequest
https://services.google.com/fb/forms/requestcoupon
https://services.google.com/fb/forms/couponsmenaar
https://services.google.com/fb/forms/jpawD6rhK8
https://services.google.com/fb/forms/royalmail09
https://services.google.com/fb/forms/agences100euro
https://services.google.com/fb/forms/awukemailRM
https://services.google.com/fb/forms/adwordscoupon
https://services.google.com/fb/forms/menacoupon
https://services.google.com/fb/forms/myawcoupon2
https://services.google.com/fb/forms/mainos
https://services.google.com/fb/forms/aquacoupon
https://services.google.com/fb/forms/stimulusin09
https://services.google.com/fb/forms/kelimeler
https://services.google.com/fb/forms/stimulusfr
https://services.google.com/fb/forms/twawcoupontest
https://services.google.com/fb/forms/updatenordicsda
https://services.google.com/fb/forms/cnawcoupon6
https://services.google.com/fb/forms/kbank
https://services.google.com/fb/forms/kupon
Enjoy!

Jumat, 13 September 2013

How to Add a Shining CSS3 Horizontal Menu For Blogger

Horizontal menu best alternative option for labels or sections.
The importance of horizontal menu including: reducing the space occupied by the sections/labels and distort the appearance of blog, coordinate and beautify the style of blog.
This widget is designed by CSS3 technology, And you can add this gadget to your blog with very easy way:

Adding the widget to Blogger blog:
1. Go to Blogger Dashboard  → Layout → click on "Add a gadget".
2. Select "html/java script" and add the code given below:
<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAqEBDDJsNB1QjDojValauE-7FBBwfX8CIf3hONLm9hxvaLnvVcIveivVbZd3-O3Q27E9C9q8Oi2SBNYhgDJ55WUHKy6fHxvtfrN-bD4cUz8DT-j8lLuCfL5TOjFUurFwoA0U_8farliE/s1600/noop-menu-blogger.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style>
<a href="http://bbloggertutorials.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pbMjJuJH_DX5zRYhGVpxcU8cRoVJ0oOh4wtaHZx4OWR7msyWERsS5akAtUkiuStqyap5htqXlIDyljSKUalZT71xCq3whhFCDsNA0AzDykbVgI4txhv_SFvZCAiR3U6K-aPtPgh3mJ0/s1600/1x1juice.png" /></a>
<div class="wg-shining-menu">
    <ul class="menu">
        <li><a href="http://bbloggertutorials.blogspot.com/">Home</a></li>
        <li><a href="#">Features</a></li>
        <li><a href="http://bbloggertutorials.blogspot.com/p/blogger-tools.html">Products</a></li>
        <li><a href="http://bbloggertutorials.blogspot.com/p/contact-me.html">Contact</a></li>
        <li><a href="http://bbloggertutorials.blogspot.com/p/sitemap.html">Tips</a></li>
        <li><a href="http://bbloggertutorials.blogspot.com/p/terms-and-conditions.html">Tricks</a></li>
        <li><a href="#">About</a></li>
    </ul>

</div>
NOTE
3. - Replace the URL in blue with your own.
    - Replace the tab name in red with your own.
4. Finally click on save.
Now you can see the result  (o)

Minggu, 08 September 2013

How to Add Metro Style Social Widget for Blogger

Today I will give you a very nice addition to your blog and frankly I liked this widget a lot. It is a social networking sites widget on the form of Metro as in windows 8.

Adding the widget in Layout
1. Go to Blogger Dashboard  → Layout → click on "Add a gadget".
2. Select "html/java script" and add the code given below.
<div class="metro-social">
<li><a class="fb" href="Your Facebook URL here"></a></li>
<li><a class="tw" href="Your Twitter URL here"></a></li>
<li><a class="gp" href="Your GooGle + URL here"></a></li>
<li><a class="fd" href="Your FeedBurner URL here"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
Web link to gadget code: 
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>
<br />
3. Replace "Your ..... URL here" with Your URL.
4. Click on save.
I hope you enjoy & happy blogging! :)

Sabtu, 07 September 2013

How To Add Related Posts Widget To Blogger With Summary

I wrote a previous blog post about How To Add Related Posts Widget To Blogger With Thumbnails.We already know the importance of the widget, but in this tutorial I'll show you the best related posts widget to your blog , If you want to add this widget to your blog please follow me:

1. Go to Blogger Dashboard  --> Template
2. Please! download  a copy of your template
3. Now click on Edit HTML
4. Use Ctrl+F to find </head>
5. Then copy and paste the below code just above/before it ( </head> ):
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedpSummary = new Array();
var relatedThumb = new Array();
var relatedTitlesNum = 0;

var relatedPostsNum = 4; // number of entries to be shown
var relatedmaxnum = 75; // the number of characters of summary
var relatednoimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZo9WHpjA4mDJehFbAwinI6sTAz8zxTvuDiLr4Q6-6uwN0Xqjs7NXfMDrg2-PsIUZvCy_uzlX_YsycUGnHjLAXrqKFBwWJFsrWl9iZLAWJmYnznv0UM_oIxaX9xQ-8mOIaMz86tbeW7aze/s1600/no_image.jpg"; // default picture for entries with no image

function readpostlabels(json) {
  var entry, postimg, postcontent, cat;
  for (var i = 0; i < json.feed.entry.length; i++) {
    entry = json.feed.entry[i];
    if (i==json.feed.entry.length) { break; }
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    postcontent = "";
    if ("content" in entry) {
      postcontent = entry.content.$t;
    } else if ("summary" in entry) {
      postcontent = entry.summary.$t;
    }
    relatedpSummary[relatedTitlesNum] = removetags(postcontent,relatedmaxnum);
    if ("media$thumbnail" in entry) {
      postimg = entry.media$thumbnail.url;
    } else {
      postimg = relatednoimage;
    }
    relatedThumb[relatedTitlesNum] = postimg;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        relatedUrls[relatedTitlesNum] = entry.link[k].href;
        break;
      }
    }
    relatedTitlesNum++;
  }
}
function showrelated() {
  var tmp = new Array(0);
  var tmp2 = new Array(0);
  var tmp3 = new Array(0);
  var tmp4 = new Array(0);
  for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
      tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i];
      tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];
      tmp3.length += 1; tmp3[tmp3.length - 1] = relatedpSummary[i];
      tmp4.length += 1; tmp4[tmp4.length - 1] = relatedThumb[i];
    }
  }
  relatedTitles = tmp2; relatedUrls = tmp; relatedpSummary = tmp3; relatedThumb = tmp4;
  for(var i = 0; i < relatedTitles.length; i++){
    var index = Math.floor((relatedTitles.length - 1) * Math.random());
    var tempTitle = relatedTitles[i]; var tempUrls = relatedUrls[i];
    var tempResum = relatedpSummary[i]; var tempImage = relatedThumb[i];
    relatedTitles[i] = relatedTitles[index]; relatedUrls[i] = relatedUrls[index];
    relatedpSummary[i] = relatedpSummary[index]; relatedThumb[i] = relatedThumb[index];
    relatedTitles[index] = tempTitle; relatedUrls[index] = tempUrls;
    relatedpSummary[index] = tempResum; relatedThumb[index] = tempImage;
  }
  var somePosts = 0;
  var r = Math.floor((relatedTitles.length - 1) * Math.random());
  var relsump = r; 
  var output;
  var dirURL = document.URL;

  while (somePosts < relatedPostsNum) {
    if (relatedUrls[r] != dirURL) {

      output = "<div class='relatedsumposts'>";
      output += "<a href='" + relatedUrls[r] + "' rel='nofollow'  target='_self' title='" + relatedTitles[r] + "'><img src='" + relatedThumb[r] + "' /></a>";
      output += "<h6><a href='" + relatedUrls[r] + "' target='_self'>" + relatedTitles[r] + "</a></h6>";
      output += "<p>" + relatedpSummary[r] + " ... </p>";
      output += "</div>";
      document.write(output);
      
      somePosts++;
      if (somePosts == relatedPostsNum) { break; }
    }
    if (r < relatedTitles.length - 1) {

      r++;
    } else {
      
      r = 0;
    }

    if(r==relsump) { break; }
  }
}
function removetags(text,length){
  var pSummary = text.split("<");
  for(var i=0;i<pSummary.length;i++){
    if(pSummary[i].indexOf(">")!=-1){
      pSummary[i] = pSummary[i].substring(pSummary[i].indexOf(">")+1,pSummary[i].length);
    }
  }
  pSummary = pSummary.join("");
  pSummary = pSummary.substring(0,length-1);
  return pSummary;
function contains(a, e) {
  for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
  return false;
}
//]]>
</script>

Note:
- To change the default picture, replace the URL in pink with your own
- For displaying more than 4 posts or less, replace modify the value in red (4)
To change the number of characters to be shown in posts summary, modify the value in blue (75)
5. Now Search the following code:
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
6. Just after it, copy and paste the below code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=readpostlabels&amp;max-results=50&quot;' type='text/javascript'/>
  </b:if>
7. Now find the following code:
</b:includable>          
                <b:includable id='postQuickEdit' var='post'>
8. Then copy and paste the below code just above/before it
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='post-footer-line post-footer-line-4'>
    <div id='relatedpostssum'><div style='text-align: left; font-size: 15px; margin-bottom: 10px; font-weight: bold;'>RELATED POSTS</div>
      <script type='text/javascript'>showrelated();</script>
    </div>
    <div style='clear:both;'/>
  </div>
</b:if>
9.  Finally search for this tag:  ]]></b:skin>
10. Add below CSS code just above it,
<relatedsumposts {
  float: left;
  margin: 0px 5px;
  overflow: hidden;
  text-align: center;
  /* width and height of the related posts area */
  width: 120px;
  height: 210px;
}

.relatedsumposts:hover { 
background-color: #F3F3F3; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.relatedsumposts img:hover {
-khtml-opacity:0.4;
-moz-opacity:0.4;
opacity:0.4;
}

.relatedsumposts a {
  /* link properties */
color: #linkcolor;
  display: inline;
  font-size: 10px;
  line-height: 1;
}
.relatedsumposts img {
  /* thumbnail properties */
margin-top: 2px;
  height: 82px;
  padding: 5px;
  width: 82px;
border: 1px solid #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
.relatedsumposts h6 {
  /* title properties */
  display: table-cell;
  height: 5em;
  margin: 5px 0 0;
  overflow: hidden;
  padding-bottom: 2px;
  vertical-align: middle;
  width: 130px;
}

.relatedsumposts p {
  /* summary properties */
border-top: 1px dotted #777777;
border-bottom: 1px dotted #777777;
color: #summarycolor;
  font-size: 10px;
  height: 4em;
  line-height: 1;
  margin: 5px 0 0;
  overflow: hidden;
  padding: 5px 0 15px 0;
  text-align: left;
}
Note:
-Modify the values in red to adjust the width (120) and height (210) of the widget area
-Replace #linkcolor with the hex value of your color to change the color of post titles
-To change the size of thumbnails, modify the values marked in pink (82)
-To determine the border roundness, modify the values in green (100)
-To change the color of the post snippet, change #summarycolor with color hex value
11. Now take a preview and save your template.

Rabu, 28 Agustus 2013

How To Remove Blogger Attribution Gadget in Blogger Blog

Some of the templates in blogger, we find some tools that can not be deleted, and unfortunately, these tools can distort the form template.The reason is that the template designer making tool locked so as to protect it, and to unlocked it follow me:

1. Go to Blogger Dashboard  --> Template
2. Please! download  a copy of your template
3. Now click on Edit HTML
4. Use Ctrl+F to find Attribution
5. We change the option 'true' to option 'false' ( Look the screen )
6. To become like this <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
7. Finally click on Save template
Now go to gadget which you want remove it.

Selasa, 20 Agustus 2013

How to Protect Your Adsense Account from Invalid Clicks

Perhaps the majority of Google AdSense publishers are subjected to the so-called illegal clicks and the reason is that some of the hate and envious are trying to cancel your adsense account by clicking on your ads several times or use a program that automatically  to close your adsense account then he feels happy , There are also ways like showing your ads on sites contrary to the terms of Google Adsense account , so in this post we will learn how to protect your adsense account from those invalid clicks that by reporting for it.

First fill up the invalid contact form. (look the screen )
After filling out the form click on submit.

Jumat, 16 Agustus 2013

How to Make Your Blog More Profitable by Speed Blogging?

 It is important to consider whether you are blogging productively or non-productively.

It is very common for bloggers that sometimes we would just spend a few hours to write a blog post. The longest time I had spent on writing a post was 5 hours. I understand that we wanted to write a post as informative as possible, structured the most beautiful story and tried to use the most appropriate words to explain what we want to say. But frankly, as a blogger, or even a professional blogger it could be a kind of non-productively work.

How to determine whether it is productive?
If you are a professional blogger and you generate income by getting people to your blog and read your stuff, then you must understand that your time is precious. In my own business, there are two things I have learned which is very important if you are trying to make money by blogging. They are…

Blog Daily. Tell others.
It is very easy to understand that we want to create some valuable content to attract more people to read our blog. It doesn’t mean that we should create as much informative content as we can, then more and more people will get in. It doesn’t work like this. Actually, the more work we should do and more time to spend is on Tell others

Of course today we are not going to discuss how to syndicate your blog or building backlinks. I want to talk about how you can shorten the time of writing by using Speed Blogging but at the same time you can still attract people or even more people than writing a post that is full of information.

How to structure a post by speed blogging?
There is a few ways you can construct posts really fast and at the same time arouse noise. Well at least you are writing something that are most of the people talking about.

Alex.com – What’s Hot
“Alexa is perhaps best known for the Alexa Rank - our website ranking system which tracks over 30 million websites worldwide. The Alexa Rank and other metrics allow site owners to benchmark their sites and give consumers, marketers and advertisers metrics to evaluate websites for media buying, partnerships, and other business opportunities.

Alexa's traffic estimates are based on a diverse sample of millions of worldwide internet users using thousands of different types of toolbars and add-ons for Google Chrome, Firefox, and Internet Explorer.”

Need not to emphasize the authority of Alex.com here. But not many people know that actually they can find the hottest topic on internet by accessing the Alex.com – What’s Hot. What you need to do is to go to http://Alexa.com/whatshot/ to find out the most popular topic that are on the web right now.
You can just choose a topic that you are interested to write about. Describe what it is happening, talk about how you feel or your opinions. Relate to your product if it is possible. Then a post can be easily composed and attract the most people at the same time. Remember, even you are attracting people who may not be interested into your niche, but the more traffic you get the higher your blog can be ranked in Google search result. That’s mean it eventually helps you to attract more people and let more people to be able to search your blog!!

YouTube Charts
Again, YouTube Charts is another channel you can find the most popular videos that people are watching in the world. You can simply find some videos that are popular, related to your niche and sometimes entertaining to post on your blog. Talk about the video, give some comments on it and add some related keywords on the post. Then you can compose a hot, may be entertaining and attractive post really quick. You can go to http://www.YouTube.com/charts to find those videos.

Some may say “I don’t want my blog to be entertaining, I want to be a professional, informative, serious and boring blogger.” Well, it depends on whether you want more people to know your stuff or you just want to bury your blog and only you know it is valuable. 

Of course I am not telling you to write some non-sense articles only to attract traffic. Try to find some topic that you can tweak a little bit so that it could be related to your business or your niche. That will be making sense so much more!!

Quote from others
Another really simple method that I always use is to quote from others. Most of the time you don’t need to write all the things by your own hand. You can quote other people’s stuff to fill with content. Just like the paragraph I write about Alexa.com above, I just quote it from the main site of Alexa.com. It can save you much time!! Or sometimes if you could find some good article on web or on Facebook, you could just quote a few paragraphs that you think it is interest or related to your niche. Again, write about how you feel, tweak a little bit to relate to your business. Then you can create another Speed Blogging post really quick!

Limit yourself to finish a post within 30 mins.
In my perspective, the best practice of writing blog is to limit yourself to write each blog post within 30 mins, so that you can finish 2 posts within an hour. You could write one more entertaining and the other one more informative. Then you can spend the rest of your time to do social syndication.

Of course it doesn’t mean that you can’t write something you really love or passionate about with more time. But you gotta bear in mind that this is not productive and thus it would become less profitable in your day. Or you may merely do this in your spare time.


Thank you for stay with me and read till here. I hope this information could really help. Let me know how you think about this!! Leave comments here and share it if you think this is cool.

If you want to know more about me, you can go to my personal blog here.


Guest Blogger  
Kirk Lau is an Internet Marketer located in Hong Kong. Teaching average people to earn an extra income by simple blogging, sharing on social media and using paid traffic strategies. You can go to Kirk Lau's Empower Network Blog to find out more information that he share!


Sabtu, 10 Agustus 2013

How To Add Stylish Floating Facebook Like Box Widget In Blogger

Today we will learn how to add facebook like box to blogger blog with a distinctive view, wonderful and attractive format, where the facebook like box is hidden on the right side of the screen and shows only the passage of the cursor on it. to add this widget to your blog,follow these two simple steps:

STEP 1
1.  Go to Blogger Dashboard  --> Template
2.  Please! download  a copy of your template
3.  Now click on Edit HTML
4.  Use Ctrl+F to find </head>
5.  Then copy and paste just above/before it, this code:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
6. Save your template.
STEP 2
1.  Now go to Layout--> click on "Add a gadget".
2.  Select "html/java script" and add the code given below and click save.
  <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLu9tVhACR8OdFNzoA0fZFqPHI7KqxtTqvQD_ecUAa8jIIdcVt73JXiMYDuBh8fGiLN9ZSlxTFc_pIg0C8bfKpqPZOvjlPCsOQ2r5gU4luzKqoaKj1BwbDzfB8ZiFBH1AnO57AsabTvk0/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style="">     <div>     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fbbloggertutorials&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.bbloggertutorials.blogspot.com"> BBloggerTutorials</a></span>     </div> </div>
Note: Replace bbloggertutorials with your facebook page URL or user name.
Now you can see the result and be happy. :-d