Pleasehack | World's First, The Largest and Most Popular Bangla Technology site

Related Posts Widget For Blogger / Blogspot with jQuery

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.

Beautiful related posts text widget with hover effect for blogger

How to add HTML-CSS-Javascript Codes to your Blog ?

This is very simple and easy you only follow below steps and add this widget in your blog.

Step 1 Log-in to your Blogger account.

Step 2 Backup your Template.

Step 3 Click on The Template>> Edit HTML>> Proceed.

Step 4 Now find [by pressing Ctrl + F ] this code in the template:

<div class='post-footer-line post-footer-line-1'/>

If you cant find it then try finding this one

<p class='post-footer-line post-footer-line-1'/>

<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>

And immediately Below/After it, paste this code:

Style 1:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-1.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Simple And Stylish "Related Posts" Text Widget For Blogspot

Change Code with The One You Like Bellow

Style 2:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-2.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Style 3:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-3.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Style 4:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-4.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Style 5:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-5.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Style 6:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-6.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Style 7:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-7.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Style 8:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-8.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Style 9:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-9.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Style 10:-

<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-min-1.js' type='text/javascript'/><link href='http://24work.ucoz.com/24work-blogspot/related-posts/css/related-posts-min-10.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tips And Tricks'><img alt='Blogger Tips And Tricks' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips For Bloggers'><img alt='Latest Tips For Bloggers' border='0' src='https://bitly.com/24workpng' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng' 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; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

.............................

.............................

Optional Customizations

You can adjust the maximum number of related posts being displayed by editing this line in the code.

var maxresults=5;

show the text 'Related Topics' on title.

<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>

How To Add jQuery Recent Posts Widget for Blogger

Typical Usage #1

To display Recent links at the end of every post. copy this code into a new HTML/Javascript widget and place at the bottom of the post or at the footer in the page elements section. Widget uses jQuery v1.3.2, If you already included jQuery into your blog. no need to do it again.

Now find (CTRL+F) this code in the template:

<data:post.body/>

And immediately after it, paste this code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://24work.ucoz.com/24work-blogspot/related-posts/recent-posts-widget-1.0-24work.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">

relatedPostsWidget({

'containerSelector':'div.post-body'

,'loadingText':'loading...'

});</script>

And now click Save Template

Typical Usage #2

To show Recent links at the side column. copy this code into a new HTML/Javascript widget and place at the side in the page elements section.Again, If you already included jQuery into your blog. no need to do it again.

How to Install Recent Posts Widget Recent links at the side column
Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Blogger Tips And Tricks|Latest Tips For Bloggers

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://24work.ucoz.com/24work-blogspot/related-posts/recent-posts-widget-1.0-24work.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">
relatedPostsWidget({
'loadingText':'loading...'
});</script>

And now click Save

?া?ি ?ং?

Numbered Page Navigation For Blogger New Script

Today we will see how to add a nice page number navigation hack blogger. The default navigation links (i.e Older Posts) is not the friendly visitor if you are having a lot of jobs and bloggers readers.Few has some problems with the above script navigation page. Now here is a completely new script and work for numbered page navigation (i.e. Panigation) for Blogger. The paging widget for blogger it easy for the visitor. It is a must have for any new blogs.This new script allows you to add numbered page navigation to blogger/ blogspot blog with page numbers starting(1, 2, 3, 4 ….) like those of a book.

Add Numbered Page Navigation Widget With DIfferent Styles For Blogger / Blogspot

Page navigation widget for blogger is most popular widget, and most bloggers are using this. because these players are only provided in the wordpress blogs hosted or blogs.But now his trick has been made available to bloggers is also here that I am giving this Page Navigation Widget with different styles and options for full customization

How To Install This Widget On Blogger :-

Customize the Given Options and Click on Generate button
Click Add to Blogger button to add this widget on your Blog

Stylish Numbered Page Navigation Widget with Colored Styles For Blogger

Numbered Page Navigation Widget is a JavaScript hack for blogger to easily navigate blogger pages. In this post i am giving stylish navigation with different colorful styles.

