How to Add a Guestbook to a Blogger Blog

Posted by tris tecno Minggu, 31 Oktober 2010 0 komentar

Guest-book is something like blogger comments which gives website visitor and owner a chance to communicate with each other.This article will show you how to add guest book to blogger blog.




Steps

1. Select the Guest book Service that you want to add to blogger(you can find some in blogger widgets or google for it)

2. Follow the instructions to set up Guest book service account and copy html code
3. Sign into your blogger blog and under Design-page element-add a widget,select html/javascript into pop-up window paste your guest book code and save it

4. Now your guestbook will appear in sidebar.(you can also insert it in edit html mode)

Tips
Fix the width as per your sidebar
Preview your changes before to save them



Warnings

.If you are not familiar with HTML then don't make any change to your template as it may spoil your blog design.

Things You'll Need

* Guest book service account
* Guest book HTML code
* Blogger Blog

6 Attractive Feedburner Email Subscription box for blogger

Posted by tris tecno 0 komentar

Are you still using the same old subscription box from feedburner ??? Now its time to change your subscription box with new great features. You may have seen other sites having beautifull email subscription box and wanted to add in your blogger blog, So here are the most attractive subscription box list you always wanted..



 1. Stay Connected
 <a href='http://twitter.com/iblogerz' style='float: left; margin-right: 10px;' title='Follow us on Twitter'><img alt='Follow on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKGw47-REeQvUvgVFYLqdi7crDgCLXDEIyAvwCUfyDan-tADtyF3KlFXfOlCrZxNYa7y1OHMQYnjJLjOW16QijsAo8_bhZFBeVRdCuAVm3NdJNV3e9eoJZeKBzfh88te0CvGfIOswdAJ4C/s800/break_the_egg_128px.png'/></a><div style='margin: 20px 0pt 0px 138px; overflow: hidden;'><a href='http://friendfeed.com/nirav07' title='Get connected over FriendFeed'><img alt='FF' src='http://i27.tinypic.com/144ar5.jpg'/></a><a class='linkopacity vtip' href='http://www.facebook.com/uscrap.co.cc' title='Lets be friends on facebook'><img alt='Facebook' src='http://i42.tinypic.com/20h21si.jpg'/></a><a class='linkopacity vtip' href='http://picasaweb.google.com/niravjain007/' title='Visit our Picasa Album'><img alt='Picasa' src='http://i40.tinypic.com/zv9zch.jpg'/></a><a class='vtip linkopacity' href='http://technorati.com/people/technorati/nirav07' title='Visit us at technorati'><img alt='Technorati' src='http://i41.tinypic.com/15i273q.jpg'/></a><a class='linkopacity vtip' href='http://digg.com/users/nirav07' title='Become friends on Digg'><img alt='Digg' src='http://i43.tinypic.com/2rr2zpy.jpg'/></a><a class='linkopacity vtip' href='http://nirav07.stumbleupon.com/' title='See what we have Stumbled upon!'><img alt='SU' src='http://i25.tinypic.com/2mzxqnt.jpg'/></a><a class='linkopacity vtip' href='http://www.youtube.com/user/niravjain007' title='See our YouTube Video Gallery'><img alt='UT' src='http://i29.tinypic.com/30wp4s3.jpg'/></a><a class='linkopacity vtip' href='http://www.orkut.co.in/Main#Profile.aspx?uid=15548331932883821176' title='Scrap us on Orkut'><img alt='Orkut' src='http://i26.tinypic.com/24y03o9.png'/></a><a href='http://technorati.com/faves?sub=addfavbtn&amp;add=http://www.bloggerwidgets.cz.cc' style='margin: 5px 0pt 0pt 30px; display: block;'><img alt='Add to Technorati Favorites' src='http://static.technorati.com/pix/fave/tech-fav-1.png'/></a>  <div style='margin: 10px 0pt 0pt; overflow: hidden; width: 200px;'>  <div style='float: left;'><script language='javascript' src='http://twittercounter.com/embed/?username=iblogerz&amp;style=black' type='text/javascript'/></div>
  <div style='float: right;'><a href='http://feeds.feedburner.com/bestwidgets'><img alt='' height='26' src='http://feeds.feedburner.com/%7Efc/bestwidgets?bg=87a0b0&amp;fg=000000&amp;anim=1' style='border: 0pt none ;' width='88'/></a></div>  </div></div><br/>
