Tampilkan postingan dengan label Bloggingtrick. Tampilkan semua postingan

Table of contents and Accordion for Blogger

17.46
Feature of this script :
  1. Accordion effect
  2. Show and hide effect
  3. CSS 3
  4. Automatic add jquery
  5. Different color for content
  6. Different style for open and close
  7. Auto Sort the title
  8. Add New!! for 10 newest entry
How to use is very easy. Create Static Page .
Put the script in Html mode



abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css">

Replace www.arbrains.co.cc with your blog name
Below images are how to create page in blogger.

Thanks to abu-farhan and bloggertrick for the trick ,,
Read On 0 komentar

Numbered Page Navigation For Blogger New Script

17.36
image
To see the result open These demos:

Step 1 : Apply Style

  1. Login to Blogger Dashboard and navigate to Layout > Edit Html
  2. Don’t click the checkbox which says ‘Expand Widget Templates’
  3. Find this


]]>

and replace it with



.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }

]]>

Above style use Old Style You can use Six other style from this Posts
Six Styles Page Navigation for Blogger

Step 2 : Aplly Javascript

Find This :





Replace with :






<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>






Change based on your blog setting :

var postperpage=7;

var numshowpage=4;
Postperpage : How many Post every Page for your blog

numshowpage : how Many number will show in Your page Navigation
Step 3 : 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 + "?&max-results=7"'




Change 7 base on how many post every page
only That, I hope it can work and make your blog easy to navigate, amiin



Thanks to Abu Farhan for the trick





Read On

0
komentar




















Followers










































Labels