An error was found in some blogs and it is also fixed in this widget.
eg.hiding at top

How To Install This Widget On Blogger :-

Click the below Button
Customize the Options given in Widget form
Click on "Generate" Button
Finally click On "Add To Blogger" Button

How to Add Numbered Page Navigation Widget for Blogger / Blogspot

Page navigation is awesome widget that allows navigation of page number to the visitors. You might have seen numbered page navigation in many WordPress blogs. It is simple JavaScript that allows your older posts, new posts and links to the house numbers. Have you seen older posts, new messages and links at home bored.

How To Add Numbered Page Navigation Widget to Blogger Blog?

I am giving best customizing options to this widget

Note:-Choose colors for your convenience you feel good.

1.Customize Options in Widget Form
2.Click on Generate Button
3.Then finally Click on Add to Blogger Button to add as a Widget

BLOGGER PAGE NAVIGATION WIDGET WITH DIFFERENT STYLES

How To Install This Widget On Blogger :-

Customize the Given Options and Click on Generate button
Click Add to Blogger button to add this widget on your Blog

UPDATED

Change based on your blog setting :
var postperpage=5;
var numshowpage=3;

Postperpage : How many Post every Page for your blog
numshowpage : how Many number will show in Your page Navigation

Customize Label (if you already use my previous Page Navi don’t use this step)

Go to the Edit HTML page and “Expand Widget Templates”
Find this (all of this text in your xml or template)

'data:label.url'

and Replace with this

'data:label.url + &quot;?&amp;max-results=5&quot;'

Change 5 base on how many post every page

?া?ি ?ং?

New Mozilla Firefox 23.04 Free Download(Mediafire)

আসসালামু আলাইকুম,
পবিত্র রমজানুল মোবারাকের শুভেচ্ছা জানিয়ে আমার আজকের পোস্ট শুরু করছি। আজ ফায়ারফক্স ওয়েব ব্রাউজারের আপডেট নিয়ে পোস্ট লিখছি। আজকে আপনাদের জন্য নিয়ে এলাম মোজিলা ফায়ারফক্স 23.04 এবং এটা একদম তরতাজা। তাই দেরি না করে চলুন শুরু করা যাক আজকের গরম গরম পোস্ট ।
পোস্টঃ Mozilla Firefox- 23 (beta-4) একদম লেটেস্ট ভার্সন।

ওয়েব ব্রাউজার এর জনপ্রিয়তার শীর্ষে হল মোজিলা ফায়ারফক্স। কাল ( গত ১১/০৭/২০১৩ ) তারিখে মোজিলা ফায়ারফক্স এর নতুন ভার্সন 23 beta 4 রিলিজ হয়েছে।আমি আপনাদের নতুন ভাবে ফায়ারফক্স সম্পর্কে বলে, নিজেকে আর ছোট করতে চাই না। কারণ সবাই এমনকি ছোট বাচ্চারা পর্যন্ত ফায়ারফক্সের আদি-অন্ত জানে। তবুও জানার স্বার্থে আপনাদের জন্য এই নতুন ভার্সনের কিছু ইনফর্মেশন দিলাম—

®╔═════════════════════ஜ۩۞۩ஜ══════════════════════╗®

ব্রাউজার: ফায়ারফক্স 23.04

ফাইলের সাইজ: ২১,৩৮ এমবি

ভাষা: ইংরেজি

লাইসেন্স: ওপেন সোর্স

রিলিস: ১১ জুলাই , ২০১৩

প্রয়োজন(OS): এক্সপি /উইন্ডোজ ৭ /উইন্ডোজ ৮

সত্ত্বাধিকারী: মোজিলা অর্গানাইজেশন (www.mozilla.org)

®╔═════════════════════ஜ۩۞۩ஜ══════════════════════╗®

আর নতুন কিছু বলার প্রয়োজন হবে না। এখন শুধু একটা কাজ বাকি = গরম গরম ডাউনলোড করা।

তাই দেরি না করে ডাউনলোড করে নিন মোজিলা ফায়ারফক্স 23.04 ( মাত্র 21.38 MB )।