<div style='margin: 0px auto; padding: 0pt 0pt 0pt 40px; background: transparent url(http://i44.tinypic.com/23syr83.jpg) no-repeat scroll left -8px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 240px; text-align: left;'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bestwidgets&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<p><input name='email' onblur='if(this.value==&apos;&apos;)this.value=&apos;Email address to subscribe&apos;' onfocus='if(this.value==&apos;Email address to subscribe&apos;)this.value=&apos;&apos;' style='width: 180px;' type='text' value='Email address to subscribe'/><input name='uri' type='hidden' value='bestwidgets'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Go'/>
</p></form></div><div style='margin: 0px auto; padding: 0pt 0pt 0pt 50px; background: transparent url(http://i40.tinypic.com/2ewo0zk.jpg) no-repeat scroll -5px center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 305px; min-height: 50px; line-height: 4em;'>
<a class='vtip' href='http://feeds2.feedburner.com/bestwidgets' title='Subscribe to our feeds to any reader to get regular updates for Free!'>Full RSS Subscription</a><a class='vtip' href='http://feeds2.feedburner.com/bestwidgets' title='Dont miss a single Featured post! Subscribe now'>Featured Posts</a><img src='http://i44.tinypic.com/2a8jc0g.jpg' style='border: medium none ; margin-bottom: -12px; margin-left: 2px;'/> </div>

2. Subscribe uS
   <img alt='RSS' border='0' height='30' src='http://img708.imageshack.us/img708/3483/mailo.jpg' style='float: left; margin-right: 10px; margin-top: 10px;' width='30'/>          
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bestwidgets&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <p><input maxlength='100' name='email' onfocus='this.value = &apos;&apos;;' size='25' style='background-color: rgb(255, 255, 160); margin-bottom: 2px; padding-left: 5px; width: 150px; padding-top: 2px; height: 16px;' type='text' valign='middle' value='Enter your email address'/>
    <input name='uri' type='hidden' value='bestwidgets'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input type='submit' value='Subscribe'/></p>
    </form>
            <a href='http://feeds.feedburner.com/bestwidgets' title='Subscribe in a Feed Reader'>

                <img alt='RSS' border='0' height='24' src='http://img138.imageshack.us/img138/4618/feedicon24x24.png' style='padding: 4px 10px 0pt 5px; float: left;' width='24'/>
            </a>
            <a href='http://feeds.feedburner.com/bestwidgets'><b>Subscribe to RSS Feed</b></a> |
            <a href='http://www.facebook.com/uscrap.co.cc' title='Add me as a Friend on Facebook'>
                <img alt='Facebook' border='0' height='12' ilo-full-src='http://img138.imageshack.us/img138/5325/facebookru.png' src='http://img138.imageshack.us/img138/5325/facebookru.png' width='12'/>

            </a>
            <a href='http://technorati.com/faves?add=http://www.bloggerwidgets.cz.cc/' title='Add us to Technorati Favorite'>
                <img alt='Technorati' border='0' height='12' ilo-full-src='http://img41.imageshack.us/img41/1631/technoratiq.png' src='http://img41.imageshack.us/img41/1631/technoratiq.png' width='12'/>
            <br/>
 </a><a href='http://twitter.com/iblogerz' title='Follow on Twitter'>

                <img alt='Twitter' border='0' height='12' ilo-full-src='http://img41.imageshack.us/img41/1701/twitteruef.png' src='http://img41.imageshack.us/img41/1701/twitteruef.png' width='12'/>
            </a> <a href='http://twitter.com/iblogerz' title='Follow on Twitter'>Follow us on Twittter</a>
 <p style='margin-top: 10px;'>
