December 2013 | PreToPro Blogger

How To Add Related Post Widget By LinkWithin in Your Blog

Kaushal Srivastava 1 Best Gadgets, Best Widgets, Blog Gadgets, Blog Widgets 23:35

<div dir="ltr" style="text-align: left;" trbidi="on">
<i><br /></i>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7doDB2SHs7eSR0Jgf9no8PpmY6JkU35DdX8pMIwnyq6UCIVBiPddZOGNKTsrmclgq29RypCrlk_qtXuUz3SmyYZUvIRjDJt5WyzTsMqabE_D8ZUfsUHpH_aYpzsOjLwpqoRpmEyaebX0f/s1600/LinkWithin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Add Related Post Widget By LinkWithin in Your Blog" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7doDB2SHs7eSR0Jgf9no8PpmY6JkU35DdX8pMIwnyq6UCIVBiPddZOGNKTsrmclgq29RypCrlk_qtXuUz3SmyYZUvIRjDJt5WyzTsMqabE_D8ZUfsUHpH_aYpzsOjLwpqoRpmEyaebX0f/s320/LinkWithin.png" title="How To Add Related Post Widget By LinkWithin in Your Blog" width="320" /></a></div>
<i><br /></i>
<i><br /></i>
<i>When we talk about must-have widgets for a blog, related posts widget is among the ones that come to our mind. The related posts widget keeps your visitors engaged with your content by showing them some extra posts of the same type as of the post they are reading. So, today I going to show you how to add the Related Posts widget made by LinkWithin. LinkWithin is a website that provides related posts widget with thumbnails. It is used by many bloggers in the blogosphere due to its simplicity and easy procedure to Install.</i><br />
<i><br /></i>
<i><b><span style="font-family: Courier New, Courier, monospace;"><br /></span></b></i>
<i><b><span style="font-family: Courier New, Courier, monospace;">Also Read: </span></b></i><a href="http://pretoproblogger.blogspot.com/2013/11/how-to-add-cool-social-sharing-widget.html" target="_blank"><span style="font-family: Courier New, Courier, monospace;">How To Add Cool Social Sharing Widget with hover Effect?</span></a><br />
<br />
<h3 style="text-align: left;">
Why Choose LinkWithin related posts widget?</h3>
<br />
<b>The question may come to your mind. There are plenty of related posts widgets in the web that have more features than LinkWithin's one, that have cool design, etc. etc. So why choose LinkWithin? </b><br />
<br />
As I said earlier many people choose it because it is easy to install and has lots of plus points:<br />
<br /><blockquote class="tr_bq">
<ul style="text-align: left;">
<li>They retrieve and index all stories from your blog archive, not just recent stories, making them accessible to new or casual readers of your blog who would not otherwise encounter them.</li>
</ul>
<br /><ul style="text-align: left;">
<li>The widget links to stories that are relevant and interesting to readers of a particular post, keeping them engaged with your blog, and increasing your traffic.</li>
</ul>
<br /><ul style="text-align: left;">
<li>Their widget is minimally styled and blends in with your site design.</li>
</ul>
</blockquote>
<h3 style="text-align: left;">
<br /></h3>
<div style="text-align: left;">
Recommended : </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a class="GHUY-LPPB" href="http://pretoproblogger.blogspot.com/2013/09/how-to-add-commentluv-comments-to-your.html" style="border: 0px; color: #1155cc; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 10px 0px 0px; max-width: 100%; overflow: hidden; padding: 0px; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; width: auto;" target="_blank">How To add CommentLuv Comments to Your Blogger Blog (Blogspot)</a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a class="GHUY-LPPB" href="http://pretoproblogger.blogspot.com/2013/10/how-to-add-floating-navigation-bar-in.html" style="border: 0px; color: #1155cc; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 10px 0px 0px; max-width: 100%; overflow: hidden; padding: 0px; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; width: auto;" target="_blank">How to add a floating navigation bar in blogger blog?</a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a class="GHUY-LPPB" href="http://pretoproblogger.blogspot.com/2013/08/all-in-one-subscription-widget-for.html" style="border: 0px; color: #1155cc; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 10px 0px 0px; max-width: 100%; overflow: hidden; padding: 0px; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; width: auto;" target="_blank">All in one subscription widget for bloggers</a></div>
<h3 style="text-align: left;">
<br />Steps To Install The LinkWithin Related Posts Widget:</h3>
<div>
<ul style="text-align: left;">
<li>Go To <a href="http://www.linkwithin.com/" target="_blank">LinkWithin</a></li>
</ul>
</div>
<div>
<br /></div>
<div>
<ul style="text-align: left;">
<li>Fill Your Details in the blue box as shown in the fig. below.</li>
</ul>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJS75ATh44M8voSyP9KWA22wqY3BWtk-GSH2YLY5137b9pquErZf7mzxvRBfmSBCXwi1o-804-Iznt1TjEqJFUoDIYsFSrXUbpxt14BBvMSeOXdV-82n0PeOphyphenhyphenSlfw67E1ln-LDJvviT/s1600/related+posts+widget+by+linkwithin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Add Related Post Widget By LinkWithin in Your Blog" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJS75ATh44M8voSyP9KWA22wqY3BWtk-GSH2YLY5137b9pquErZf7mzxvRBfmSBCXwi1o-804-Iznt1TjEqJFUoDIYsFSrXUbpxt14BBvMSeOXdV-82n0PeOphyphenhyphenSlfw67E1ln-LDJvviT/s320/related+posts+widget+by+linkwithin.png" title="How To Add Related Post Widget By LinkWithin in Your Blog" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Now Click On <b>Get Widget!</b> Button.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>After Clicking You will be Directed to the page having Instructions to install the Widget. The Instruction page  for different platforms are different so choose your platform carefully.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Now follow the steps on the Instruction Page to Install the LinkWithin Related Posts Widget to your blog.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>You are Done.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<i>Have Problems/feedback? Let me know through comments.. Also if you found the article useful Subscribe to our blog we have lots of interesting stuffs for you.</i></div>
<div>
<div>
<br /></div>
</div>
</div>

