How To Add Related Post on Blogger

Related Posts Widget would display links to other posts of the same category/label. It also increases SEO and Page views of your blog. This post will show you how to add related posts widget to your blogger blog.

Here is simple Some step to add Related post below your all blog post

1. Go to yout Blogger Dashboard > Template > Edit HTML
2. Backup your template Before installing
3. check Expand Template
4. Search for  </head> (using ctrl+f)
5. Add the following code just before it:

<!--Related Posts Start--> 

<style> 

#related-posts { 

float : left; 

width:550px; 

margin-top:0px; 

margin-left : 5px; 

font : 11px Verdana; 

padding:5px; 

} 

#related-posts .widget { 

list-style-type : none; 

margin : 5px 0 5px 0; 

padding : 0; 

} 

#related-posts .widget h2, #related-posts h2 { 

color : #940f04; 

font-size : 20px; 

font-weight : normal; 

margin : 5px 7px 0; 

padding : 0 0 5px; 

} 

#related-posts a { 

color : #054474; 

font-size : 12px; 

text-decoration : none; 

} 

#related-posts a:hover { 

color : #0080ff; 

text-decoration : none; 

} 

#related-posts ul { 

list-style:none; padding:0px !important; 

} 

#related-posts ul li { background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO3Gpk5X_tLAp90BP_iiR79lVibiPL4qKTubfHs0yHP7cq7lY4Zg3KXFGXZNjZMPJ5qDucnRDr-g-XeWlYuKZefWJ8q6H7zRC3lP1RXVjwwkCbfkGe1NWgCI6_CUorR2RicUmZF46Pwd4/s400/255.gif) no-repeat scroll 0px 6px; margin: 0.3em 0 !important; padding: 0 0 0.8em 20px; line-height : 2em; border-bottom:1px dotted #cccccc; 

} 

#related-posts ul li:hover{     

background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoNJcMdudxOd-C8FB706FwXPebwvB0TBr6RHEml7pD_9wb4oCr9prqBXBJ58eQYOe1NBI4aLHT_cj5cmlnNKOlLYjv9DJvbpM2EpPiBgedrbZkXyDU7ECKgV1AbI-vg6n6ABXNOoKnquw/s400/251.gif) no-repeat scroll 0px 6px !important; 

} 

  

</style> 

<script language='JavaScript'> 

//<![CDATA[ 

var relatedTitles = new Array(); 

var relatedTitlesNum = 0; 

var relatedUrls = new Array(); 

function related_results_labels(json) { 

for (var i = 0; i < json.feed.entry.length; i++) { 

var entry = json.feed.entry[i]; 

relatedTitles[relatedTitlesNum] = entry.title.$t; 

for (var k = 0; k < entry.link.length; k++) { 

if (entry.link[k].rel == 'alternate') { 

relatedUrls[relatedTitlesNum] = entry.link[k].href; 

relatedTitlesNum++; 

break; 

} 

} 

} 

} 

function removeRelatedDuplicates() { 

var tmp = new Array(0); 

var tmp2 = 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]; 

} 

} 

relatedTitles = tmp2; 

relatedUrls = tmp; 

} 

function contains(a, e) { 

for(var j = 0; j < a.length; j++) if (a[j]==e) return true; 

return false; 

} 

function printRelatedLabels() { 

var r = Math.floor((relatedTitles.length - 1) * Math.random()); 

var i = 0; 

document.write('<ul>'); 

while (i < relatedTitles.length && i < 6) { 

document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); 

if (r < relatedTitles.length - 1) { 

r++; 

} else { 

r = 0; 

} 

i++; 

} 

document.write('</ul>'); 

document.write('<a rel="dofollow" href="http://makeurbloguniq.blogspot.com/2012/12/add-related-post.html" style="float:right;font-size:10px;">Get This Widgets</a></font>'); 

} 

//]]> 

</script> 

<!--Related Posts Stop-->

6.Now search for <data:post.body/>

7. Paste the following code just before it.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='related-posts'> 
<font color='#289728' face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><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=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> 
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); 
</script> 
</div></b:if>

8. Save your Template you are done

Customize your Widget

• To display any other text in place of "Related Posts" then simply replace it with any text you want
• To change the color of the related post title change this code #289728 to the one you want

How to remove "Powered By Blogger " Gadget

1. Go to dashboard/ template/ edit HTML
2. Click the 'Expand Widgets Templates' box
3. Remove the following code From your HTML File 

      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'/>

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
</b:widget>

save template you are done .

Cheers ..!!! 

REMOVE - SUBSCRIBE TO: POSTS (ATOM) From Blog

1. Go to dashboard/ template/ edit HTML
2. Click the 'Expand Widgets Templates' box
3. Find:

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

Remove this line:

<b:include data='feedLinks' name='feedLinksBody'/>

That should remove Posts (Atom)

Facebook Time line Cover image

25 Beautiful And Awesome FaceBook Time Line Covers

 

Search Tags: Free TimeLine Covers, Facebook TimeLine Covers, Stylish TimeLine Covers, Awesome TimeLine Covers, 5 New TimeLine Covers, 10 New TimeLine Covers, 15 New TimeLine Covers, 20 New TimeLine Covers, FaceBook Fan Page TimeLine Covers, Facebook TimeLine, TimeLine Covers Collection, Free Facebook TimeLine Covers. 

http://meroconcept.blogspot.com/2012/08/Free-facebook-timeline-cover.html
 This article takes from EXE Ideas

How to add Facebook Like Button Counter Buttons To Blogger every post