<a href='http://feeds2.feedburner.com/bestwidgets'><img alt='' height='26' src='http://feeds2.feedburner.com/%7Efc/bestwidgets?bg=3333&amp;fg=FFFFFF&amp;anim=1' style='border: 0pt none ;' width='88'/></a>
<script type='text/javascript'>
tweetmeme_screen_name = &#39;iblogerz&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/follow.js' type='text/javascript'/>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.bloggwewidgets.cz.cc&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=verdana&amp;colorscheme=light' style='border: medium none ; overflow: hidden; width: 100px; height: 20px; padding-top: 10px; padding-left: 5px;'/>
</p><form action='http://www.facebook.com/addfriend.php' target='_blank'><input name='id' type='hidden' value='1737131433'/><img src='http://i45.tinypic.com/hvs3ft.jpg' style='margin: 0px; padding: 0px; width: 111px; height: 22px;'/></form>
 3.Subscribe
 <div style='background: rgb(255, 255, 255) url(http://img171.imageshack.us/img171/2742/rssbg.png) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-top: 0px;'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bestwidgets&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'/>
<p><a href='http://feeds.feedburner.com/bestwidgets' target='_blank' title='Subscribe To The Latest Posts'><img src='http://img171.imageshack.us/img171/162/rssicons.jpg' style='float: left; width: 38px; height: 38px; margin-right: 5px;'/></a><a href='http://feeds.feedburner.com/bestwidgets' target='_blank' title='Subscribe To The Latest Posts'><b><u>Subscribe to The RSS Feed</u></b></a>
and We will let you know when we have new posts !</p><br/>
<div style='text-align: center;'><b>Get The Latest Full Posts By Email - It&#39;s Free</b><br/><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' style='width: 215px;' type='text' value='Enter your email address...'/>
                    <input name='uri' type='hidden' value='bestwidgets'/>            <input name='loc' type='hidden' value='en_US'/>                     <input id='subbutton' type='submit' value='OK'/>                  <div style='clear: both;'/> <center><table border='0'> <tbody><tr> <td><a href='http://www.facebook.com/pages/Junks-Blogger/109882239030703' target='_blank' title='Connect to Us On Facebook'><img src='http://img29.imageshack.us/img29/3497/facebookiconf.jpg' style='width: 54px; height: 54px;'/></a></td><td><a href='http://twitter.com/iblogerz' target='_blank' title='Follow Us'>
<img src='http://img291.imageshack.us/img291/3765/twittericon.jpg' style='width: 54px; height: 54px;'/></a>
</td><td> </td><td><a href='http://feeds.feedburner.com/bestwidgets'><img alt='Fellow Readers' height='26' src='http://feeds.feedburner.com/%7Efc/bestwidgets?bg=000000&amp;fg=FFFFFF&amp;anim=1' style='border: 0pt none ; padding-top: 5px;' width='88'/></a>
<div id='TwitterCounter'><a href='http://twittercounter.com/hedy7?from=button' target='_blank' title='TwitterCounter for iblogerz'><img alt='TwitterCounter for iblogerz' height='26' src='http://srv2.twittercounter.com/counter/ani/iblogerz/ffffff/111111' style='border: medium none ;' width='88'/></a></div></td> </tr> </tbody></table></center> </div></div>

4.Thrilling Subscribe
  <a href="http://feeds2.feedburner.com/bestwidgets" title="Subscribe to the RSS feed"><img alt="RSS" src="http://i50.tinypic.com/esnlvc.jpg" style="float: left; vertical-align: middle; padding-right: 10px;" border="0" /></a>
