Add a Numbered Pagination to your Blogger blog

Add a Numbered Pagination to your Blogger blog

Quickly install a modern, stylish Numbered Paged Navigation on your Blogger blog with simple JavaScript and CSS.Blogger platform provides its users with a traditional set of blog elements.

 Let me give you an example: Blogger post pagination which shows a two-link Older / Newer or Previous / Next navigation to browse through the index.

The typical blog navigation has gone old school now and you may want to revamp it if you want people to keep browsing your blog.

 Its true that only the content makes the visitors keep reading your blogs, but site aesthetics too play important role in keeping people engaged online.

Read More

How to Disable Text Selection in Blogger

1. Go to your blogger Dashboard and click on Layout.

2. Then click on Add Gadget.

3. Choose Html/Javascript From Popup Window

4. Now Copy and Paste below code into it.

<script type="text/javascript">

var dsblselect=["input", "textarea", "select"]

dsblselect=dsblselect.join("|")

function disableselect(e){

if (dsblselect.indexOf(e.target.tagName.toLowerCase())==-1)

return false }

function reEnable(){

return true }

if (typeof document.onselectstart!="undefined")

document.onselectstart=new Function ("return false")

else {

document.onmousedown=disableselect

document.onmouseup=reEnable }

</script>

5. Now save it and you are done disabling right click on your blog.

Read More

How to turn your blog into dofollow form nofollow

A best way to get more comments on your blogs posts is the dofollow blog. For that reason of success of website monitoring Google page rank and Alexa rank highly focuses on how much of backlinks a web or blog site is have. But a problem nofollow comments doesn’t add any value to SEO. For this reason all blogger or webmaster love dofollow blog. Because a

Read More

how to make stylish labels for blogger

Today we are going to

share amazing Trick for you, how to make  stylish labels  for blogger. so after applying this style your blog become more attractive and Professional.

By default blogger comes with simple design they do

Read More

New Number Page widget For blog

GO FIRST >> BLOGGER > TEMPLATE > EDIT HTML > CTRL + F 

SEARCH >> ]]></b:skin>
Past Before the cod :
.showpagePoint {
 text-decoration: none;
 background: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
 color: rgb(41, 41, 41);
 border: 1px solid rgb(227, 227, 227);
 display: inline-block;
 margin-right: 3px;
 padding: 7px 10px;
 font-weight: bold;
 }
 .showpageOf {
 color: rgb(255, 255, 255);
 font-weight: bold;
 background: none repeat scroll 0% 0% rgb(224, 102, 102);
 padding: 8px;
 margin: 8px;
 }
 .showpageNum a:hover  {
 color: white;
 }
 .showpageNum a:link {
 background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%) repeat scroll 0% 0% transparent;
 color: rgb(51, 51, 51);
 margin-right: 3px;
 display: inline-block;
 padding: 7px 10px;
 border: 1px solid rgb(227, 227, 227);
 }
 .showpageNum a:hover {
 text-decoration: none;
 background: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
 color: rgb(41, 41, 41);
 border: 1px solid rgb(227, 227, 227);
 display: inline-block;
 margin-right: 3px;

 padding: 7px 10px;

 }

And next SEARCH >>  </body>
Past Before the cod :
<script type='text/javascript'>
 var postperpage=5;
 var numshowpage=5;
 var upPageWord ='&lt;&lt;';
 var downPageWord ='&gt;&gt;';
 var urlactivepage=location.href;
 var home_page=&quot;/&quot;;
 </script>
 <script type="text/javascript" src="http://yourjavascript.com/3215021430/www-mybloggerblog-coml.js"></script>

 <a href='http://livemecca.blogspot.com/' target='_blank'><img alt='Live Mecca' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZMvhuVrYrucZNbjsVbhPaiEy_yetuUU6LEBckxDaeMxkKRpEAKguPxgO2DEirrlKM8UJhGDaLcVQ8817PnUbmj3Q_yM7N0b-CWun4dO1te7Otnn_RjU1SrUcgE0dWcjoaINtR-YZ08UK/s1600/m.jpg' style='border: 0'/></a><a href='http://livebloggertricks.blogspot.com/' target='_blank'><img alt='Live Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZMvhuVrYrucZNbjsVbhPaiEy_yetuUU6LEBckxDaeMxkKRpEAKguPxgO2DEirrlKM8UJhGDaLcVQ8817PnUbmj3Q_yM7N0b-CWun4dO1te7Otnn_RjU1SrUcgE0dWcjoaINtR-YZ08UK/s1600/m.jpg' style='border: 0'/></a>

Then templates save
Now see your blog

Read More

How to Add Auto Refresh in your Blog

GO FIRST >> BLOGGER > TEMPLATE > EDIT HTML > CTRL + F 
SEARCH >> 
<head>

And next  Past  the cod :

<meta content='800;url=http://testbloggertemplatess.blogspot.com/' http-equiv='refresh'/>

EXE: 
xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head> 
  <meta content='20;url=http://testbloggertemplatess.blogspot.com/' http-equiv='refresh'/>
    <b:include data='blog' name='all-head-content'/>

    <title>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>


    

Read More