tag:blogger.com,1999:blog-33909979725269341922024-03-13T05:56:14.702-07:00Web Developmentrajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.comBlogger9125tag:blogger.com,1999:blog-3390997972526934192.post-18939047657004799992011-07-01T04:49:00.000-07:002011-07-04T04:23:50.346-07:00Beautiful Animated lables gadget Effect in Blogger<span class="Apple-style-span" style="color: magenta;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"> </span><b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Have seen lots of text hover, image hover effects animation till now, but never thought of trying something different animation in labels. </span></b></span></span><br />
<span class="Apple-style-span" style="color: magenta;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; line-height: 19px;"><b><br />
</b></span></span><br />
<span class="Apple-style-span" style="color: magenta;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; line-height: 19px;"><b>So today i am showing you all the simplest and the effective way of adding animated labels to your blog / website. With my coding we can have fun cool effect add to our links in blog labels list. Have seen this kind trick many other sites but today after going through <a href="http://www.spiceupyourblog.com/">spiceupurblog</a>, found the best trick.</b></span></span><br />
<span class="Apple-style-span" style="color: magenta;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; line-height: 19px;"><b><br />
</b></span></span><br />
<span class="Apple-style-span" style="color: magenta;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; line-height: 19px;"><b>This effect is created with the use of jQuery and generally when ever any user visitor places their cursor over the animated label link it moves horizontally.</b></span></span><br />
<span class="Apple-style-span" style="color: magenta;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; line-height: 19px;"><b><br />
</b></span></span><br />
<span class="Apple-style-span" style="color: magenta;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; line-height: 19px;"><b>With just some small change in code this kind hover effect used in image, background or even underline also.</b></span></span><br />
<span class="Apple-style-span" style="color: magenta; font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="line-height: 19px;"><b><br />
</b></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dy_WcMH8wpvOL0O9REAld0Wobmzl8PchOQ7n1aQxXR27w94LLq67ZdFNZcBScEgduP3jhYmw9hge3P0AaAmEg' class='b-hbp-video b-uploaded' frameborder='0'></iframe><br />
<span class="Apple-style-span" style="color: magenta; font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="line-height: 19px;"><b><br />
</b></span></span><br />
<span class="Apple-style-span" style="line-height: 19px;"><b><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><br />
</span></b></span><br />
<span class="Apple-style-span" style="line-height: 19px;"><b><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: red;"><span class="Apple-style-span" style="font-size: large;">LIVE DEMO </span>: </span><span class="Apple-style-span" style="color: lime;">TO SEE ITS OUTPUT WORKING EFFECT WATCH THE ABOVE VIDEO U GET CLEAR IDEA OF IT</span></span></b></span><br />
<span class="Apple-style-span" style="line-height: 19px;"><b><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: lime;"><br />
</span></span></b></span><br />
<h2 style="font-family: Smythe, arial, serif; outline-color: initial; outline-style: none; outline-width: medium;"><span class="Apple-style-span" style="color: orange;">Add Animated Link Lists To Your Blog</span></h2><br />
<b style="outline-color: initial; outline-style: none; outline-width: medium;"><span class="Apple-style-span" style="color: magenta;">Step 1.</span></b> <b><span class="Apple-style-span" style="color: cyan;">In your Blogger dashboard click > Design > Edit Html</span></b><br />
<span class="Apple-style-span" style="color: #dddddd; font-family: Georgia, 'trebuchet ms', tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-style: italic; line-height: 19px;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a class="zoom" href="http://2.bp.blogspot.com/-Qu0wi_MM2Vo/Tg21SpUpA8I/AAAAAAAAAbY/MeBmfayyzNg/s1600/design-edit-html-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="http://2.bp.blogspot.com/-Qu0wi_MM2Vo/Tg21SpUpA8I/AAAAAAAAAbY/MeBmfayyzNg/s320/design-edit-html-blogger.png" width="320" /></a></div><span class="Apple-style-span" style="color: lime; font-family: Georgia, 'trebuchet ms', tahoma, Verdana, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: 15px; line-height: 19px;"><b><i><br />
</i></b></span></span><br />
<span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"><span style="outline-color: initial; outline-style: none; outline-width: medium;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"><b><span class="Apple-style-span" style="color: magenta;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">Step 2.</span> </span></b><span class="Apple-style-span" style="color: cyan;"><b>Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code</b></span></span><span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"> </span><br />
<span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"><b><span class="Apple-style-span" style="color: lime;"></head></span></b></span><br />
<span class="Apple-style-span" style="background-color: orange; color: lime; font-family: Georgia, 'trebuchet ms', tahoma, Verdana, Arial, sans-serif; font-style: italic; line-height: 19px;"><b></b></span><br />
<div><span class="Apple-style-span" style="color: #dddddd; font-family: Georgia, 'trebuchet ms', tahoma, Verdana, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: 15px; line-height: 19px;"><i><br />
</i></span></span></div><span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"><b><span style="outline-color: initial; outline-style: none; outline-width: medium;"><span class="Apple-style-span" style="color: magenta;">Step 3. </span></span><span class="Apple-style-span" style="color: cyan;">Copy And Paste The Following Code Directly Above / Before </head></span></b></span><br />
<span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"><b><span class="Apple-style-span" style="color: cyan;"><br />
</span></b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><span class="Apple-style-span" style="background-color: orange; line-height: 19px;"><b></b></span></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'></b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b></script></b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b><script type='text/javascript'></b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>var dur = 450; </b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>$(document).ready(function() {</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>$('a.linknudge, .Label ul li a').hover(function() {</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>$(this).animate({</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>paddingLeft: '20px'</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>}, dur);</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>}, function() {</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>$(this).animate({</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>paddingLeft: 0</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>}, dur);</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>});</b></span><br />
<span class="Apple-style-span" style="color: lime; font-family: Philosopher, arial, serif;"><b>});</script><</b></span><br />
<span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"><b><span class="Apple-style-span" style="color: cyan;"><br />
</span></b></span><br />
<span class="Apple-style-span" style="color: cyan; font-family: Philosopher, arial, serif;"><span class="Apple-style-span" style="line-height: 19px;"><b><br />
</b></span></span><br />
<span class="Apple-style-span" style="font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px;"><b><span style="color: magenta; outline-color: initial; outline-style: none; outline-width: medium;">Step 4.</span><span class="Apple-style-span" style="color: magenta;"> </span><span class="Apple-style-span" style="color: cyan;">Save Your Template.</span></b></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-67855578944870655162010-10-19T05:17:00.000-07:002010-10-19T05:23:15.863-07:00Blogger Gadgets Tutorial<div style="color: magenta;"><b>Gadgets</b></div><br />
<b>In the way posts make up the majority of your blog, gadgets make up the majority of your blog’s layout, particularly the sidebar(s). We will begin with basic gadgets available from Blogger when clicking Add a Gadget (see Figure 3-3). In the next chapter and throughout the remainder of this book, you learn how to add additional third-party gadgets to promote your blog, connect to popular social networking sites, make money, or further customize the design or functionality of your blog.</b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_sT3hnOr4kDU/TL2MMZoto4I/AAAAAAAAAII/qqFdkL2hwWw/s1600/5689.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/_sT3hnOr4kDU/TL2MMZoto4I/AAAAAAAAAII/qqFdkL2hwWw/s320/5689.JPG" width="144" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">■ <b><span style="color: red;">Note</span>:</b> <b>Gadgets are primarily added to your blog’s sidebar for quick, visual access. </b></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><b>Let’s review a list of commonly used gadgets (see Table 3-1) and then add a few popular gadgets to<br />
your blog, such as a Search Box, in the following exercises. You do not want to clutter your sidebar(s) making your blog appear too busy, nor will every gadget suit your blog’s purpose or appeal to all blog<br />
readers. Pick and choose those that you need and from which you will benefit.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
Table 3-1: Basic Gadgets Review<br />
<span style="color: magenta;">Gadget </span> <span style="color: red;"> Description</span><br />
Pages -------------------Allows you to create content on your blog separate from your main post area. It is similar to the traditional web page describing a service you may offer, list products<br />
you sell, or a custom About Me or About Us page (this feature will be reviewed in<br />
<br />
Followers---------------- Displays a list of people following your blog (in their Dashboard under Other Blogs, it will show your blog updates).</b></div><div class="separator" style="clear: both; text-align: left;"><b> </b></div><div class="separator" style="clear: both; text-align: left;"><b>Search Box-------------- Adds a Google Search box to your blog allowing visitors to quickly and easily search your blog.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
HTML/JavaScript----- Primarily used to add third-party gadgets to your blog.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
</b></div><div class="separator" style="clear: both; text-align: left;"><b>AdSense------------------- Provides capability to earn money with your blog by adding Google AdSense.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
Picture---------------------- Use this gadget to add a picture to your blog’s sidebar, footer, or header area (in addition to your Profile Photo). This gadget is not used to insert an image into a<br />
Post.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
</b></div><div class="separator" style="clear: both; text-align: left;"><b>Slideshow------------------ Creates a quick slideshow from Picasa Web Album, Flickr, Photobucket, or other<br />
photo storage sources.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
Link List-------------------- Creates a link to your favorite blogs, web sites, photo albums, or other links.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
</b></div><div class="separator" style="clear: both; text-align: left;"><b>Labels------------------------- Displays a list of categories (labels) used in your blog posts.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
Subscription<br />
Links--------------------------Allows a reader to subscribe to your blog’s posts or comments using popular readers like Google Reader.</b></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><b>Profile------------------------- Allows you to add certain profile information to your blog, including the Profile Photo if one was uploaded.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br />
Blog Archive--------------- Select how to archive your blog’s posts; most commonly is by month.</b></div><div class="separator" style="clear: both; text-align: left;"><b> </b></div><div class="separator" style="clear: both; text-align: left;"><b>Page Header----------------- Add a header area to your blog. Your blog banner would typically go here.</b></div>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-16525751405801760752010-10-19T05:12:00.000-07:002010-10-19T05:15:17.278-07:00Blogger Navbar Tutorial<b style="color: #cc0000;">Navbar</b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_sT3hnOr4kDU/TL2Jyul9bkI/AAAAAAAAAH8/p-RhK0OBlR8/s1600/untitled2222.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/_sT3hnOr4kDU/TL2Jyul9bkI/AAAAAAAAAH8/p-RhK0OBlR8/s320/untitled2222.JPG" width="156" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_sT3hnOr4kDU/TL2KtOWSSKI/AAAAAAAAAIA/pQNMOEc-8pM/s1600/4564564.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>The Navbar is a built-in feature of your blog used to quickly navigate to your Design, compose a New Post, or to Sign Out, and displays your email (username). On the left side on the Navbar when viewing your blog, you will also see an area to report abuse, or the ability to go to the next Blogger blog.</b><br />
<b><br />
In the Navbar page element, you can edit the Navbar color to best match the coloring of your blog.<br />
The only option when editing the Navbar (without using custom HTML/CSS code) is choosing a color. I would recommend one of the “transparent” settings.</b><br />
<br />
<div style="color: red;"><br />
</div><b><span style="color: red;">Exercise – Editing the Navbar</span></b><br />
<b><span style="color: red;"> </span><br />
Choose a transparent color for your blog’s Navbar:<br />
1. From the Dashboard, choose Design.<br />
2. Click Page Elements if not already selected.<br />
3. On the Navbar, click Edit.<br />
4. From the options shown in Figure 3-2, choose Transparent Dark or Transparent<br />
Light or any other available color that best compliments your blog. In The Perfect<br />
Landscape’s blog, Transparent Dark was chosen.</b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_sT3hnOr4kDU/TL2LVJIutRI/AAAAAAAAAIE/EfKeGSWhv5U/s1600/4564564.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/_sT3hnOr4kDU/TL2LVJIutRI/AAAAAAAAAIE/EfKeGSWhv5U/s320/4564564.JPG" width="148" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><b>5. Click Save.<br />
6. Choose View Blog to view your changes (notice your Navbar color changed).</b> </div><br />
<b> </b><br />
<b> </b>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-90943796094705722742010-10-19T03:25:00.000-07:002010-10-19T03:25:10.369-07:00Create Profile in Blogger<u><b style="color: red;">Profile</b></u><br />
<br />
<b>This section is the area where you enter information about yourself and what information you would like to share with readers of your blog (like a traditional “About Me” page). You may enter information including your name, email address, birthday, sex, physical location (city, state, and country), interests,and mini biography. There is also a place to upload your picture. This profile image will be shown on your blog’s sidebar (when inserting the Profile gadget).</b><br />
<b><br />
Exercise—Edit Profile</b><br />
<b><br />
Editing your profile:</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_sT3hnOr4kDU/TL1wUA2p5dI/AAAAAAAAAHs/ebcHtA1xW-w/s1600/546787.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/_sT3hnOr4kDU/TL1wUA2p5dI/AAAAAAAAAHs/ebcHtA1xW-w/s320/546787.JPG" width="159" /></a></div><br />
<b><br />
1. From the Dashboard on the left side of the screen, click the Edit Profile link.</b><br />
<b><br />
2. In this screen, enter as much or as little information about yourself that you would<br />
like to share with your blog readers. Typically, I check off to share my profile,<br />
email address, display name (normally your blog title), photograph, home page<br />
URL, location, and sometimes my general interests. Due to the increased amount<br />
of Internet fraud and security issues, be wary about how much personal<br />
information you would like to share with strangers.</b><br />
<b><br />
3. To upload a photograph to use as your profile image, click the Browse button to<br />
locate a picture on your computer or enter a web address (URL) if using a picture<br />
from your personal online image storage site, such as Photobucket or Flickr.</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_sT3hnOr4kDU/TL1x-PoovPI/AAAAAAAAAH4/MeyYkxUXu60/s1600/untitled2222.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/_sT3hnOr4kDU/TL1x-PoovPI/AAAAAAAAAH4/MeyYkxUXu60/s320/untitled2222.JPG" width="175" /></a></div><br />
<br />
<b><br />
4. When you have finished editing the profile.</b><br />
<br />
<b>5. You are back at the Dashboard. </b>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-34187108536942044242010-10-11T00:31:00.000-07:002010-10-13T04:03:39.348-07:00Download Latest Free Word Press & BloggerThemes Templates<table border="0" cellpadding="0" cellspacing="0" class="post" id="post_single"><tbody>
<tr></tr>
<tr><td colspan="2"><div class="post_title"><h2><span style="color: magenta;">Sharp Marketing Template</span></h2><b>Be faced with as a romantic and dynamic city as Denver, you may wonder how could this online marketing business come off? When data, figures, and all those convincing stuff are provided, people may be willing to participate!</b><br />
<br />
<b>Among this online virtual world, you could choose to shelter your business a warm and beautiful home — a blog with this sharp Denver blog theme!</b><br />
<br />
<br />
<b>Download</b> <a href="http://www.mediafire.com/?b7w7jtte6jj52a9" style="text-decoration: underline;">Header PSD-sources</a> <b>file (.zip-package) for Sharp Marketing.</b><br />
<br />
<br />
<div style="color: #cc0000;"><b>FREE Blogger Template Version of Sharp Marketing</b></div><div style="color: #cc0000;"><br />
</div><a href="http://sharp-marketing.blogspot.com/" style="text-decoration: underline;" target="_blank">Blogger Layout Demo</a> | <a href="http://www.mediafire.com/?08y4pxp9e9ry9yu" rel="external nofollow" style="text-decoration: underline;">Download Now</a><br />
<div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><b> </b><img alt="Sharp Marketing" src="http://www.blogtemplates4denver.com/examples/wp-content/themes/sharp-marketing/sharp-marketing.jpg" width="510" /></div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.mediafire.com/?08y4pxp9e9ry9yu"><img border="0" src="http://4.bp.blogspot.com/_sT3hnOr4kDU/TLK8xgrhctI/AAAAAAAAAHk/oK7ynfLTq5A/s1600/blogger_download.gif" /><span id="goog_1688186177"></span></a><span id="goog_1688186178"></span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.mediafire.com/?t11wwosalq2hblu"><img border="0" src="http://2.bp.blogspot.com/_sT3hnOr4kDU/TLK8x-McApI/AAAAAAAAAHo/Xf8a6du5TLA/s1600/wp_download.gif" /><span id="goog_1688186188"></span></a><span id="goog_1688186189"></span></div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><br />
<h2><br />
</h2></div></td></tr>
</tbody></table>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com1tag:blogger.com,1999:blog-3390997972526934192.post-83230065585979782922010-10-11T00:10:00.000-07:002010-10-11T00:18:33.593-07:00Download Latest Free Word Press & BloggerThemes Templates<table border="0" cellpadding="0" cellspacing="0" class="post" id="post_single" style="color: magenta;"><tbody>
<tr></tr>
<tr><td colspan="2"><div class="post_title"><h2>Food Explorer Template</h2></div></td></tr>
</tbody></table><b> Take your time to explore, taste and discover the finest food and wine experiences in Denver. They will be so good that you will never forget. And this city also features a wide range of options from award winning steaks, romantic cuisines to breakfast and brunch or a quick snack.</b><br />
<br />
<b>For keeping the savor alive, blog for yourself! And this Denver eating theme was designed to make your job much easier.</b><br />
<b> </b><br />
<b>Download</b> <a href="http://www.mediafire.com/?d54rqtepesgntqf" style="text-decoration: underline;">Header PSD-sources</a><b> file (.zip-package) for Food Explorer.</b><br />
<br />
<div style="color: red;"><b>FREE Blogger Template Version of Food Explorer</b></div><br />
<br />
<a href="http://food-explorer1.blogspot.com/" style="text-decoration: underline;" target="_blank">Blogger Layout Demo</a> | <a href="http://www.mediafire.com/?b5r1q4h14q0alyl" rel="external nofollow" style="text-decoration: underline;">Download Now</a><br />
<br />
<span class="tags"><strong style="color: red;">Tags:</strong><span style="color: red;"> </span><b>fixed width+pagenavi+right sidebar+social bookmarking+threaded comments+two columns+valid css+valid xhtml+widget ready+yellow</b></span><b> </b><br />
<b><br />
</b><br />
<br />
<br />
<img alt="Food Explorer" src="http://www.blogtemplates4denver.com/examples/wp-content/themes/food-explorer/food-explorer.jpg" width="510" /><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.mediafire.com/?b5r1q4h14q0alyl"><img border="0" src="http://3.bp.blogspot.com/_sT3hnOr4kDU/TLK4GZcuimI/AAAAAAAAAHc/guzHgl7WFAg/s1600/blogger_download.gif" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.mediafire.com/?7v98c82k39vn2mp"><img border="0" src="http://3.bp.blogspot.com/_sT3hnOr4kDU/TLK4G1WqnJI/AAAAAAAAAHg/aIU1iZGzzDw/s1600/wp_download.gif" /></a></div>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-58102201131517265672010-10-10T23:50:00.000-07:002010-10-11T00:43:20.934-07:00Download Latest Free Word Press & BloggerThemes Templates<h2><span style="color: magenta; font-family: "Courier New",Courier,monospace;">Denver Day Shine Template</span> </h2><b>Denver is one of most family-friendly cities with plenty of activities for the little ones. While keep them occupied you can score your own romantic moments with your loved ones.</b><br />
<br />
<b>Use our Denver vacation blog theme to share the fascinating moments with family and friends. This template is simple to use and free of charge.</b><br />
<br />
Download <a href="http://www.mediafire.com/?ws5379g3bhwsmh5" style="text-decoration: underline;">Header PSD-sources</a> file (.zip-package) for Denver Day Shine<b> </b><br />
<br />
<div style="color: #cc0000;"><b>FREE Blogger Template Version of Denver Day Shine</b></div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><b><a href="http://denver-day-shine.blogspot.com/" style="text-decoration: underline;" target="_blank">Blogger Layout Demo</a></b> <b><a href="http://www.mediafire.com/?22yl7yk3yr6vcnt"> Download Now</a></b><br />
<br />
<span class="tags"><strong>Tags:</strong> </span><b><span style="color: black;">blue+fixed width+left sidebar+pagenavi+social bookmarking+threaded comments+two columns+valid css+valid xhtml+widget ready </span></b></div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"><br />
</div><div style="color: #cc0000;"></div><div style="color: #cc0000;"></div><div style="color: #cc0000;"><img alt="Denver Day Shine" src="http://www.blogtemplates4denver.com/examples/wp-content/themes/denver-day-shine/denver-day-shine.jpg" width="510" /></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.mediafire.com/?dvqqm0gql3n1zwb"><img border="0" src="http://1.bp.blogspot.com/_sT3hnOr4kDU/TLKy0ZXZJzI/AAAAAAAAAHM/Ic9w23Lxepg/s1600/wp_download.gif" /><span id="goog_1343370374"></span></a><span id="goog_1343370375"></span> <a href="http://www.mediafire.com/?22yl7yk3yr6vcnt"><img border="0" src="http://3.bp.blogspot.com/_sT3hnOr4kDU/TLKy0NzyDfI/AAAAAAAAAHI/MSunFAV44Tg/s1600/blogger_download.gif" /></a> </div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-43025482084771516382010-05-10T22:28:00.000-07:002011-03-23T09:26:16.486-07:00Install Intense Debate Comments in Blogger Blogs<a href="http://4.bp.blogspot.com/_sT3hnOr4kDU/S-jt8fWEhXI/AAAAAAAAAFA/rCPyc6LaQ0M/s1600/intense-debate.PNG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5469883370903471474" src="http://4.bp.blogspot.com/_sT3hnOr4kDU/S-jt8fWEhXI/AAAAAAAAAFA/rCPyc6LaQ0M/s320/intense-debate.PNG" style="cursor: pointer; display: block; height: 77px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
<a href="http://www.intensedebate.com/" style="font-weight: bold;">Intense Debate</a><span style="color: lime; font-weight: bold;"> is a commenting system which is designed to inspire conversation. Including such features as threaded comments (allowing readers to reply to each other in comment threads), avatars and a voting system, many Blogger users are now choosing this as an alternative to the default Blogger commenting system.</span><span style="color: lime; font-weight: bold; text-decoration: underline;"><br />
<br />
</span><br />
<div style="color: lime;"><span style="font-weight: bold;">Many users till now requested me a tutorial for installing and the use of intense debate in their blog, this is a very easy way of installing in your blogger powered blogs and i will explain u this how to do it</span></div><br />
<a href="http://www.blogger.com/post-edit.g?blogID=3390997972526934192&postID=4302548208477151638" name="1656780451871622272"></a> <br />
<h2 class="post-title entry-title"><span class="comment-link-right"> <a class="spch-bub-inside" href="http://www.bloggerbuster.com/2008/05/how-to-install-intense-debate-comments.html#comments" onclick=""><span class="point"></span> <i></i></a></span></h2><span style="color: magenta; font-weight: bold;">What Are the Main Features of Intense Debate?</span><span id="fullpost"><a href="http://www.intensedebate.com/" style="color: cyan;">Intense Debate</a> <b><span style="color: lime;">is a fully featured commenting system which provides many more features than Blogger's standard comments, including: </span></b> <ul style="color: lime;"><li><b>Comment form beneath posts (on the same page)</b></li>
<li><b>Threaded comments, which allow commenters to reply directly to each other and be visible as a comment "heirachy"</b></li>
<li><b>Comment avatars (of registered Intense Debate members)</b></li>
<li><b>The ability to vote comments up/down (so the most popular comments can float to the top of the list)</b></li>
<li><b>Profiles for registered members, which include links to members' blogs and social media profiles</b></li>
<li><b>Widgets for top commenters and recent comments which you can add to your Blogger layout with ease</b></li>
</ul><div style="color: lime;"><b>You can read about these features in full detail, or watch the two minute video of Intense Debate functionality which explains this service in a snap!</b></div><h3 style="color: magenta;">How to Install Intense Debate in your Blogger Blog</h3><div style="color: lime;"><b>It is surprisingly easy to install Intense Debate commenting in your Blogger template! Even when I tried this method for non-standard and highly customized templates, I found this method worked just fine.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>If you would like to use Intense Debate as an alternative to Blogger's commenting system, here is what you should do: </b></div><ol><li><b style="color: lime;">Head over to the Intense Debate home page and add your blog's URL in the box provided. Then click on the Install Intense Debate" button:</b><br />
<br />
<a href="http://4.bp.blogspot.com/_xn2gmPb9TfM/SCSs_9COv_I/AAAAAAAABbQ/qiiOw0YRIbw/s1600-h/install-intense-debate-blog.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5198470084608049138" src="http://4.bp.blogspot.com/_xn2gmPb9TfM/SCSs_9COv_I/AAAAAAAABbQ/qiiOw0YRIbw/s400/install-intense-debate-blog.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /></a></li>
<li><b><span style="color: lime; font-weight: bold;">If your blog is hosted on Blogspot</span><span style="color: lime;"> (eg: yourblog.blogspot.com), Intense Debate will automatically detect your blogging platform.</span><br style="color: lime;" /><br style="color: lime;" /><span style="color: lime; font-weight: bold;">If you use a custom domain</span></b> <b><span style="color: lime;"> (eg: www.yourblog.com), you will need to choose Blogger as your blogging platform.</span><br style="color: lime;" /><br style="color: lime;" /><span style="color: lime;"> Once Intense Debate is sure of the platform you are using, you will see a screen like this:</span></b> <b><br style="color: lime;" /></b> <br />
<a href="http://2.bp.blogspot.com/_xn2gmPb9TfM/SCSv_dCOwAI/AAAAAAAABbY/9vGLXRNJb_Y/s1600-h/intense-debate-install.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5198473374552997890" src="http://2.bp.blogspot.com/_xn2gmPb9TfM/SCSv_dCOwAI/AAAAAAAABbY/9vGLXRNJb_Y/s400/intense-debate-install.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /></a><br />
<br style="color: lime;" /><span style="color: lime;"> <b>Here you have the choice of installing Intense Debate comments as a widget (the easy method) or directly in your Blogger template, to appear below your posts (the recommended method).</b></span><br />
<br />
<span style="color: lime; font-weight: bold;">If you choose to add this as a widget</span>, <b><span style="color: lime;">simply click on this option and follow the steps to add this as a widget in your blog sidebar.</span></b><br />
<br />
<span style="color: magenta; font-weight: bold;">If you would prefer to use the full commenting system</span>,<b style="color: lime;"> continue reading instead!</b></li>
<li><b style="color: lime;">Installing the full Intense Debate commenting system really is a breeze! In this case, you will need to follow the steps provided on the installation page to make a back-up of your full Blogger template by going to Layout>Edit HTML in your Blogger dashboard, and clicking on the "Download full template" link.<br />
<br />
This saves a copy of your existing blog template (including any widgets and customizations) to your computer.</b> <br />
<br />
<b style="color: lime;">Once you have done this, go back to the Intense Debate installation screen and click the "Browse" button to locate your template file on your computer.</b></li>
<li style="color: lime;"><b>Next, you have a decision to make: you can either: </b><ul><li><b>Choose to install Intense Debate on posts where there are no existing comments</b></li>
<li><b>Choose to replace all comments with Intense Debate comments instead.</b></li>
</ul><b>If you do choose to replace all comments, these existing comments will not be lost! You can retrieve and import these to Intense Debate afterwards if you choose to do so (as shall be explained shortly).<br />
<br />
Check the radio selection for the option you prefer, then click the "Upload file and continue" button.</b> </li>
<li style="color: lime;"><b>On this next screen, you will see a box filled with code. This is your Blogger template code which has been modified to include the Intense Debate commenting system.<br />
<br />
Copy all of the code in this box to your clipboard. Then go to Layout>Edit HTML in your Blogger dashboard.</b> </li>
<li style="color: lime;"><b>Replace all of your existing template code with this modified code from Intense Debate.<br />
<br />
You can check that you have installed this correctly by previewing your changes. If the installation was successful, you will receive no error notifications and can proceed to save your template.</b> </li>
<li style="color: lime;"><b>Finally, click on the "Finish" button right near the bottom of the Intense Debate installation page. Then visit your blog in your web browser to check out your new commenting system!</b></li>
</ol><h3 style="color: magenta;">Changing the Comment Settings</h3><div style="color: lime;"><b>Once you have installed Intense Debate comments in your Blogger blog, you may like to change some of the settings to suit your individual requirements.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>To change your Intense Debate settings, you will need to access your Intense Debate dashboard and click on the "settings" link for the blog you wish to access.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>Here are the different comment settings you can change to suit your needs: </b></div><ul><li><u style="color: magenta;"><span style="font-weight: bold;">Blog Info</span>: </u><b><span style="color: lime;">Here you can alter any details for your blog, such as the URL, blog title and RSS feed.</span></b></li>
<li><u style="color: magenta;"><span style="font-weight: bold;">Comment Posting</span>:</u> <b><span style="color: lime;">This section includes any moderation opions you may wish to alter. You can choose to moderate all comments before they appear beneath your blog posts; moderate posts containing words in a blacklist, and even automatically delete comments if they contain certain "banned" words and phrases.</span></b></li>
<li><u><span style="color: magenta; font-weight: bold;">Email Notification</span><span style="color: magenta; font-weight: bold;">s</span><span style="color: magenta;">: </span></u><b style="color: lime;">Choose whether you would like an email to be sent to blog authors whenever a new comment is posted (similar to Blogger's comment settings).</b></li>
<li><u style="color: magenta;"><span style="font-weight: bold;">Display Settings:</span></u><b> <span style="color: lime;">If you would like to enable "threads" (this allows a person to comment directly to another commenter), tick the appropriate box. You can also set the default order of comments (readers will be able to re-order this list for themselves if they choose).</span></b></li>
<li><span style="font-weight: bold;"><u style="color: magenta;">Comment Link Tex</u>t</span>:<b style="color: lime;"> In this section you can choose to alter the text used for your comment links. By default this is set to Comments ([#]) where [#] is the number of comments. You could change this to "[#] Responses", "Observations: ([#])" or indeed any other link text which you prefer!</b></li>
<li><u style="color: magenta;"><span style="font-weight: bold;">Add another blog admin</span></u>: <b><span style="color: lime;">This setting allows you to add new moderators who can access your Intense Debate settings, which is useful for group bloggers.</span></b></li>
</ul><h3 style="color: magenta;">Changing the Appearance of your Intense Debate Comments</h3><b><span style="color: lime;">When you first install Intense Debate comments, you will notice</span></b> <span style="color: magenta; font-weight: bold;">the color scheme and fonts match those already present in your template!</span> <b style="color: lime;">This is lucky since Intense Debate do not recommend that you alter the CSS for your comments (this is still in beta, the code used may alter and render such changes invalid).</b><br />
<div style="color: lime;"><br />
</div><div style="color: lime;"><b>There are however a few changes you can make from within your Intense Debate dashboard. To access these layout settings, go to your Intense Debate dashboard and click on the "Layout" link for the blog layout you wish to alter.</b></div><div style="color: lime;"><br />
</div><div style="color: magenta;"><b>From this page, you will be able to alter the following settings: </b></div><ul><li><u style="color: magenta;"><span style="font-weight: bold;">Comment Size</span></u>: <b style="color: lime;">This setting means you can alter the avatar and font size for each comment as "compact", "normal" or "large".</b></li>
<li><b style="color: lime;"> </b></li>
<li><u style="color: magenta;"><span style="font-weight: bold;">Button Style</span></u>:<b style="color: lime;"> This affects how links to "post a comment", "post-reply" and "submit" are displayed in your comment section. Choose from either a button or text link style (which appear like normal links in your posts)</b></li>
<li><b style="color: lime;"> </b></li>
<li><u style="color: magenta;"><span style="font-weight: bold;">Comment Layout</span></u>: <b style="color: lime;">This option enables you to change how comments appear beneath your posts. The default setting is for comments to be permanantly displayed beneath each post. Alternatives include "peekaboo comments" (activated by clicking on the comment link), and comments in a pop-up page.<br />
<br />
Most bloggers choose the default (comments already present beneath posts) setting, which is also my personal preference as clicking on a link adds another step for readers and offers less incentive for actually leaving a comment on your posts.</b> </li>
</ul><div style="color: lime;"><b>One thing you may notice on the layout page is that "Chameleon" is the only choice of style for your Intense Debate comments, though there is an image which suggests other styles may become available soon:</b></div><a href="http://4.bp.blogspot.com/_xn2gmPb9TfM/SC4mso3h6YI/AAAAAAAABco/cBAY3xpVZfE/s1600-h/intense-debate-comment-styl.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5201137167985928578" src="http://4.bp.blogspot.com/_xn2gmPb9TfM/SC4mso3h6YI/AAAAAAAABco/cBAY3xpVZfE/s400/intense-debate-comment-styl.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /></a><br />
<h3 style="color: magenta;">Import Existing Comments from Blogger</h3><div style="color: lime;"><b>If you choose to install Intense Debate for all your existing blog posts (including those posts which already have comments) you may prefer to import any existing comments from Blogger to be displayed alongside your new Intense Debate comments.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>Importing your old comments is very easy. Simply go to your Intense Debate dashboard and click on "Overview" for the blog whose comments you wish to import.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>Next click on the "Blog Tools", then on the "Import Comments" link in the left hand column.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>On this page, you will be prompted to log in to your Blogger account, which will allow Intense Debate to access the API for importing your comments. Once logged in, you will be able to choose which blog you wish to import from and to (be sure to import/export comments from the same blog, otherwise Intense Debate will not be able to allocate them to the correct posts!).</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>When you choose to import these comments from Blogger, the existing comments will not be deleted! If you decide to uninstall Intense Debate for any reason, you can export all your Intense Debate comments to an XML file, and restore the view of your existing Blogger comments.</b></div><br />
<div style="color: magenta;"><b>I'm not sure that it's possible to export Intense Debate comments back to Blogger at this time as Blogger's API does not allow comments to be automatically created using such third party software (though I strongly suspect it may be possible for respected services like Intense Debate to do this in the future).</b></div><h3 style="color: magenta;">Manage your Intense Debate Profile</h3><div style="color: lime;"><b>One of the more useful functions of Intense Debate is <span style="font-weight: bold;">profiling</span>. By using your Intense Debate profile to leave comments on ID-enabled blogs, you can increase your reputation, link to your other social networking profiles, add an avatar and monitor comments left on all blogs you visit!</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>Readers can vote comments up or down (depending on their perceived value to the conversation). Comments which are voted up increase that commenters reputation (whilst the reverse also applies too).</b></div><h3 style="color: magenta;">Troubleshooting Intense Debate Installations</h3><div style="color: lime;"><b>From my experiences is using Intense Debate so far, I am happy to say that there are very few possible problems which could occur.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>While testing Intense Debate installation with both default and heavily customized (third party) Blogger templates, I have only found two possible problems which may occur during installation: imported comments may not appear as soon as they are imported, and the comment count on heavily customized templates may not appear.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>Both of these can usually be resolved easily using the following methods:</b></div><h4 style="color: magenta;">Imported comments do not appear</h4><div style="color: lime;"><b>First of all, check the comments in your Intense Debate dashboard to ensure these do appear for the appropriate blog (if not, you should attempt to import them again).</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>If the imported comments are present, chances are that Intense Debate has not caught up with these comments yet. Be patient, and soon enough you should notice these comments appear in the Intense Debate comment area beneath your posts.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>If after a day or so the imported comments do not appear, you should <a href="http://www.intensedebate.com/forum">ask for help in the forum</a>. This forum is watched by members of the Intense Debate team who seem very helpful and will be able to help you resolve this problem quickly.</b></div><h4 style="color: magenta;">The comment count does not update</h4><div style="color: lime;"><b>I've only ever noticed this problem occur in heavily customized templates where the comment count appears near the top of each post, rather than in the post-footer section.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>I suspect this problem may occur because the comment-link tags is separated from other elements of the comments section, and is not parsed correctly by Intense Debates (otherwise flawless) installation system.</b></div><div style="color: lime;"><br />
</div><div style="color: lime;"><b>The fix for this problem is a little more complicated, but not too difficult.</b></div><div style="color: lime;"><b>Depending on whether you have chosen to replace all comments with Intense Debate, or only the posts which do not already have comments, you should use one of the following methods to solve this: </b></div><ul><li><span style="color: magenta; font-weight: bold;">If you have chosen to replace only posts which don't already have comments:</span><br />
<b><br />
<span style="color: lime;">Firstly, backup your existing template code (to ensure you can restore your template if thhere are any problems).</span><br style="color: lime;" /><br style="color: lime;" /><span style="color: lime;"> Find this section of code in your Blogger template: </span></b> <blockquote><a class="'comment-link'" href="http://www.blogger.com/%27data:post.addCommentUrl%27" onclick="'data:post.addCommentOnclick'"><span id="fullpost"></span></a><span id="fullpost"><a class="'comment-link'" href="http://www.blogger.com/%27data:post.addCommentUrl%27" onclick="'data:post.addCommentOnclick'"><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:top.commentLabel/> <b:if cond='data:post.numComments == 1'>(1) <b:else/>(<data:post.numComments/>) </b:if></a></a></span></blockquote><b><span style="color: magenta;">Check that this section of code is not surrounded by Intense Debate HTML comments, which appear like this: </span></b><blockquote style="color: magenta;"><b><span id="fullpost"><!-- Intense Debate --><br />
<br />
<!-- /Intense Debate --><br />
<br />
</span></b><br />
<b><br />
</b></blockquote><b><span style="color: magenta;">If these comments do not appear around this section of code, replace the code with the following instead: </span></b></li>
<li><br />
</li>
<b:else> <a class="'comment-link'" href="http://www.blogger.com/%27data:post.addCommentUrl%27" onclick="'data:post.addCommentOnclick'"><b:if cond="'data:post.numComments"><!--Intense Debate--> <b:if cond='data:post.numComments == 0'> <div expr:id='"IDCommentPostInfoTitle"+data:post.id' style='display:none'><data:post.title/></div> <div style='display:none' expr:id='"IDCommentPostInfoTime"+data:post.id'><data:post.timestampISO8601/></div><div style='display:none' expr:id='"IDCommentPostInfoAuthor"+data:post.id'><data:post.author/></div><div style='display:none' expr:id='"IDCommentPostInfoCats"+data:post.id'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>|</b:loop></b:if></div> <a expr:href="data:post.url" expr:name="data:post.id" class="IDCommentsReplace">Comments</a> <b:else/> <!--/Intense Debate--> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> <!--Intense Debate--> </b:if> <!--/Intense Debate--><data:top.commentlabel><b:else><data:post.numcomments> <data:top.commentlabelplural></data:top.commentlabelplural></data:post.numcomments></b:else></data:top.commentlabel></b:if></a> </b:else><b:if cond="'data:post.numComments"><data:top.commentlabel><b:else><data:post.numcomments> <data:top.commentlabelplural></data:top.commentlabelplural></data:post.numcomments></b:else></data:top.commentlabel></b:if>
<li><div style="height: 200px; overflow: auto; width: 100%;"><b:if cond="'data:post.numComments"> <a class="IDCommentsReplace" href="data:post.url" name="data:post.id"><span style="text-decoration: underline;"> <b:if cond="'data:post.numComments"> </b:if></span><div id="'"><data:post.title></data:post.title></div><span style="text-decoration: underline;"> <div id="'"><data:post.timestampiso8601></data:post.timestampiso8601></div><div id="'"><data:post.author></data:post.author></div><div id="'"><b:if cond="'data:post.labels'"><b:loop values="'data:post.labels'" var="'label'"><data:label.name>|</data:label.name></b:loop></b:if></div></span></a></b:if><b:else> </b:else> </div><br />
<br />
<b><span style="color: lime;">Finally, save your template. If this was successful, you should see the comment count appear on your posts which relates to the true number of comments (whether Intense Debate or Blogger generated comments).</span></b></li>
<li><br />
</li>
<li><span style="color: magenta; font-weight: bold;">If you have chosen to replace all comments with Intense Debate:</span><br />
<br />
<b><span style="color: lime;">Again, backup your existing template to restore if there are problems using this method.</span><br style="color: lime;" /><br style="color: lime;" /><span style="color: lime;"> Find the following section of code in your template and ensure it is not surrounded by the Intense Debate HTML comments: </span></b> <blockquote><a class="'comment-link'" href="http://www.blogger.com/%27data:post.addCommentUrl%27" onclick="'data:post.addCommentOnclick'"><data:top.commentlabel> <b:if cond="'data:post.numComments"><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:top.commentLabel/> <b:if cond='data:post.numComments == 1'>(1) <b:else/>(<data:post.numComments/>) </b:if></a><b:else><data:post.numcomments></data:post.numcomments></b:else></b:if></data:top.commentlabel></a></blockquote><b style="color: magenta;">Providing this section is not surrounded by the Intense Debate HTML comments, replace this section with the following code: </b><div style="height: 200px; overflow: auto; width: 100%;"><div id="'"IDCommentPostInfoTitle"+data:post.id'"><data:post.title></data:post.title></div><div id="'"IDCommentPostInfoTime"+data:post.id'"><data:post.timestampiso8601></data:post.timestampiso8601></div><span id="fullpost"> <div id="'"IDCommentPostInfoTitle"+data:post.id'"><data:post.title></data:post.title></div><div id="'"IDCommentPostInfoTime"+data:post.id'"><data:post.timestampiso8601></data:post.timestampiso8601></div><div id="'"IDCommentPostInfoAuthor"+data:post.id'"><data:post.author></data:post.author></div><div id="'"IDCommentPostInfoCats"+data:post.id'"><b:if cond="'data:post.labels'"><b:loop values="'data:post.labels'" var="'label'"><data:label.name>|</data:label.name></b:loop></b:if></div><a class="'IDCommentsReplace'" href="http://www.blogger.com/%27data:post.url%27" name="'data:post.id'"><!--Intense Debate--> <div expr:id='&quot;IDCommentPostInfoTitle&quot;+data:post.id' style='display:none'><data:post.title/></div> <div expr:id='&quot;IDCommentPostInfoTime&quot;+data:post.id' style='display:none'><data:post.timestampISO8601/></div><div expr:id='&quot;IDCommentPostInfoAuthor&quot;+data:post.id' style='display:none'><data:post.author/></div><div expr:id='&quot;IDCommentPostInfoCats&quot;+data:post.id' style='display:none'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>|</b:loop></b:if></div><a class='IDCommentsReplace' expr:href='data:post.url' expr:name='data:post.id'>Comments</a><br />
<br />
<!--/Intense Debate--> <!--Intense Debate-PRE ID <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:top.commentLabel/> <b:if cond='data:post.numComments == 1'>(1) <b:else/>(<data:post.numComments/>) </b:if></a> --></a><br />
<br />
</span></div></li>
<li style="color: magenta;"><b>Then save your template and check to make sure the comment count appears in your blog posts.</b></li>
</ul></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com16tag:blogger.com,1999:blog-3390997972526934192.post-17143421914139355262010-02-11T22:00:00.000-08:002011-03-23T09:25:03.767-07:00Add Google Buzz Button To Blogger Blogs<div style="color: magenta;"><span style="font-weight: bold;"><span style="color: magenta;">well as google has created a revolution and change in the world of networking sites by introducing Google Buzz, many users must be having a doubt about how to use this google buzz button in our blogger post , well we have found out the simple way of using this Google Buzz Button below our blogger post by just following simple steps</span><br />
<br />
Step Wise:<br />
<br />
1) 1st Login Blogger account, then go to Layout page :: Next go to EDIT HTML PAGE,<br />
<br />
</span><a href="http://4.bp.blogspot.com/_sT3hnOr4kDU/S3UIi249frI/AAAAAAAAAEg/99LO15XYQdE/s1600-h/untitled1.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5437261520062742194" src="http://4.bp.blogspot.com/_sT3hnOr4kDU/S3UIi249frI/AAAAAAAAAEg/99LO15XYQdE/s400/untitled1.JPG" style="cursor: pointer; display: block; height: 187px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a></div><div style="color: magenta;"><span style="font-weight: bold;">2) Next Step Go to Edit HTML, CLICK ON EXPAND WIDGET TEMPLATES AS SEEN BELOW</span></div><div style="color: magenta;"><br />
</div><div style="color: magenta; text-align: center;"><a href="http://2.bp.blogspot.com/_sT3hnOr4kDU/S3UJt7DfmYI/AAAAAAAAAEo/GjnTmTgNePo/s1600-h/untitled2.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5437262809670850946" src="http://2.bp.blogspot.com/_sT3hnOr4kDU/S3UJt7DfmYI/AAAAAAAAAEo/GjnTmTgNePo/s400/untitled2.JPG" style="cursor: pointer; display: block; height: 198px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a></div><div style="color: magenta;"><span style="font-weight: bold;">3) After finishing with this Step, do find the following code but do check the expand widget template option and search only</span></div><div style="color: magenta;"><br />
</div><div style="color: magenta;"><span style="font-weight: bold;">Search for the following code </span><data:post.body><br />
<br />
</data:post.body>Search for <data:post.body></data:post.body></div><div style="color: magenta;"><br />
</div><div style="color: magenta;"><data:post.body><br />
<br />
</data:post.body></div><div style="color: magenta; text-align: center;"><a href="http://2.bp.blogspot.com/_sT3hnOr4kDU/S3UKxfpBYVI/AAAAAAAAAEw/ezubF0LJbyg/s1600-h/untitled3.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5437263970543165778" src="http://2.bp.blogspot.com/_sT3hnOr4kDU/S3UKxfpBYVI/AAAAAAAAAEw/ezubF0LJbyg/s400/untitled3.JPG" style="cursor: pointer; display: block; height: 217px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a></div><br />
<br />
<div style="color: red;"><span style="font-weight: bold;"> Below this code <data:post.body> Add the following Code below properly and ur done with it</data:post.body></span></div><div style="color: magenta;"><br />
</div><div style="color: magenta;"><br />
</div><div style="color: magenta; text-align: center;"><a href="http://2.bp.blogspot.com/_sT3hnOr4kDU/S3UOI3ebjrI/AAAAAAAAAE4/JgMNd9hwDWA/s1600-h/untitled.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5437267670613069490" src="http://2.bp.blogspot.com/_sT3hnOr4kDU/S3UOI3ebjrI/AAAAAAAAAE4/JgMNd9hwDWA/s400/untitled.JPG" style="display: block; height: 169px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a></div><div style="color: magenta; text-align: center;"><data:post.body><data:post.body></data:post.body></data:post.body><br />
<data:post.body><data:post.body></data:post.body></data:post.body></div><div style="color: magenta;"><data:post.body><data:post.body><span style="font-weight: bold;"><br />
4) after adding the code and all properly , plss check the output now u find google buzz button below ur each blogger post, if u face any problems in it , leave a comment here, we help u out <br />
<br />
<br />
u can change the url of the image to ur URL also, jus change the above url of image and its done.............<br />
<br />
hope u all like this tip, if u really liked it and think its worth plss leave a comment for this hardwork..........enjoy all bloggers and users <br />
<br />
<br />
<br />
</span></data:post.body></data:post.body></div>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com2