<p style="padding: 5px 0pt;"><a href="http://feeds2.feedburner.com/bestwidgets" title="Subscribe to updates via RSS">Grab the RSS feed for Free Updates!</a><br />(What's this? — <a href="http://www.youtube.com/watch?v=0klgLsSxGsU" target="_blank" title="RSS in Plain English">Learn more about RSS</a>)</p>
<br />
<a href="http://feedburner.google.com/fb/a/mailverify?uri=bestwidgets" title="Get email updates delivered to your email inbox!"><img alt="subscribe" src="http://i45.tinypic.com/xmk8w6.jpg" style="float: left; vertical-align: middle; padding-right: 10px;" border="0" /></a>
<p style="padding: 5px 0pt;">OR Get blog updates sent directly to your inbox by entering your email address below:</p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(\" http:="" feedburner.google.com="" fb="" a="" mailverify?uri="bestwidgets\'," popupwindow\="" ,="" \="" scrollbars="yes,width=550,height=520\');return" true="" style="text-align: center;" target="popupwindow">
<input name="email" style="width: 140px;" type="text" />
<input name="uri" value="bestwidgets" type="hidden" />
<input name="loc" value="en_US" type="hidden" />
<input onmouseover="style.cursor=\" pointer\="" style="margin: 5px; cursor: pointer;" value="Subscribe" type="submit" />
</form>

5.Email Subsciption Box

<!-- Email subsciption box -->
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your-FeedBurner-Feed ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b>Like This Blog's Posts?</b> Get the Latest of It Directly from your Inbox for Free - Enjoy your Day!<br />
<div style="text-align:center">
<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == &#39;Enter your email address...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width:250px;" />
<input type="hidden" value="Your-FeedBurner-Feed " name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" value="OK" id="subbutton" />
</div></form>

<div>
<center>
<table>
<tr>
<td>
<a href="http://feeds.feedburner.com/Your-FeedBurner-Feed "><img src="http://feeds.feedburner.com/~fc/Your-FeedBurner-Feed ?bg=99CCFF&amp;fg=111111&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a>
</td><td>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/Your-Twitter-User-Name/111111/99CCFF"></script>
</td>
</tr>
</table></center>
</div>

<div style="padding-left:10px;">
<table>
<tr><td>
<a href="http://feeds.feedburner.com/Your-FeedBurner-Feed " target="_blank" title="Subscribe To The Latest Posts"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img243.imageshack.us/img243/2619/10rssicon.png" /></a><a href="http://feeds.feedburner.com/Your-FeedBurner-Feed " target="_blank" title="Subscribe To The Latest Posts">Subscribe to The RSS Feed</a>
</td></tr>
<tr><td>
<a href="Your-Facebook-Page-Url" target="_blank" title="Facebook time"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img163.imageshack.us/img163/8637/10facebookicon.png" /></a>
<a href="Your-Facebook-Page-Url" target="_blank" title="Facebook time">Connect via Facebook</a>
</td></tr>
<tr><td>
<a href="http://twitter.com/Your-Twitter-User-Name" target="_blank" title="Twitter time"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img189.imageshack.us/img189/6853/10twittericon.png" /></a><a href="http://twitter.com/Your-Twitter-User-Name" target="_blank" title="Twitter time">Follow Us on Twitter</a>
</td></tr>
</table></div>
<!-- /Email subsciption box -->

6. Animated Subscription
Requested by ross1004

<style>
#feeds {font-size:12px;width:275px;height:141px; background: url(http://2.bp.blogspot.com/_PqwYYUlzOtg/S9nOx7Bf0RI/AAAAAAAABlM/4BwNBsDdAuI/s1600/feedbg.png);background-position: 0 0;margin-bottom:10px;}
#feeds:hover {
    background-position: 0 -141px;
}
#feeds .alt { display: none; }</style>
<div id='feeds'>
        <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bestwidgets&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
        <input class='textarea' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter email address here&apos;;}' onfocus='if (this.value == &apos;Enter email address here&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter email address here'/><br/>
          <input name='uri' type='hidden' value='Subscribe'/> <input name='title' type='hidden' value='bestwidgets'/> <input name='loc' type='hidden' value='en_US'/>
        </form>
        <p><a href='http://feeds2.feedburner.com/bestwidgets'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bestwidgets?bg=2d2d2b&amp;fg=cfcfcf&amp;anim=1' style='border:0' width='88'/></a></p>
        <p><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Post (RSS)</a> | <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments (RSS)</a></p>
      </div>

5 Twitter Retweet Buttons and Scripts for blogger

Posted by tris tecno 0 komentar
Twitter has become the most important tools for webmasters as its among the top social bookmarking websites. Its a headache for them to Search the appropiate retweet button and script for there Blogs and websites. So here is a little thing you can do by using one of those impressive Twitter Retweet Counters so that your readers can share your blog posts with ease. Check out this list of Top 7 Twitter reweet Counter Buttons and scripts



1. Tweetmeme button

Tweetmeme is the king in terms of retweet buttons its been used by many websites and users.
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

<script type="text/javascript"> tweetmeme_style = 'compact'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
-----------------------------------------
2.Retweet buttons
Get the official Retweet button to put on your website or weblog. you can feel free to alter them and customize them for your site

<script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>




<script type="text/javascript"> size = 'small'; </script> <script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>
-------------------------------------------

3.Twittley Buttons
Its the fastest growing twitter retweet button .Harness the power of social networks and viral marketing with the Twittley button. Its totally customizable including colours

<script>var twittleyurl = "YOUR_URL"; var twittleytitle = "YOUR_TITLE"; var twittleykeywords = "YOUR_TAGS"; var twittleydescription = "SHORT_DESCRIPTION";</script><script src='http://twittley.com/button/button.js'/></script>



Simple Version
<script src='http://twittley.com/button/button.js'/></script>
---------------------------------------------------------
4. Twittlink Retweet Scripts
Twittlink is already competing with tweetmeme buttons . They have simple yet powerfull buttons. currently they have two sizes 50*50 and 40*20

<script src="http://www.twittlink.com/tools/button_b.js" type="text/javascript"/></script>


For smaller Button use this code instead

<script src="http://www.twittlink.com/tools/button_s.js" type="text/javascript"/></script>
Advanced mode

<script type="text/javascript">
tl_title = "your title";
tl_url = "you url";
tl_source = "your twitter account";
</script>
<script src="http://www.twittlink.com/tools/button_b.js" type="text/javascript"/></script>
 ---------------------------------------------
5. Topspy twitter buttons
This is the recommended and user friendly retweet buttons. This retweet button can be customized according to your wish, including size position, theme and color.


<script type="text/javascript" src="http://cdn.topsy.com/topsy.js?init=topsyWidgetCreator"></script>


 <div class="topsy_widget_data"><!--
    {
        "url": "http://labs.topsy.com/widgets/retweet-button/",
        "title": "Topsy Retweet Button for Web Sites"
    }
--></div>
 How to add a Twitter retweet button on your blogger Blog ??
Loged into blogger dashboard
Go to Design and click on Edit/html . Now check on Expand widget content
Than Find the bellow code

 <data:post.body/>
 and replace it with the bellow code

<div style="float:right;padding:4px;">
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
<data:post.body/>

you can change the retweet script just change the Red code with the code from above buttons you like

10 Styles Numbered Page Navigation for Blogger

Posted by tris tecno 0 komentar
In this post we will explain how to add a beautifull numbered page navigation hack in blogger. The default navigation links (i.e Older Posts) are not visitor friendly if you are having a large amount of posts and readers.
how many times do a vistor will click on older posts if he has to go to 50th posts on your blog. The pagination widget for blogger make it simple for your visitor. Its a must have widget for any blogspot blogs.


How to add Numbered page navigation in Blogger ??
Log into Dashboard. Click on Design. now go to Edit Html
Than find this code
</body>
and replace it with this code

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://files.bloggerwidgets.cz.cc/js/page-navi2.0.js' type='text/javascript'/>
</b:if>
</b:if>
</body>
Now find this code
]]></b:skin>
and replace with the bellow code
.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;

}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
]]></b:skin>

