Top six jQuery plugin: Accordion Resource

Saturday, October 30, 2010

Creating Simple JQuery Accordion menu is very easy !

If you are searching to Make accordion menu using jquery for your site than you need to check the following resource :

Dynamic drive Accordion menu | Demo

i-MarcojQuery Accordion Menu | Demo

Horizonal Accordion Menu | Demo

Bassistance jQuery Accordion | Demo

Designreviver Horizontal Accordion | Demo

Phatfusion Image Menu | Demo
HAPPY BLOGGING :)
Technorati Tags: Jquery,widgets,jquery accordion,slide menu,menu expandable,expandable

Source: blogger-dashboard.blogspot.com

Search Engine Optimization tips for Blogger Templates

These days, there is much discussion of how blog content can be optimized for search engines in order to receive better rankings. But have you considered how ~~your blog template can be optimized too?~~

Swap Title Tags for Better SEO

If you open a post on your blog and look at the top of your browser, you'll see that your blog title is shown first and then the post title comes. We can improve our SEO ~~(search engine optimization)~~ by swapping these two tags so that the post title should appear first and the blog title after it.
1- Log in to Blogger | Dashboard | Layout | Edit HTML.
2- Find:
~~<title><data:blog.pageTitle/></title>~~
3- Replace the above code with the following one:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
4- Save your template and see what appears first, your blog title or the post title.

Source: blogger-dashboard.blogspot.com

5 STARS PREMIUM THEME is PROFESSIONAL BLOGGER TEMPLATE

Friday, October 29, 2010

Are You looking for free professional and premium blogger template ?

Than absolutely you came to the right place !

DEMO | DOWNLOAD

PREMIUM AND HIGH QUALITY BLOGGER TEMPLATE !

NOT EASY TO GET EVERYWHERE … THAT IS WHY I HAVE CREATED THE ~~5 STARS PREMIUM THEME~~

INSTALLATION :
FOR THE LOGO JUST SEARCH FOR THE FOLLOWING CODE :

.logo {
background : transparent url(http://lh3.ggpht.com/_9b1traaMESE/Spfnvvf9feI/AAAAAAAAAzo/CvLAvzrjGso/PROFESSIONAL%20LOGO.png) no-repeat scroll 0 0;
display : block;
float : left;
width : 400px;
padding : 10px 0 0 25px;
height : 80px;
overflow : hidden;
text-indent : -9999em;
}

AND REPLACE THE IMG LINK WITH YOURS ! AND IF YOU WANT ~~TO REMOVE THE IMAGE~~ AND USE ONLY TEXT ! THAN JUST ~~DELETE THE FOLLOWING CODE~~ :

background : transparent url(http://lh3.ggpht.com/_9b1traaMESE/Spfnvvf9feI/AAAAAAAAAzo/CvLAvzrjGso/PROFESSIONAL%20LOGO.png) no-repeat scroll 0 0;
text-indent : -9999em;

FOR FEEDBURNER EMAIL FEEDS JUST REPLACE (~~BloggerDashboard~~) WITH (YOURFEEDBURNER)
FOR THE ADSENSE 468X60 AT THE TOP ! YOU NEED TO SEARCH FOR THE FOLLOWING CODE AND REPLACE IT WITH ADSENSE !

~~http://lh4.ggpht.com/_9b1traaMESE/SpfdyI2EiOI/AAAAAAAAAzk/OEgjMBD4OcQ/ADS BANNER.png~~

PLEASE COMMENT BELLOW IF YOU LIKE THE TEMPLATE ! YOUR OPINION IS THE POST IMPORTANT FOR ME ! SO PLEASE IF YOU FIND SOMETHING NEED TO BE CHANGE OR YOU HAVE MORE SUGGESTIONS ABOUT THIS NICE THEME ! JUST WRITE YOUR COMMENT BELLOW PLEASE :)

PAINTING DASHBOARD is Magazine style Blogger Template

Thursday, October 28, 2010

Dark Blogger Template called Painting Dashboard Magazine

Painting Dashboard is Magazine style Blogger Template

Painting Dashboard is dark professional blogger template ! this template is created in origin by my friend BIE AT http://www.bietemplates.com so i have made many changes for the template until it became fitting my imagination ! very cool dark color template !
another release from Blogger Dashboard for this dark template for blogger

DEMO | DOWNLOAD

Actually in this design ! it was me who decide to pick up this dark color .
this template it has the following functions :

High quality graphics designs
High quality png icons
beautiful Magazine Style
Attractive Social Bookmarking Widget with fancy icons
Read more function
header date widget for each post
3 columns footer widget
adsense ads section after each post
nice search bar
125x125 ads section

enjoy this release and comment below if you have something want to say !
Please don’t remove the footer credit or the links at the footer ! it takes me long time to come out with this nice layout ! so please appreciate my work to love you more :)