http://www.mediafire.com/?jaha95d4qghc39i

?া?ি ?ং?

EASILY HACK WIFI (READ MUST BE)

সবাইকে সালাম ও নতুন বছরের শুভেচ্ছা জানিয়ে আমার আজকের লেখা শুরু করছি ।

আমার ইতিপূর্বের লেখা গুলো পড়ে ( হ্যাকিং সম্পর্কিত ) অনেকেই অভিযোগ করেছেন যে আমি নাকি অস্ত্র দেই কিন্তু গুলি করা শেখাই না । :পি

আশা করছি আজকের পর সেই অপবাদ কেউ দিতে পারবে না ।

আজকের বিষয় WiFi এর যেকোনো ধরণের নিরাপত্তা বেবস্থা (wep, wpa, wpa2) ভেঙ্গে কাঙ্ক্ষিত পাসওয়ার্ড বের করে আনা ।

আজ আমরা WiFi নেটওয়ার্ককে ফিডার খাইয়ে ঘুম পারাবো এবং তার কাছ থেকে সব তথ্য বের করে নেব ।

বিশ্বাস করুন, আমি কোন ফাজলামো করছি না । সেটা কিছুক্ষণ পরেই প্রমান করে দেব ।

যা যা লাগবে :

wirless card ( আলাদা USB )

LinuxLive USB Creator 2.8.18 এখানে ক্লিক করে ডাউনলোড করে নিন । ( ৪.৫১ এম বি )

Beini 1.2.3 এখানে ক্লিক করে ডাউনলোড করে নিন । ( ৫০ এম বি )

Pendrive ( কমপক্ষে ১ জিবি )

যা করতে হবে :

Beini 1.2.3 ডাউনলোড করে ISO ফাইলটি এক্সট্রাক্ট করে নিন ।

LinuxLive USB Creator 2.8.18 ইন্সটল করে ওপেন করুন ।

চিহ্নিত স্থান গুলোতে ক্লিক করে প্রয়োজনীয় তথ্য গুলো দিয়ে দিন এবং শেষ হওয়ার আগ পর্যন্ত অপেক্ষা করুন ।

( খেয়াল করবেন সব গুলো ট্রাফিক লাইট সবুজ কিনা , অন্যথায় বুঝতে হবে কোথাও সমস্যা রয়েছে । )

Bootable usb drive তৈরি হয়ে গেলে পিসি রিস্টার্ট করুন এবং Pendrive দিয়ে Boot করুন ।

নিচের চিত্রটি দেখুন :

কিছুক্ষণ অপেক্ষা করুন ।

এবার নিচের চিত্র অনুসরণ করুন:

Feeding Bottole সিলেক্ট করুন এবং তারপর Yes সিলেক্ট করুন ।

এবার নিচের চিত্র অনুসরণ করুন :

নতুন একটি window ওপেন হবে , এবং স্বয়ংক্রিয় ভাবেই চলে যাবে । অপেক্ষা করুন , কিছুই করবেন না ।

এবার নিচের চিত্র অনুসরণ করুন :

নতুন একটি window আসবে ( Aircrack-ng ) , মানে কাজ শুরু হয়ে গেছে । এখন শুধু অপেক্ষা করুন ।

দেখুন আমরা কাঙ্ক্ষিত পাসওয়ার্ড পেয়ে গেছি । পাসওয়ার্ডটি হচ্ছে : 14061406

এবার পিসি রিস্টার্ট করে আপনার Operating system ওপেন করুন এবং ঐ পাসওয়ার্ড ব্যাবহার করে WiFi কানেক্ট করুন ।

Virtualbox অথবা Vmware দিয়েও কাজটি করতে পারবেন ।

বিঃদ্রঃ

” Hacking is not a crime ”

” কারো ক্ষতির উদ্দেশ্যে ব্যাবহার করবেন না ”

এ জাতিও কিছুই বলব না ।

হ্যাকিং এ কারও না কারও ক্ষতি তো হয়েই থাকে , সেটা যেকোনো হ্যাকিং হোক না কেন ।
আর… কারো ক্ষতি করা নিশ্চই অপরাধ ।