You Can change the Style of Navigation just replace the above code with anyone of the bellow codes
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px;
  margin:10px;
  }
 
.showpageArea a {
  color: #000;
  text-shadow:0 1px 2px #fff;
    font-weight: 700;
  }
 
.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 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;
  }
 
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;
  }

.showpageOf{
  margin:0 8px 0 0;
  }

.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 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;
  text-decoration: none;
  }
]]></b:skin>

.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px;
  margin:10px;
  }
 
.showpageArea a {
  color: #000;
  text-shadow:0 1px 2px #fff;
    font-weight: 700;
  }
 
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #919106;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -50px repeat-x;
  }
 
.showpageNum a:hover {
  border:1px solid #aeae0a;
  background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -25px repeat-x;
  }

.showpageOf{
  margin:0 8px 0 0;
  }

.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 #919106;
  background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 0 repeat-x;
  text-decoration: none;
  }
]]></b:skin>
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px;
  margin:10px;
  }
 
.showpageArea a {
  color: #fff;
  }
 
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  background: #363636 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -25px repeat-x;
  }
 
.showpageNum a:hover {
  background: #044697 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -50px repeat-x;
  }

.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  background: #e30000 url(whttp://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 0 repeat-x;
  text-decoration: none;
  }

.showpageOf{
  margin:0 8px 0 0;
  }
]]></b:skin>
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px;
  margin:10px;
  }
 