How To Add Related Post Widget By LinkWithin in Your Blog

When we talk about must-have widgets for a blog, related posts widget is among the ones that come to our mind. The related posts widge...

Improve Ranking of Your Blogger Blog in SERPs through SEO script

Kaushal Srivastava 13 Meta Tags, Meta Tags in SEO, Search Engine Optimization, SEO, SERP 11:40

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_yDcau6aPgufJop2oCAZ6BcucJctgsOqUyBgvwJ10chVlcqq0KVZjfr_e3u4UwXU1bl0Lh04zx8sApdpX1FRInD4LqfQr0955y38A5prg4a1I3Gn0Pj0HR0vpFiOBIz8pcMN3Qfzyej2/s1600/seo-serp-improve.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Improve Ranking of Your Blogger Blog in SERPs through SEO script" border="0" height="317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_yDcau6aPgufJop2oCAZ6BcucJctgsOqUyBgvwJ10chVlcqq0KVZjfr_e3u4UwXU1bl0Lh04zx8sApdpX1FRInD4LqfQr0955y38A5prg4a1I3Gn0Pj0HR0vpFiOBIz8pcMN3Qfzyej2/s400/seo-serp-improve.jpg" title="Improve Ranking of Your Blogger Blog in SERPs through SEO script" width="400" /></a></div>
<span id="goog_1360265952"></span><span id="goog_1360265953"></span><br />
<br />
If you are a blogger I am sure you would know about what is SEO.<br />
<span style="color: #cccccc; font-family: Courier New, Courier, monospace;"><br /></span>
<br />
<div style="text-align: left;">
<span style="color: #666666;"><span style="font-family: Courier New, Courier, monospace;"><b>Recommended</b></span> :</span><span style="color: #cccccc;"> </span><a class="titlex" href="http://pretoproblogger.blogspot.com/2013/07/100-free-seo-tools.html" style="display: inline !important; line-height: 1.5em; margin: 0px 0px 5px; opacity: 0.75;"><span style="font-family: Verdana, sans-serif;"><b>100 Free SEO Tools</b></span></a></div>
<br />
<br />
And If you are using Wordpress or drupal CMS then you don't have to worry for SEO as they contain many plugins for SEO purposes. But what if you are using Blogger platform ? Well Don't worry here is a SEO script that will surely improve your SERPs Ranking.<br />
<br />
All You have to do is follow these simple steps :<br />
<br />
1.) Go to Your Blogger Dashboard.<br />
<br />
2.) Now go to Template and Click on Edit Template.<br />
<br />
3.)Now Find the<b><span style="color: blue;"> <title> *** </title> </span></b>code and replace it with the following code.<br />
<br />
SEO Script Code :<br />
<br />
<b:if cond='data:blog.pageType == "item"'><br />
<title><data:blog.pageName/> | <data:blog.title/></title><br />
<b:else/><title><data:blog.pageTitle/></title><br />
</b:if><br />
<b:if cond='data:blog.pageType == "archive"'><br />
<title><data:blog.pageName/> | <data:blog.title/></title><br />
</b:if><br />
<b:if cond='data:blog.pageType == "label"'><br />
<title><data:blog.pageName/> | <data:blog.title/></title><br />
</b:if><br />
<meta expr:content='data:blog.pageTitle + " - <span style="color: red;">your blog description here (up to 200 characters)</span>"' name='description'/><br />
<meta expr:content='data:blog.pageName + ", <span style="color: red;">Keyword 1, Keyword 2, Keyword 3, Keyword 4,Keyword 5</span>"' name='keywords'/><br />
<meta content='<span style="color: red;">Author Name Here</span>' name='author'/><br />
<meta content='index,follow' name='robots'/><br />
<div>
<br /></div>
<div>
4.) Now Change the text in Red with yours.</div>
<div>
<br /></div>
<div>
5.) You are done.<br />
<br /></div>
<h3 style="text-align: left;">
What This code will Do?</h3>
<ul style="text-align: left;">
<li>Automatically change Blog Page Title for every post/page.</li>
<li>Automatically insert Meta Description for every post/page.</li>
<li>Automatically insert Meta Keywords for every Post/page.</li>
<li>Will work on Monthly, Weekly and Daily Archives pages.</li>
<li>Will also work on each blog label page.</li>
<li>Add Robot meta tag</li>
<li>Add Author meta tag</li>
</ul>
<div>
<h4>
<span style="color: #666666;"><span style="font-family: Courier New, Courier, monospace;"><b>Recommended</b></span> :</span><span style="color: #cccccc;"> </span><a href="http://pretoproblogger.blogspot.com/2013/07/what-are-meta-tags-and-their-use-in-seo.html" target="_blank"><span style="font-family: Verdana, sans-serif;">What are Meta Tags and their use in SEO</span></a></h4>
</div>
<br />
<div>
<i>Have Problems/Suggestions . Let me know through Comments...</i></div>
<div>
<br />
<br /></div>
</div>