?া?ি ?ং?

Basic HTML,CSS, JQuery tutorials

সুপ্রিয় ভাইয়েরা, ধারাবাহিক টিউটোরিয়াল Basic HTML,CSS, JQuery চতুর্থ পর্বে আপনাদের সালাম ও শুভেচ্ছা । তো চলুন শুরু করা যাক আমাদের আজেকের পর্বের টিউটোরিয়াল তার আগে আপনাদের কাছে থাকা গত পর্বের সোর্স কোড এবং ডিজাইন টি ওপেন করে নিন । Source code ডাউনলোড করতে পারবেন আমার ওয়েবসাইট এর এই লিঙ্ক থেকে ।

সবশেষে আমি জানি শুধু কোড দেখে এবং শর্ট ব্যাখ্যা পড়ে নতুনদের জন্য পুরো ডিজাইন টা বুঝা বেশ মুশকিল তাই source code এবং video tutorial শেয়ার করলাম।

Source code এবং video tutorial ডাউনলোড করতে পারবেন আমার ওয়েবসাইট এর এই লিঙ্ক থেকে ।

আজ এ পর্যন্তই আগামী পর্বের টিউটোরিয়াল দেখার আমন্তন জানিয়ে এখানেই শেষ করছি । আল্লাহ হাফেয ।

?া?ি ?ং?

FREE SMS SERVICE

বন্ধুদের জন্য একটা সুখবর জানাচ্ছি । কারো কাছে হয়তো পুরান হতে পারে । যাদের কাছে নতুন তাদেরকে বলছি । আমরা নেট ইউজ করি অথচ বন্ধুদেরকে এসএমএস করতে হলে মোবাইল থেকে পয়সা খরছ করে পাঠাতে হয় । এখন থেকে বিশ্বের যে কোন দেশে ফ্রী এসএমএস পাঠান । এই সাইট থেকে… http://www.afreesms.com/freesms/

?া?ি ?ং?

Labels

Blogroll

Total Pageviews

Follow us on facebook

Social Profiles

Contact Form

Carousel

Home Style

Menu

Category 1

Slideshow

Category 2

Category 5

Latest News

Category 4

Category 3

Popular Posts

Weekly Top Post

Blogger Templates

Related Posts Widget For Blogger / Blogspot with jQuery

Beautiful related posts text widget with hover effect for blogger

Simple And Stylish "Related Posts" Text Widget For Blogspot

Numbered Page Navigation For Blogger New Script

BLOGGER PAGE NAVIGATION WIDGET WITH DIFFERENT STYLES

UPDATED

Customize Label (if you already use my previous Page Navi don’t use this step)

'data:label.url'

'data:label.url + "?&max-results=5"'

New Mozilla Firefox 23.04 Free Download(Mediafire)

EASILY HACK WIFI (READ MUST BE)

Basic HTML,CSS, JQuery tutorials

FREE SMS SERVICE

My Others Website

Blog Archive

Labels

Popular Posts

Labels

Blogroll

Total Pageviews

Follow us on facebook

Social Profiles

Contact Form

Carousel

Home Style

Menu

Category 1

Slideshow

Category 2

Category 5

Latest News

Category 4

Category 3

Popular Posts

Weekly Top Post

Blogger Templates

Related Posts Widget For Blogger / Blogspot with jQuery

Beautiful related posts text widget with hover effect for blogger

Simple And Stylish "Related Posts" Text Widget For Blogspot

Numbered Page Navigation For Blogger New Script

BLOGGER PAGE NAVIGATION WIDGET WITH DIFFERENT STYLES

UPDATED

Customize Label (if you already use my previous Page Navi don’t use this step)

'data:label.url'

'data:label.url + &quot;?&amp;max-results=5&quot;'

New Mozilla Firefox 23.04 Free Download(Mediafire)

EASILY HACK WIFI (READ MUST BE)

Basic HTML,CSS, JQuery tutorials

FREE SMS SERVICE

My Others Website

Blog Archive

Labels

Popular Posts

'data:label.url + "?&max-results=5"'