.showpageArea a {
  color: #fff;
  }
 
.showpageNum a {
  padding: 3px 4px;
  margin:0 4px;
  text-decoration: none;
  border-top:2px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -25px repeat-x;
  }
 
.showpageNum a:hover {
  border-top:2px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  background: #999 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -50px repeat-x;
  }

.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  border-top:2px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  background: #000 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;
  text-decoration: none;
  }

.showpageOf{
  margin:0 8px 0 0;
  }
]]></b:skin>

 .showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px;
  margin:10px;
  }
 
.showpageArea a {
  color: #fff;
  }
 
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  background: #333 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -50px repeat-x;
  }
 
.showpageNum a:hover {
  background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -25px repeat-x;
  }

.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  background: #06a2b9 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 0 repeat-x;
  text-decoration: none;
  }

.showpageOf{
  margin:0 8px 0 0;
  }
]]></b:skin>

.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #fff;
  font-size:11px;
  margin:10px;
  padding:8px 20px;
  background: #333;
  }
 
.showpageArea a {
  color: #fff;
  }
 
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  background: #666;
  }
 
.showpageNum a:hover {
  background: #888;
  }

.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  background: #da6100;
  text-decoration: none;
  }

.showpageOf{
  margin:0 8px 0 0;
  }
]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>

Customization of this widget
  • var pageCount=6;
  • How many posts to show in a Page
  • var displayPageNum=6;
  • number of pages to show
  • var upPageWord =&#39;Previous&#39;;
  • var downPageWord =&#39;Next&#39;;
  • name of next and newer Page

Download Irene (Blogger Template)

Posted by tris tecno Sabtu, 30 Oktober 2010 0 komentar
this is a free premium template with amazing design, slideshow ready, search box, social icons..



* Free Premium Blogger Templates
* Colorful color, Gray Background.
* Fixed width, Left sidebar.
* This template for most blogs
* 2 column, 1 sidebar

Demo :

Click here to the demo of Irene template


Download :
http://www.4shared.com/file/YJoUx0-_/Irene.html
http://www.box.net/shared/4kncjcnxl2
http://www.zshare.net/download/82174888df520fc8/

Download Dilegno Star (Blogger Template)

Posted by tris tecno 0 komentar
this is amazing template with a professional design, blue color, 3 columns at footer, slideshow ready..




* New Blogger Templates
* Fixed width, 1 sidebar.
* This template for most blogs
* White color, Blue Background.
* 2 column, Left sidebar

Demo :


Download :
http://www.4shared.com/file/s0vYU6VL/3-puppies.html
http://www.box.net/shared/hv2mkha2fj
http://www.zshare.net/download/82174519b4c81832/

Download Whitedeot (Blogger Template)

Posted by tris tecno 0 komentar

this is a simple cool template with a very nice slideshow, simple design, search box ready..



* This template for gallery blogs
* Fixed width, Right sidebar.
* White color, Gray Background.
* Simple Blogger Templates
* 2 column, 1 sidebar

Demo :
Whitedeot Demo click to view the demo for this template http://whitedeo-allblogtools.blogspot.com/

Download :

http://www.zshare.net/download/8217401890f68bc8/
http://www.4shared.com/file/PdQLjSC8/Whitedeo.html
http://www.box.net/shared/i9024k2oqy
Ping your blog, website, or RSS feed for Free