Source: blogger-dashboard.blogspot.com

Newspaper Style Blogger Template

My Magazine style is Newspaper Style Blogger Template

DEMO | DOWNLOAD

Many of my friends of my visitors was asking me to design a template like newspaper style ! i have tried and tried until came out this design which i hope from you guys that you will like it .
this template it has the following functions :

High quality graphics designs
High quality png icons
beautiful Magazine Style
Beautiful Rss Button
Attractive Social Bookmarking Widget with fancy icons
Read more function
Twitter widget
Page Navigation like wordpress themes
nice rounded search bar

DEMO | DOWNLOAD

REDHAT DASHBOARD IS professional blogger template

WELL IT IS MY FOURTH RELEASE FOR BLOGGER TEMPLATES DESIGN !
ACTUALLY REDHAT DASHBOARD WAS ON TEST FOR A WHILE BUT NOW AFTER MY VISITORS REVIEW I JUST DECIDED TO RELEASE IT FOR DOWNLOAD ! so enjoy this nice template :)

Source: blogger-dashboard.blogspot.com

New Read more widget for Blogger (the latest)

Wednesday, October 27, 2010

Finally blogger give easy way to make read more like wordpress.com, this function only active if you use new post editor. With Jump Breaks you can show just a snippet of your post on your blog's index page. Blogger will insert a "Read more" link to the full post page where your readers can keep reading.
Setting –> Basic –> Choose “updated editor”

There are a couple of ways to insert a "Read more" jump to your posts. If you use the new post editor (available on Blogger in Draft, or by enabling it via the Settings tab), you'll notice the "Insert jump break" icon in the editor's toolbar. Click this icon and the "jump break" will be inserted into your blog post at your cursor's position.

Want to change the "Read more" text to something more your style? No problem. You can edit the "Read more" text by clicking Layout and then Edit the Blog Posts widget.

One more note, the Jump Break feature does not change how your post appears in your feed. You can configure post feed options by going to Settings | Basic | Site Feed, and editing Allow Blog Feeds.

Source: blogger-dashboard.blogspot.com

The first Blogger video template! BloggerTube Theme

Monday, October 25, 2010

BloggerTube is The first Blogger video template

BloggerTube:

BloggerTube A video template that creates a perfect link between Blogger (The best blogging tool in my opinion) and Youtube (The biggest and most used online video service on the internet).
#1 - This template is totally automatic, anyone can use it, and even the most newbie guys will be able to post videos on it.
#2 - It is the first of its kind, So this will motivate me to release new version and implement new features each version.
check out the DEMO AND INSTRUCTION HERE

Source: blogger-dashboard.blogspot.com

The latest Related Posts with Thumbnails for Blogger

New Version of Related Posts with Thumbnails for Blogger

Displaying the links to related posts along with a thumbnail of the corresponding post will help you increase the page views/user .Users will be tempted to go for the related posts when they are presented attractively with thumbnails. www.bloggerplugins.org has release this new widget !
Here are the detailed installation steps
1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and check the "Expand Widget Templates" check box
2.Now look for

</head>

and replace it with

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

</head>

3.Now Find

<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'>

Now immediately after any of these lines~~(whichever you could find)~~ place this code snippet

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End—>

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

var maxresults=5;

5.To edit the title of the widget you can change ~~this line of code~~

var relatedpoststitle="Related Posts";

To change the colors and all you will have ~~to do~~ is modify the CSS !

Source: blogger-dashboard.blogspot.com

My Magazine Style is beautiful magazine style blogger template

Demo | DOWNLOAD FROM HERE !
My Magazine Style is beautiful magazine style blogger template ! ~~based on some friend request~~ about the design ! it has very attractive png graphics like the Subscription widget on the top ! and the fancy menu with ~~gradient effect~~ .and newspaper style with minipost layout ! plus the page navigation at the bottom plus very nice twitter widget ect…..

Painting Dashboard is dark professional blogger template

Demo | DOWNLOAD IT FROM HERE
Painting Dashboard is dark professional blogger template ! this template is created in origin by my friend BIE AT http://www.bietemplates.com so i have made many changes for the template until it became fitting my imagination ! very cool dark color template ! with header date widget for each post ,also it has beautiful Subscription widget on the top , and 3 columns footer widget plus 3 columns sidebar ! it has adsense ads section after each post ! ect…..