My Blog Widgets: JQuery

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi23eN8q1Inr2DUqz4NTjw4aY7jXshO69g39z9GcJnUoZKCR4B6Y7RsnNYaRQlWe29VJUeeiZw9LGNx1I0_LzDQiWyY8B5UytJWX4ksvMeWh9RomEvGD7kPp7XbtfQsIjgRkBNMPq7-ZD7Z/s1600/heart+generator.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi23eN8q1Inr2DUqz4NTjw4aY7jXshO69g39z9GcJnUoZKCR4B6Y7RsnNYaRQlWe29VJUeeiZw9LGNx1I0_LzDQiWyY8B5UytJWX4ksvMeWh9RomEvGD7kPp7XbtfQsIjgRkBNMPq7-ZD7Z/s320/heart+generator.jpg" width="320" /></a></div>
This
 is simple Text to Heart Text Generator for bloggers and also for fb 
users, you can easily use it in Facebook Status, Google Plus Status, for
 Tweet and also in other social sites. This will generate your text into
 the heart shape. 
 
<h4 style="text-align: left;">
How to Use it?</h4>


 
<ul style="text-align: left;">
<li>Type Your Name in Text Box</li>
<li>Hit on 'Create Button'</li>
<li>That's it....!</li>
<li>Now copy your generated text and paste any where, where you want to show your creativity.  </li>
</ul>
<center>
<iframe frameborder="0" height="600px" marginheight="0px" marginwidth="0px" name="My iFrame" scrolling="no" src="https://dl.dropboxusercontent.com/u/63968842/hearttextgenerator.html" style="border: 0px #FFFFFF none;" width="468px"></iframe></center>

Make your Own Heart With Text (ASCII Heart Generator)

This is simple Text to Heart Text Generator for bloggers and also for fb users, you can easily use it in Facebook Status, Google Plus St...

This is Simple And Stylish JQuery "Related Posts" Text Widget For Blogger. Related posts 
widget is very important for a blog, because it increases 
the number of page views and also help the visitor to view other posts 
related to blog. Now here is wonderful trick to display links to related
 posts beneath each posts. At their blogs today there are many types of 
related post widget, and related items thumbnail images using HTML, Java
 script, etc. .. Here I will show a method that is easy to show 
install.It only title jQuery.It related post widget will look like a 
picture below. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmZ77gCHkSsLOmlyqJ2UR4lhqHKmpXoSBKDrn-48xq4J3ll5bj2adeuHYPsXKvk5lcDkd8wfUHwo4S_M_7qEr6_dI98kDwEIdYmatI0wEPgSlQbgMghdRFetdZWAr6ceU-0b3bedYnuL9/s1600/Related+Posts+Widget+02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmZ77gCHkSsLOmlyqJ2UR4lhqHKmpXoSBKDrn-48xq4J3ll5bj2adeuHYPsXKvk5lcDkd8wfUHwo4S_M_7qEr6_dI98kDwEIdYmatI0wEPgSlQbgMghdRFetdZWAr6ceU-0b3bedYnuL9/s640/Related+Posts+Widget+02.jpg" width="640" /></a></div>
 
Step 1: Now let's start adding it... 
 
Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Template> Edit HTML> Proceed. 
 
Step 3: Find [by pressing <kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">Ctrl</kbd> + <kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">F</kbd> ] this code in the template: 
 
<blockquote class="tr_bq">
<div class='post-footer-line post-footer-line-1'/></blockquote>
 
If you cant find it then try finding this 
 
<blockquote class="tr_bq">
 </blockquote>
OR 
 
<blockquote class="tr_bq">
<div class='post-footer-line post-footer-line-2'/> <div class='post-footer-line post-footer-line-3'/> </div> </div> </blockquote>
 
 And immediately Below/After it, paste this code: 
<blockquote class="tr_bq">
<script 
src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js'
 type='text/javascript'/><link 
href='http://dl.dropboxusercontent.com/s/fudc6nugmvzayd1/related-posts-min-2.css'
 rel='stylesheet' type='text/css'/><a 
href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' 
title='My Blog Widgets'><img alt='My Blog Widgets' border='0' 
src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; 
right: 0%; top: 0px;'/></a><a 
href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' 
title='My Blog Widgets'><img alt='My Blog Widgets' 
border='0' src='https://bitly.com/24workpng1' style='position: fixed; 
bottom: 10%; right: 0%;'/></a><a 
href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' 
title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' 
border='0' src='https://bitly.com/24workpng1' style='position: fixed; 
bottom: 10%; left: 0%;'/></a><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=5&quot;' type='text/javascript'/></b:if></b:loop> 
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2> 
<script type='text/javascript'> 
var currentposturl=&quot;<data:post.url/>&quot;; 
var maxresults=5;  
removeRelatedDuplicates(); printRelatedLabels(); 
</script> 
</div> 
</b:if></blockquote>
 
Step 4: Customizations 
          You can adjust the maximum number of related posts being displayed by editing this line in the code. 
<blockquote class="tr_bq">
max-results=5</blockquote>
and 
<blockquote class="tr_bq">
var maxresults=5;</blockquote>
show the text 'Related Topics' on title. 
<blockquote class="tr_bq">
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2></blockquote>
 Steo 5: Now you have done save this open your site.

Simple And Stylish JQuery "Related Posts" Text Widget For Blogger

This is Simple And Stylish JQuery "Related Posts" Text Widget For Blogger. Related posts widget is very important for a blog, bec...

AddThis

Make your Own Heart With Text (ASCII Heart Generator)

Simple And Stylish JQuery "Related Posts" Text Widget For Blogger

AddThis Smart Layers