Improve Ranking of Your Blogger Blog in SERPs through SEO script

If you are a blogger I am sure you would know about what is SEO. Recommended : 100 Free SEO Tools And If you are using Wordp...

How to Disable Backlinks and HTML codes in Blogger comments

Kaushal Srivastava 120 Blog Posts, Blog Tips, Blogger Comments, Blogger Tricks 08:26

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA5cp1XVkX0G8oP5HSfwWYmk9zDqNxzXlrnIO_jlH9a_Bfrnort1zRyMS57UhunLvgcKC8K3dXAaA1InfkTtIETFCdGuALFrOYSFQZVAsk-qE6L7onq1NzAb48TppKGzzWudtTlNn2oWjA/s1600/How+to+Disable+Backlinks+and+HTML+codes+in+Blogger+comments.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA5cp1XVkX0G8oP5HSfwWYmk9zDqNxzXlrnIO_jlH9a_Bfrnort1zRyMS57UhunLvgcKC8K3dXAaA1InfkTtIETFCdGuALFrOYSFQZVAsk-qE6L7onq1NzAb48TppKGzzWudtTlNn2oWjA/s400/How+to+Disable+Backlinks+and+HTML+codes+in+Blogger+comments.png" width="400" /></a></div>
<br />
<br />
<i>Usually Bloggers don't like comments that contains backlinks as it makes the comments look SPAM. Many SPAM commentators look for Blogs that allow backlinks in their comments to promote their Blogs or websites as backlinks improves the rank and visitors of the commentators blog. The one method is that while  creating any blog post in blogger, in the blog post editor click Options and then select the radio button "Don't allow" under the Backlinks Option (See the figure given Below).</i><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYNAQHfqXanhlc9T1Kh0sMvMMM4ecd8-ZGizWlNnLMovV7tQnMS-6_lbW_4DlHa7teXhWsqPoIupOwyNjdqkaAwqmZxvMsusAi54AoNU8MPrF_2pW4PGxNA8l6D5yKdevheoBdx-YdBUu2/s1600/disable+backlinks+in+blogger+comments.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Disable Backlinks and HTML codes in Blogger comments" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYNAQHfqXanhlc9T1Kh0sMvMMM4ecd8-ZGizWlNnLMovV7tQnMS-6_lbW_4DlHa7teXhWsqPoIupOwyNjdqkaAwqmZxvMsusAi54AoNU8MPrF_2pW4PGxNA8l6D5yKdevheoBdx-YdBUu2/s320/disable+backlinks+in+blogger+comments.png" title="How to Disable Backlinks and HTML codes in Blogger comments" width="248" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
But the main problem with this method is that every time you create a new post you have to do this and if you have posted many posts earlier you have to edit all once more and change this option. So, What to do now? Do not worry, just follow these simple steps to disable Backlinks or any HTML code in the comments:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Firstly, Go To Blogger <b>Dashboard>>Template</b>.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Then Click on Edit Html Option.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Now in the code editor window, search for the <b></body></b> tag. You can do so by Pressing Ctrl+f and then typing the <b></body> </b>tag in the search box and then press enter. </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<ul style="text-align: left;">
<li>After finding the tag, paste the code given below before the <b></body></b> tag (See Figure Below).</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-fnQOKcoExjpQqF-Y_0n65pm12Yu9_Q9UgsLwlRXxBUlgv72khE6IqQsnVMzdABc6uVOpVc0JgDdd67pQAn_NhOT7Qm8T42qoROT1utFMc0E3kOcZeRTPtZIcX9gMIHamkFg2z7ar5fpa/s1600/commentcode.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-fnQOKcoExjpQqF-Y_0n65pm12Yu9_Q9UgsLwlRXxBUlgv72khE6IqQsnVMzdABc6uVOpVc0JgDdd67pQAn_NhOT7Qm8T42qoROT1utFMc0E3kOcZeRTPtZIcX9gMIHamkFg2z7ar5fpa/s400/commentcode.png" width="600" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<br />
<blockquote class="tr_bq">
<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js’/><br />
<script>$(‘.comment-content a[rel$=nofollow]‘).replaceWith(function(){return ($(this).text());});</script></blockquote>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Save the changes and You are done!</li>
</ul>
<div>
<br /></div>
<h3 style="text-align: left;">
How this code will help you to disable backlinks:</h3>
<div>
The code above will search for the HTML tags in the comments and will disable them i.e will allow only Plain text. For eg. : If any one comments <b><a href="http://pretoproblogger.blogspot.com"> <span style="color: blue;">PreToPro Blogger</span> </a></b>. The code will only allow <b>PreToPro Blogger</b>, no link will be allowed. Thus it will prevent anybody from creating Backlinks.</div>
<div>
<br /></div>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<i>Have any problem ?? Feel Free to ask me via comments section.</i></div>
<br /></div>

How to Disable Backlinks and HTML codes in Blogger comments

Usually Bloggers don't like comments that contains backlinks as it makes the comments look SPAM. Many SPAM commentators look for Bl...

Advertise Here

How To Add Related Post Widget By LinkWithin in Your Blog

Improve Ranking of Your Blogger Blog in SERPs through SEO script

How to Disable Backlinks and HTML codes in Blogger comments

Get FREE updates on your Email | RSS

Popular Posts

Comments

Blog Archive