J-Query "List Of Post/Article" Widget For Blogger

First Dee The Demo

Feature of this script :

Accordion effect
Show and hide effect
CSS 3
Automatic add jquery
Different color for content
Different style for open and close
Auto Sort the title
Add New!! for 10 newest entry

Just Create A New Page And Copy The Below Code In The HTML Section.

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

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>

<script src="http://www.exeideas.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

<script type="text/javascript"> var accToc=true; </script>

<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>


Replace www.exeideas.com with your blog name
Below images are how to create page in blogger.

Don't Forget To Say Thanks

Read More ...

Stylish "List Of Post/Article" Widget For Blogger

First Dee The Demo

Feature of this script :

Accordion effect
Show and hide effect
CSS 3
Automatic add jquery
Different color for content
Different style for open and close
Auto Sort the title
Add New!! for 10 newest entry

Just Create A New Page And Copy The Below Code In The HTML Section.

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

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>

<script src="http://www.exeideas.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

<script type="text/javascript"> var accToc=true; </script>

<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>


Replace www.exeideas.com with your blog name
Below images are how to create page in blogger.

Don't Forget To Say Thanks

Read More ...

"List Of Post/Article" Widget For Blogger

In this tutorial I will show you how to list the titles of your blog’s 1000 2000 most recent posts. If you are looking for an alternative to Blogger’s Archive gadget, then this might be it. This list can also be used as a Table Of Contents. This list is made possible with the use of Yahoo! Pipe.

See the demo in Our List Of Topic Page

The list comes with several options:List them inside a widget or inside a post page.
Arrange the titles in alphabetical or chronological order.

If you use your blog as an online serial novel, then chronological order is just what you need.
Append (or not) a comment count at the end of each title.
Choose numbered or bulleted list style.



Let’s get started,

<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
 document.write('<ul style="font-weight:bold">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ul>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.exeideas.com
 &Order=alphabet
 &_id=401e43055731c1a29f1e1d3eb5e8e13f
 &_callback=getYpipeTL
 &_render=json" 
type="text/javascript"></script>
<span style="font-size: 80%; float:right;">Get this <a href="http://www.bloggersentral.com/2009/12/list-post-titles-in-alphabetical-order.html" target="_blank">widget</a></span>
<!-- Alphabetical Post Title Listing End -->

Customizing the list:
Below are a few available customizations/options:

Listing order -the default order is alphabetical. To change to chronological order, just change the word alphabet in code line 21 to chrono.
Comment count - comment count is displayed by default. To remove comment count, delete code line 13.



If This Is Not Working Well With You Then Try Some New Widget Here.
Stylish "List Of Post/Article" Widget For Blogger
J-Query "List Of Post/Article" Widget For Blogger

Don't Forget To Say Thanks

Read More ...