Hello Friends Today I am going to share some Blog tips.  How to add Facebook like button,Retweet, Stumble and Digg Counter Buttons below blogger post title. This article will help you how to make Your blog little Unique or professional  .The widget includes most popular sicial site Facebook Like Button which is highly appreciated throughout the our favorite the retweet button, Stumble and Digg Counter Buttons. All these buttons are eye catching so the visitors would love clicking them and thus bringing you more and more traffic by sharing your an blog post with people in their social media networks. You can see these buttons in action just under my post titles. So how do we add them? Simple few step Here we go –>

Look hare demo screenshot:

How to add Social Media Buttons To Blogger?

The method is as simply as throwing a peanut in air and swallowing it. Simply follow these steps,

1. Go To Blogger > Design > Edit HTML
2. 1st Back up your previous  template design.
3. Check mark the Expand Widget Templates box
4. Then click (Ctrl + F) and in the browser search box paste this code,

data:post.body

    5. Just above this code paste the code below,

<!--script Start --> <b:if cond='data:post.isFirstPost'> <!-- Facebook --> <div id='fb-root'/> <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 = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;; fjs.parentNode.insertBefore(js, fjs); }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;)); </script> <!-- Google +1 --> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script> <!-- Twitter --> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script> </b:if> <!-- ScriptsEnd --> <!-- Horizontal social buttons Start --> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div class='horizontal-social-buttons' style='padding:5px 0 5px;'> <!-- Twitter --> <div style='float:left;'> <a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a> </div> <!-- Google +1 --> <div style='float:left'> <g:plusone size="medium" expr:href="data:post.canonicalUrl"/> </div> <!-- Facebook Like+Send --> <div style='float:left;'> <fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/> </div> </div> </b:if> <div style='clear: both;'/> <!-- Horizontal social buttons End -->

 
6.  Save your template and see your blog with some best Beautiful social media buttons.your Post title below .

Enjoy...............!!

 Liked Our Post ?? Click below Like Facebook like button.

www.meroconcept.blogspot.com
Code source - Blogger Trics  

How to play Angry birds on a computer?

A fantastic game it you can play on PC or Mobile phone also. It Angry bird Game available for iPhone, iPad and also Android mobile devices.
The Rovio company which has created this game has also released a version of the game that can be played on a your PC desktop or laptop Also.







How to play Angry birds on a computer?
You can play Angry birds with the help of Google Chrome Web browser.

Steps:
1. Download  Google Chrome Web Browser
2. Go to Google Chrome Web Store and search for angry birds.
3. Select add to Google Chrome button.
4. You can play this game by starting the Google Chrome Web Browser and selecting the apps tab at the bottom of the browser window.

There is another version of the game that works on most computers:
Download Angry Birds  

Drinking 8 Glasses Of Water A Day Is ‘Nonsense,’ Doctor Says.

The health recommendation to drink six to eight glasses of water a day is “thoroughly debunked nonsense,” a doctor wrote this week in a commentary in the British Medical Journal.

Many health departments and organizations tout the need to drink that much water every day, but there is no high-quality scientific evidence to support the recommendation, wrote Dr. Margaret McCartney, a general practitioner based in Scotland.

लण्डन ओलम्पिकमा महारानीका नातिनीले पदक जितिन्

   बेलायती महारानीका नातिनीले रजत पदक जितेकी छिन् । घोडचढीको टिम भेन्टमा महारानीका नातिनी जारा फिलिप्ससहितको ग्रेट विटेन टोलीले दोस्रो स्थान हात पारेको छ ।

स्वर्ण भने जर्मनको टोलीले जितेको छ । जाराको टिमलाई हौसला बढाउन बेलायती राजकुमारसहितका अधिकारीहरु मैदान पुगेका थिए । ग्रेट बि्रटेन टिममा परेपछि जारा बेलायती मिडियाहरुमा छाएका थिइन् ।

उनीसँगै उनको घोडाको नाम पनि चर्चामा रहृयो । जाराको घोडाको नाम हाइ किङ्डम राअिएको छ । यसैबर्ष मात्र बैबाहिक बनधनमा बाँधिएकी ३१ वर्षीया जारा महारानीकी छोरी प्रिन्सेस एनकी छोरी हुन् ।

प्रिन्सेस एनले पनि सन् १९७६ मा भएको ओलम्पिकमा बेलायतको प्रतिनिधित्व गरेकी थिइन् ।

Source:- OnlineKhabar.com

How To Autoplay Youtube Videos You Embed–Play Videos Automatically .

This article describes how can you autoplay youtube videos that you have embedded or want to embed into your website. The trick is simple. I hope you know the steps of how to embed a youtube video.

First go to www.youtube.com and find the relevant video.

How to change the blogger Favicon ?

Favicon (Favorites Icon) is the small picture (usually 16px x 16px in size) you see beside some some site's name in your browser's address bar. Like this

This is simple 3 step to change your Blogger favicon  here . 

1.  Log in to your Blogger's Dashboard, go to the Layout .  
2. There is top of left side  title-"Fevicon" Click on the "Edit" link on the "Favicon" 
3. Choose you file and click save simple 

(Note : Your Favicon Image size under 100KB)

How to remove navbar

Navbar  

Alot of people who host their any blogs on Blogger [www.blogspot.com] complain about the inability to remove the blogger navigation bar via their elements page. Like wise  you don't want to open other wise blog from you blog .

If you really want to remove the navigation bar which top of you blog, you need to access your HTML template. I telling you below . I'd like to first talk about why you may or may not want to remove the nav bar from your blog (website).



Main Reasons To Remove It.
This navigation bar make your blog not professional :-  It depending on your blog purpose for blogging is, when you remove navbar , help to makes your  blog look more like a free-hosted blog (Web) and less like a professional site worth taking seriously.