আপনার ব্লগের নাম নাড়াচাড়া করুন

1.প্রথমে লগ ইন করুন আপনার ডেসর্বোডে
2.লেআউট থেকে>----->Edit HTML
3. ctrl+f চেপে খুজে বের করুন
</head> লেখাটি
4.

<script type='text/javascript'>
var txt="Sohanur Rahman Sobuz ";
var espera=200;
var refresco=null;
function rotulo_title()
{
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>

লেখাটি </head> এর আগে পেস্ট করুন। তবে সেইভ করার আগে "Sohanur Rahman Sobuz " জায়গা টুকু নিজের মত করে সাজিয়ে নিন।

5.save করুন।

ধন্যবাদ

Posted By Sobuz1:42 AM

0

Continue Reading

Add breaking news widget in your blogspot-blogger widget & seo

============================================================

Add breaking news widget 

=============================================================

adding breaking news widget is very simple. just following blew steps you can do it easily

1. go to your blog layout 

2. click add a widget

3. setect HTML & JAVA SCRIPTS widget

4. now paste here blew code

--------------------------------------------------------------------------

<script style="text/javascript" src="http://blogger-jquery-file.googlecode.com/files/buzzbd.js"> </script><script style="text/javascript"> var nMaxPosts = 20; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="BREAKINGN NEWS»"; </script> <script style="text/javascript" src="http://sobuz4u.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

---------------------------------------------------------------------------- 

5.Edit blue color text with your blog url name

6. you can change  speed of scrolling text  increase or decrease  by change yellow color number. such

     as: if you want incerase speed please change it with 200. but decrease speed by 125.

7. you can change your widget name to as your wish by changing green color breaking news as like HOT TOPICS, HEADLINES Etc.

now save your widget and save arrangement  .

well done, you successfully do it

Posted By Sobuz4:19 AM

0

Continue Reading

Add Simple Slideshow of Featuted Posts with Description in Blogger Blog

Featured Posts are very important element of a site to give idea to the visitors about most important posts in the blog. Users can easily track the most important post among all the posts which they want. There are many clarified gadgets to show featured posts to attract the visitors. Slideshow of featured posts is one of them.

Generally slideshow of images is made by javascript which looks good but it may lengthen the time of loading your page which will discourage the visitors to stay on the page. So if you want to add slideshow of featured posts I suggest to add simple HTML slideshow of featured posts in blogger blog.

Now take a look what you are going to do:

Samsung Vs HTC One || Battle between technology giants

Samsung Galaxy S4 | Full Featured Smartphone

Add caption

Price List of Tablet PC's in Bangladesh

Now I am going to write about how make a simple image slideshow of featured post with their description.


How to Add Simple Slideshow of Featuted Posts with Description in Blogger Blog:

1.  Go to the Dashboard of blogger.
2.  Click on the Layout and Click on 'Add a gadget'.
3.  Select the 'HTML/Javascript' gadget.
4.  Now paste the code given below.

<div id='tc-slide'>
<marquee scrollamount="9" scrolldelay="75" width="200" height="200" bgcolor="#fff" direction="up" onmouseover="stop();" onmouseout="start();" >
<a href="LINK1" target="_blank"><img height="150" src="Image Link1" width="200" alt=""></a> <h4 align='center'><a href='Title Link1' target='_blank'>Title text 1</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK2" target="_blank"><img height="150" src="Image Link2" width="200" alt=""></a>  <h4 align='center'><a href='Title Link2' target='_blank'>Title text 2</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK3" target="_blank"><img height="150" src="Image Link3" width="200" alt=""></a>  <h4 align='center'><a href='Title Link3' target='_blank'>Title text 3</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK4" target="_blank"><img height="150" src="Image Link4" width="200" alt=""></a>  <h4 align='center'><a href='Title Link4' target='_blank'>Title text 4</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK5" target="_blank"><img height="150" src="Image Link5" width="200" alt=""></a> <h4 align='center'><a href='Title Link5' target='_blank'>Title text 5</a></h4> <p align='center'>Your post description goes here...</p>
</marquee>
</div>

Note:  Change color marked text as your own like Red for link which redirects from image, Blue for image link, Pink for your Tile Link and the Green color for your Title Text.

5.  Now Save the Gadget and check it out. 

Posted By Sobuz4:01 AM

0

Continue Reading

How to add Custom Robot.txt to Blogger | Crawlers and Indexing

Robot is simply a software of Google Search Engine which is send by Google to collect information from all the websites which are newly discovered. I have already discussed about Crawling and Indexing in my previous post. Now I'm going to discuss about how to add custom robot text to blogger.

Before starting first we have to know about Custom text. Custom text is the direction to the Robot software that how it crawl the site which is given by the administrator. It allows Robot to crawl and index maximum number of pages from the website. So it essential for the Search Engine Optimization (SEO).

How to add Custom Robot.txt to Blogger blog:
There is no hardness to add this text which can be done even a beginner. So lets go the steps:

1. Go to the Dashboard and select Settings from the left bar.
2. Select Search preference from submenu.
3. At the right, go to the Crawlers and Indexing section. 
4. Click edit in Custom robot.txt and select yes.
5. Add this code given below in the box which will appear just below the Custom robot.txt.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search?q=*
Disallow: /*?updated-max=*
Allow: /

Sitemap: http://www.sobuz4u.blogspot.com/feeds/posts/default?orderby=updated

Note: Red line denotes the link of your sitemap URL/RSS feed URL.

Now you have almost done.

Now take a look what you have done.

Click Save Changes.

Posted By Sobuz3:58 AM

0

Continue Reading

Add Meta Tags to your Blogger Blog

Meta tags are the important elements for successful SEO of your blogger blog site as well as any types of website. It helps to find out the keywords related to the article to Google bot. When a user search article by his own keywords, bot searches the most relevant matches with the keywords and show the results. So, if you want to optimize your site with successful SEO, keyword research is necessary and place the keywords  into the meta tags. You can put your site description as well as specific post description as search description which helps to recognize your site to the bot that what kind of topics describes in your post. 

Meta tags are basically HTML head element and are not shown on your page. This tag is placed in between the <head> and </head> tag. This elements are generally added to the main script manually.

You can put two types of META tags. You can put text Meta tags as keywords and description and on the other hand "alt" tags. The "alt" tags are used to recognize your photos to the bots that what type of photo it is? 

How to put Text Meta Tags:
Meta tags are generally included <meta> tags. You can put your keywords between the anchor of thr tags and place the tag between the <head> and </head>. You can put keywords and description meta tags like this:

<meta name="keywords" content="YOUR KEYWORDS HERE" />
<meta name="description" content="YOUR DESCRIPTION HERE" />

This elements specifies your overall site keywords and descriptions. But you can put post by post meta keywords and description.

How to add post by post meta elements:

When we add labels to the post we actually add meta keywords to the specific post. But in previous blogger interface there were no option to add meta description to specific post in blogger blog. But in new interface of blogger blog you can add specific post search description for optimization of your blogger blog.

When you write a post you will see an option to add Search description where you can add your specific post search description.

How add "alt" Tag to the Photos:
The "alt" tags are very important for Search engine optimization (SEO). If you put the "alt" elements to the photos the photos will readable to the search engine and can give feedback in the search results. Generally in HTML, "alt" tags are included with <img> tag like below:

<img src="IMAGE URL" alt="IMAGE NAME/DESCRIPTION">

But you add "alt" elements to the photos in blogger blog more easily as well as you can add title and caption with the photos in blogger blog.
To add "alt" tag to the photos, select the photo after uploading the photo. A menu will appear where you can find Add caption and properties menu.

You can add caption by selecting on Add caption. To add "alt" tag click on the Propertion. A pop-up box will appear.

Posted By Sobuz3:57 AM

0

Continue Reading

How to Add Meta Tags In Blogger

To get huge traffic in Blogger you must have to add Meta Tags. Meta tag is nothing but a centralized description of a web page. But it is very important to improve search engine ranking. From Meta Tags, crawler/bots can easily find the documents like author, language, country, platform, keywords, description. If you have special niche for your blog, meta keywords and meta description will help you to drive a huge traffic from search engine. In WordPress there are thousands of plugins for meta tag. But, in blogger you have to import manually. See Below for meta tags and a brief description of the meta tag.

<meta content=’Blog Description’ name=’description’/>

This meta tag uses to show a crawler, a brief description of your blog. It’s called as meta description. Remove Blog Description and put your own blog’s description.

<meta content=’KW1, KW2,Keyword3′ name=’keywords’/>

This meta tag uses to push hidden keywords to your blog. Push your keywords in place of KW1, KW2, KW3. You can add unlimited keywords. but remember, 6 or 7 keywords are better SEO. At first make a keyword analysis o your blog then find important keywords for your blog then select and push the meta keywords in your blog.

<meta content=’Author Name’ name=’Author’/>

This meta tag uses for specify the author of the  website/article/post. You can use your name or g+ profile link in the place of Author Name. By this meta tag you can verify authorship on Google+.

<meta content=’G+ Publisher Page URL’ name=’Publisher’/>

This meta tag is uses for verify publisher page at google+. Use your google+ page url at place of G+publisher page URL. This is very important for multi-author author blogs.

<meta content=’Author Email Address’ name=’Email’/>

This meta tag uses for specify a mail address to author. Use your email address in the place of Author Email Address.

<meta content=’index, follow’ name=’robots‘/>

This meta tag specifies the permissions for a crawler or bot. ‘Index’ gives the permission to take the article on the of a search engine. Follow indicates your blog link will be followed. If you want to make your blog  no-follow then use nofollow in the place of follow. But remember it affects site-wide.

<meta content=’Language Name’ name=’language’/>

This meta tag uses for specify the language of your blog. It helps to detect language to translators. Configure it by using your blog language. As an example if you are using US English then it will be looks like this “<meta content=’en-us’ name=’language’/>“.

<meta content=’Country’ name=’country’/>

This meta tag uses for specify the country for your blog. Country meta tag improves your local search ranking. Use your country name in the place of Country.

<meta content=’Engine’ name=’generator’/>

This meta tag specifies the platform you are using for your blog. Use your platform name in the place of Engine. as an Example if you are using Blogger then it should look like this”<meta content=’blogger’ name=’generator’/>“.

<meta name=”copyright” content=”name of owner”>

To protect your text and Images from copying you have to use this meta tag. Use the author name or the publisher name in the place of “name of owner”. Example : <meta name=”copyright” content=”InfoLuv”>.

How To Add Meta Tags In Blogger

Follow the below steps to add meta tag to a Blogger blog.

• Login to your Blogger Dashboard.
• Go to Template from Left Sidebar.
• Click on “Backup/Restore” from upper right corner.
• Then Click on Download Full Template.
• After completing your download click on Close button.
• Click on “Edit HTML” button.
• Go to Section. You can search this from Ctrl+F.
• Add Your Meta Tags after <head> & before </head>.
• Click on “Save Template” Button.

Congratulation you have done the job.
Thanks for being here. For any any blog related inquiry or complaint you can contact us.

Posted By Sobuz3:44 AM

0

Continue Reading

Add "About the Author" Box Below Every Blogger Post

How to add About the Author Box below every Blogger Post?

Very easy process, just follow my steps given below:

STEP 1.

Go to Design >> Edit HTML
Tick the check box.

STEP 2.

Search for the following code :- (Press Ctrl + F to Search)

]]></b:skin>

Now just above this code add the following piece of code.

.author-box { background: #F7F7F7; margin: 20px 0 40px 0; padding: 10px; border: 1px solid #E6E6E6; overflow: auto; } .author-box p { margin: 0; padding: 0; } .author-box img { background: #FFFFFF; float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #E6E6E6; }

By adding this code, we defined the CSS layout for the “About the Author”.

STEP 3.

Now this is the part where you need to customize you own ” About the Author Area ” according to your need. Edit the following code as you want.

<b:if cond=’data:blog.pageType == &quot;item&quot;’> <div class=’author-box’> <p><img alt=” class=’avatar avatar-70 photo’ height=’70′ src=’Your Photo Link‘ width=’70′/><b>About the Author</b><br/> <div style=’text-align: justify; font-family: verdana; color: rgb(0, 0, 0);’>Write Something About Yourself<br/> <a href=’ Your Twitter Link ‘>Follow Me on Twitter</a> <p style=’margin:-8px 0′><br/><center><a href=’Your Blog Link‘ style=’text-decoration:none;font-size:70%;’>Your Blog Name</a></center> </p></div></p> </div> </b:if>

Change the following things as you wish them to be displayed

• Your Photo Link
• About the Author text (In my case it’s “About Ritesh“)
• Write Something About Yourself
• Your Twitter Link
• Your Blog Link
• Your Blog Name

STEP 4.

Add the above code (once you are done with editing) below the following code:

<div class=’post-footer-line post-footer-line-1′/>

DONE!

Now check out at the last of every post, you will notice your Achievement. I hope you enjoyed. For any query or doubt, don’t hesitate to ask it in comment.

Posted By Sobuz10:59 PM

0

Continue Reading

Color Your Social Subscription Widget Blue

Here’s another subscription widget that you would definitely like. By using CSS and HTML, it’s a lot easier for you to incorporate this RSS feed subscription box with social icons on your site. Follow these simple steps:

• Login to Blogger > Blogger Dashboard

• Select Layout

• Add Gadget > HTML/Javascript

• Paste this code below:

<style>

#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}

.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3VmbKkGWsHu7bg4MeyxtLp5Ybrq3lrjlXBArMn1x9n8SUZkJ-AG2bvefr46d8v7Ir1QTuripY3iRIO2r9A_4MgyXnGlEc6y6SZTHEUmhTK5d5gMwW5u8wxdEf90CpPbEvf8D_L6EYTqI/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}

.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}

.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2JNdPVaBh0pT6PullUMXr-YXRWeriKirpqaFetQuk02LRmsB22IvEuQtohKJZib0wMCa68RCPtnKkpkxUzg0bFvZaJHE5NFWRIN3XibpnEy6hS98lcgpTxVLKRNFL6rylM0MN8XhvgA/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}

.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}

.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}

.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}

#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}

a.social-icons{margin-right: 5px;height:45px;width:45px;}

a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}

</style>

<div id="sidebar-subscribe-box">

<div>

<br/>

<a href="https://facebook.com/sobuzzzzz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGl4qL2CSus94yEn3XHZDCBbQiVC2qjOOa4cCBv88wqwtHZT6tcZE1xyePByd8-XDvaBhyphenhyphenI9opcrHMUElf2O6GsJhmh3weM8jykadzMVdlJTQ854VJdeB7KW1gOla7AA-sgGE0XeekGUBI/s1600/Bloggertrix-facebook.png" /></a>

<a href="https://twitter.com/sohanurbd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZM44X9RT2BIB5kE1BIwBwUyhxqtqPbPJah4K8g8j4YWihzfBL8BBrGxPU1UMsOzYDMFq9N2jTBDvtPb9A2hfrV1xFG1_hmZ-341Oia06PyPPEVNpCBMD6xVgfTmROYdZmNbU6N9nEsL8R/s1600/bloggertrix-twitter.png" /></a>

<a href="https://plus.google.com/106843602867085867346"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsPJZad7XAXVIM09CnoFkSLn0eR8fEZlOvwu5hF-jHWKnOJ5TXdrebLNOJNOjbSbRg5GbdcgJAAssK5MjTYa_vXC_TQNlI3KhjOYK6_i2pV9P1xja_vO2F7biRArc_O1MCBwQspdNNteBB/s1600/Bloggertrix-Googleplus.png" /></a>

<a href="http://www.feeds.feedburner.com/sbz14"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcevA7VeoWwxEhgt6A8JVViP3NRHEJRYjrppRjdru6bQNWh3-Nb2quVyoujuVUzi7XI_Ro_1TtyLOIhIo-ZMwJc2Elhh2YM4HCi81eN7_L2PBDs-5vVc_abEwvj0Wi1ymFZwYOcoCeR99y/s1600/Bloggertrix-Rss.png" /></a>

<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>

<div><form action="http://feedburner.google.com/fb/a/mailverify?uri=sbz14" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="bloggertrix" />

<input name="loc" type="hidden" value="en_US" /><input name="email" autocomplete="off" placeholder="Enter your email address here"/>

<input title="" type="submit" value="Subscribe Now !" /></form>

</div></div></div>

Note: For Facebook username, Twitter username, Google+, Feedburner username, Feedburner ID, replace the provided sample name highlighted in red with your own.

• Always backup your template first before editing.

• Save.

Simple isn’t it? Hope you like this featured tutorial.

Posted By Sobuz5:09 AM

0

Continue Reading

What are Meta Tags, Meta Keywords, Meta Description and Meta Title

Some of our visitors friend asked me about the difference among keywords, descriptions and tags.Some of the people do not know the exact meaning and difference of meta descriptions/descriptions, keywords/meta descriptins and tags.

What are Keywords or Meta Keywords

Let to me to clear about one thing that you should know the meta keywords or keywords are not used by the Google and Bing to determine the rank of sites an blog but some search engines still use it on its algorithm. So it is not necessary to think about meta keywords. Keywords are not visible in the site.
Meta keywords are same like the meta tags. Meta keywords should be like the meta tags which should seperate by the comma.

What are Tags of a Blog

In blog tags are called as labels and in wordpress it is called as categories which is separated by the commas. It describes a specific post as specific category. In wordpress and blog, they are often place at aside. Tags should place more than 3 in an post or article.

What are Description or Meta Description of a Web Page

Meta descriptions are more important than those two keywords and tags. Google algorith mostly follow the desciption to provide rank for websites and webpages. You should know that meta description should not be more than 150 word. It should be less than 150 words and not less than 100 words. Here you can place the possible keywords of your posts.

What is Meta Title

Meta title is title of each post of the blogs and sites. Title seems more significant for the better result of your posts in the search engine. Indeed title shows the attraction your blog. You should pick a solid topic or title and then publish your post.

Hope you all get some information about these important parts of SEO.
Thank you all.

Posted By Sobuz2:16 AM

0

Continue Reading

How to Add Search Engine Friendly Post Title

Indeed content is the king in search engine. And then we can say title is the queen. almost more than 70% visitors come from search engine which depends on post title. I think blogger should mostly make attention towards the post title. If they do it, then there need not any other optimization. There should be a particular reason to give your blog high rank by Google. If your content quality is best, then it can be a reason or if you get most visitor by referral or any other techniques. So you have to think about increasing the rank of your blog and getting more traffic by only optimizing your blog post title. Now lets see some tips and tricks that help all all the time to optimize your blog.

What is SEO Friendly Post Title?-

Post title is a topic that a blogger is going to write some useful information staying around it.
Title is content itself. The information or content without title can not catch visitors eyes on your posts. So it is fact that you should give a title of your content and the title should be appropriate and optimized.
Title should be appropriate to your content which should be short and sweet also. Here is three key things that a blogger should remember while he is writing an article about any topics.

1. Keyword tool should be used to analyze keywords.
2. Length of title should be maximum 66 characters.
3. Word should be clear, concise and attracive

Google keyword analysis tool:-

Do not write any article randomly which can not be search engine friendly. So to know what to write, use the Google keywords analysis tools.

To find out the which word is mostly searched globally in this time, use Google keyword planner Tools. There you can find the high ranked keywords. This service provides by GOOGLE adword campaign. See these pictures where you can see how to use the google keyword planner.

Title length should be less than 70 characters:-

Use title which only has 70 characters maximum. Use one keyword in title as possible. If you use more than one keywords in your title, then there might be confusion on what your post is about and search engine shows the title by chopping.

Make clear, concise and attractive title:-

Mostly searching keywords are attractive, so it can be attractive title. If your title is that keyword which is mostly searched, ROBOTS love that title. ROBOTS mostly love clear and concise titles.

You will understand clearly by the following examples:-

Example 1:

"Learn About How to Automatically Post Your Blog Post in Facebook ?"

 Example 2:

"How to Automatically Post Blog Posts in Facebook"

In above, the first example looks some clumsy and unfriendly to the users. There you also can find the unnecessary phrase in beginning. But second example is good and which consist 59 characters only and it seems very good to search engine optimization.

In summary, just follow these points to make your optimized post title:-

1. Use Google keyword planner tool.
2. Check you spell correctly or not.
3. Make title clear, concise, short and sweet.
4. Length of title should be less than 70 characters.
5. Start your post title with phrase like 'How to', 'Free', 'Top 10' etc.

Posted By Sobuz12:32 AM

0

Continue Reading

Related Posts Widget for Blogger Without Thumbnail

More internal links on a webpage is important in the sense of SEO because when a visitors get into a page of your sites, then he/she will see there more links and click them. Sometimes they don't want to click but unwantedly they click. So that your site gets more hits and more hits might be a cause to improve your page rank high in the search engine. If your site has high page rank, then your site obviously gets more impression and visitors.  But blogger blog doesnot have default related posts widget. So you have to add the related posts widget manually. please follow the following steps to add a simple related posts widget in your blogger blog without thumbnails.

---

How to Add a Related Posts Widget in Blogger Without Thumbnail?

---

Sketch of related posts 

Step 1: Just sign in into your blogger account. Go to template>>edit html.
Step 2: Find the </head> tag
Step 3: Put the following code just before the </head> tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
#related-posts {
    margin: 10px 5px;
padding:5px 5px;
}
#related-posts h2 {
    font-size: 18px;
    color: black;
    margin-bottom: 15px;
}
#related-posts a {
    font-size: 14px;
    color: #999;
    text-transform: capitalize;
}
#related-posts a:hover {
    text-decoration: underline;
    color: #555;
}
#related-posts ul {
    list-style-type: none;
    margin: 0 0 0px 0;
    padding: 5px;
}
#related-posts ul {
    list-style-type: none;
    background: #e9e9e9;
    border-left: 6px solid #e2e2e2;
}
#related-posts li {
    padding: 12px;
     border-bottom: 2px dotted #E2E2E2;
}
#related-posts li:hover {
    background: #F4F4F4;
font-weight:bold;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/>
</b:if>

You can change all the above css code as your wish.

Step 4: Search the below code

div class='post-footer'>

Step 5: Now put the give codes before the above code.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script><a style="font-size: 10px; color: #bcbcbc; float: right;" href="http://allblogsolution.blogspot.com" rel="nofollow" >Get Related Post widget</a></div></b:if>   

Step 6: Now save template.

You did it. You also can change the maxresults=6 into any parameters as your wish.
Thank you. Comment us for any problems.

Posted By Sobuz11:02 PM

0

Continue Reading