tag:blogger.com,1999:blog-8569887681459977122024-02-18T21:11:45.442-08:00Blogger HackHack your Blogger BlogUnknownnoreply@blogger.comBlogger8125tag:blogger.com,1999:blog-856988768145997712.post-24435386414217395962010-09-17T08:16:00.000-07:002010-09-17T09:53:46.608-07:00How to add print this button in blogger blog?Some time readers want to print a article from your blog. They will use the "print" option from their web browser window. But this will print some unnecessary thinks like header,footer,sidebar,comments and so on. If you want to give the reader a clean print layout for your each post.Then this article is for you.<br />
I am using CSS and JAVASCRIPT for this. Now lets do some CSS for print.<br />
Go to Layout>Edit HTML tab <br />
Search for the closing <code> </head> </code>tag.<br />
<br />
<a name='more'></a>
Before <code></head> </code>, add the following lines of code<br />
<br />
<pre class="brush:html"><style media='print' type='text/css'>
section, nav, article, aside, hgroup, header, footer, #comments, .comments {display: none;}
#main,.main {width: 95% ;}
</style></pre>
<br />
<b>Explanation:</b><br />
<ul type="disc">
<li>The <code>media='print'</code> is used to tell the compiler that it’s a print style. </li>
<li>We do not want navigation bar, side bar, comment, footer area to display. so I use a small css code <code>display: none;</code></li>
<li>To hide all this item. Now we want the article area will extent during printing. So I use <code>width: 95%;</code> for larger width. We can modify the width for better presentation.</li>
</ul>
Now preview and save the template.<br />
<br />
<b>Add a "Print this" link</b><br />
<br />
To print more effectively add a "Print" link in each of your Blogger posts.<br />
To add the print link, <br />
Go to Layout>Edit HTML tab and ticked the "Expand Widget Templates" checkbox.<br />
Now search for this line (Press Ctrl+F for quick search): <br />
<pre class="brush:html"><data:post.body/></pre>
Immediately after this line, paste one of these three sections of code:<br />
<br />
<pre class="brush:html"><b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(http://i818.photobucket.com/albums/zz103/maidul/web%20resource/Print.png)
left no-repeat; padding-left: 28px;'>
<a href='javascript:window.print()'>Print this post</a></span>
</b:if></pre>
<b>Explanation:</b><br />
<ul type="disc">
<li><code><b:if cond='data:blog.pageType == &quot;item&quot;'></code>is used to check if this currently showing full post.</li>
<li><code><span style='background: url(http://i818.photobucket.com/albums/zz103/maidul/web%20resource/Print.png) left no-repeat; padding-left: 28px;'></code> is for styling the button.</li>
<li><code><a href='javascript:window.print()'>Print this post</a></code> used for printing link.</li>
</ul>
Once you have added this code, save your template. These links will only be visible on post pages.Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-856988768145997712.post-79512706372037227652010-09-16T02:58:00.000-07:002010-09-16T03:05:57.771-07:00Build free traffic for your Blogger BlogYouSayToo is a Google AdSense and Amazon affiliate revenue sharing
site dedicated to blog promotion.Add your blog to YouSayToo and every time you post
YouSayToo puts up a summary of the post and link to your blog. If site
users like what you write, they may click through and check you out.
Users can also promote your blog by “Rating Up” your post to the front
page, Tweet, Share to Facebook, or Buzz It – all actions that should
bring you traffic.They can also subscribe to your blog, comment and
perform other actions.<br />
If you have an interest in blogging for money, you should consider
Yousaytoo adsense sharing community as your chance to prove yourself to
the writer's world. You can get information on blogging for money as
well as read other blogs and get ideas for better blogging.<br />
<br />
<a name='more'></a><b>To make revenue at YouSayToo you need to:</b>
<br />
<ul>
<li>Join <a href="http://www.yousaytoo.com/users/revenues?11448">YouSayToo</a> </li>
<li>Fill in your Google AdSense and/or Amazon affiliate IDs on the <a href="http://www.yousaytoo.com/users/revenues">Revenue Settings</a> page</li>
<li> Add your existing blogs to YouSayToo and earn more from them
</li>
<li>Learn more about <a href="http://www.yousaytoo.com/about/add_your_blog">Add Your Blog</a></li>
</ul>
<b>Join referral program and increase your revenue:</b><br />
<ul>
<li>Write about Yousaytoo on your blog and/or social network</li>
<li>Place a YouSayToo banner on your blog</li>
<li><a href="http://www.yousaytoo.com/users/invite_friend">Invite your friends</a> to YouSayToo</li>
</ul>
For every referred user who added a blog or started his own you earn
15% from his Google AdSense ad impressions. You also earn 10% ad
impressions from users referred by your referred users. <br />
<br />
<a href="http://www.yousaytoo.com/users/revenues?11448"><img alt="Get-revenues-from-blogging" src="http://www.yousaytoo.com/images/design_2/get-revenues-from-blogging.png" /></a>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Another Way to use the <a href="http://www.yousaytoo.com/user/maidul/my_banners?11448">Banner Exchange APP</a>.<br />
The banner exchange application was created for bloggers who have added
their blogs to YouSayToo. This application (app) will help you promote
your blogs.<br />
<br />
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" height="60" id="haiti_468x60.swf" width="468"><param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://www.yousaytoo.com/banners/haiti_468x60.swf?clickTAG=http://www.yousaytoo.com/users/support_by_donating?11448" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://www.yousaytoo.com/banners/haiti_468x60.swf?clickTAG=http://www.yousaytoo.com/users/support_by_donating?11448" quality="high" bgcolor="#ffffff" width="468" height="60" name="haiti_468x60.swf" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<br />
<br />
<b>Adding the banner exchange app to your blog is free, fast and you'll get the following benefits:</b>
<br />
<ul style="padding-left: 20px; padding-top: 10px;">
<li>Your blog will be advertised on thousands of blogs for free
</li>
<li>Advertisement means more readers and more revenue from ads
</li>
<li>Your blog will gain popularity on the web
</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.yousaytoo.com/users/revenues?11448" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://www.yousaytoo.com/images/create_banner.png" /></a>
</div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-856988768145997712.post-27909673545635152982010-09-15T03:46:00.000-07:002010-09-18T09:57:17.589-07:00How to add Contact Form in Blogger Blog?Contact forms are generally made using PHP, ASP, CGI etc and is possible only if your site is hosted on your own web server. But Blogger is just a blogging platform and user don't have access to the actual server.Don't worry there are lots of third party tools.By using this tools you can add a contact form to your blogger blog with full functionality.I will show you next , how to do this.Among the various third party tools my favorite is <a href="http://www.jotform.com/">GOTFORM</a> Because of this features.<br />
<ul>
<li>Drag & drop fields to form</li>
<li>Copy HTML to your web site</li>
<li>Get responses by email. </li>
</ul>
Go <a href="http://www.jotform.com/">www.jotform.com</a> and create a free account.<br />
<br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDbUDDTkgAwrgdSzY6zuZgrIoDeHsKUQ2SmfmOenWtRu308cVaFiYBNK9C34q1sFzdA7lbHHEJ2vtfl4hESHqscStyZ_yJc298Xf-wG5Vxq23PmqmWX2a9hdU7E_kuzojnmGeUNSKM2HxF/s1600/JotForm+%C2%B7+Easiest+Form+Builder_1284592289101.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDbUDDTkgAwrgdSzY6zuZgrIoDeHsKUQ2SmfmOenWtRu308cVaFiYBNK9C34q1sFzdA7lbHHEJ2vtfl4hESHqscStyZ_yJc298Xf-wG5Vxq23PmqmWX2a9hdU7E_kuzojnmGeUNSKM2HxF/s400/JotForm+%C2%B7+Easiest+Form+Builder_1284592289101.png" width="400" /></a></div>
<br />
After that click in the My Forms tab and click in New Form button.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcAKHlhHtTE05UtuVoTt-CbL1s-VBBGTqurRkx3Phs7EkzJP2fjo8QIeC5jbu4x6IhxczAnJGsa8DxhQukhpyyAs_GH2uwT-f7C_Fu9w7zsQ1_-WWgyoIH7Nny2uV66riaxkJZqLmF4QYB/s1600/after-login.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcAKHlhHtTE05UtuVoTt-CbL1s-VBBGTqurRkx3Phs7EkzJP2fjo8QIeC5jbu4x6IhxczAnJGsa8DxhQukhpyyAs_GH2uwT-f7C_Fu9w7zsQ1_-WWgyoIH7Nny2uV66riaxkJZqLmF4QYB/s400/after-login.jpg" width="400" /></a></div>
<br />
From the popup window check Form Sample radio button.From the drop down menu select Contact Us and hit continue.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkZVLPrKZfipySGxNJY_c0O1Q8tle_cmwfzjLn38Xq4ve5bsZkHiuQG7NwEsLJilyzZzhRNHNiBtIQ0Vfnrx28AKVFnbjD2st3dSIFY-KybOMn_gwSt6ebSdDl8CxnW35bwmoyE1ZlaIX/s1600/after-new.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkZVLPrKZfipySGxNJY_c0O1Q8tle_cmwfzjLn38Xq4ve5bsZkHiuQG7NwEsLJilyzZzhRNHNiBtIQ0Vfnrx28AKVFnbjD2st3dSIFY-KybOMn_gwSt6ebSdDl8CxnW35bwmoyE1ZlaIX/s400/after-new.jpg" width="400" /></a></div>
<br />
After that you will get a predefined contact form .<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUy78VbYXJmyGn15-TWsF1xCdJNnsrVJmcVydJFmvoMooUOJHGzVjlc_a5tsLp9BCLG85bblU7-7QtjN6_NO2GiovnH6dMeiefryYz5O6ZFQUUUjpch_OO8CUshGsLlzPlrbsrb8idsbH7/s1600/blank+form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUy78VbYXJmyGn15-TWsF1xCdJNnsrVJmcVydJFmvoMooUOJHGzVjlc_a5tsLp9BCLG85bblU7-7QtjN6_NO2GiovnH6dMeiefryYz5O6ZFQUUUjpch_OO8CUshGsLlzPlrbsrb8idsbH7/s400/blank+form.png" width="400" /></a></div>
<br />
Now click in the Source Code tab from the pop up window click on the advance button.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh4-lbhW58oFUIL4U-8HY0beZM1i34ltgUklacd484eyTYhxEgij5eM9OC8KtpptZ0gaE0cqlHE8AQ9aVW9iiw7v5UbKEXzjkKnGGgL_YsWTX5Jvs6uYMkWuM_pay0kJm07kTUWHKQ_WH_/s1600/source-code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh4-lbhW58oFUIL4U-8HY0beZM1i34ltgUklacd484eyTYhxEgij5eM9OC8KtpptZ0gaE0cqlHE8AQ9aVW9iiw7v5UbKEXzjkKnGGgL_YsWTX5Jvs6uYMkWuM_pay0kJm07kTUWHKQ_WH_/s400/source-code.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
After that select Blog - Blogger and copy the code and paste it where you want to show your contact form.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL_lEs1w5bJ4kULUQdrV0-OM9oD0FUdiZoMfISpN-kl-OoEGB4j6rl01BI1O2wzDzSf5ADgpEKkZSiKVzjJ834JQDshGlGVg_H3ZdfZX5USYRKayi4XQN8ddDCV7dqrKgJef1BR_vjtJKD/s1600/final-code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL_lEs1w5bJ4kULUQdrV0-OM9oD0FUdiZoMfISpN-kl-OoEGB4j6rl01BI1O2wzDzSf5ADgpEKkZSiKVzjJ834JQDshGlGVg_H3ZdfZX5USYRKayi4XQN8ddDCV7dqrKgJef1BR_vjtJKD/s400/final-code.jpg" width="400" /></a></div>
<br />
You will get a demo <a href="http://maidultest.blogspot.com/p/contact-me.html">here</a>.Comment me for any kind of help.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-856988768145997712.post-14468549836771642892010-09-14T01:53:00.000-07:002010-09-14T02:01:48.845-07:00How to use custom font in Blogger Blog ?You can customize your blog look by using different font.You can do it easily by using <a href="http://code.google.com/webfonts">Google font directory</a> .So first you have to choose the font from the Google font directory and click the link as shown in the picture below to get the code and now copy the code as indicated.
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFixVm0jNFUZXzq015qxb9JGTyJmvWbdkKvxtynBsn8UjrozfptAqDoo_vjCfIkbeV5OFJ8mxLed-wSZ3SJaWNuM8AmUTAAEvOxW0BP4fl8O2OWXjrD2gZ5B8iuIlriT8bPOacHFzDzdlh/s1600/get-code.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFixVm0jNFUZXzq015qxb9JGTyJmvWbdkKvxtynBsn8UjrozfptAqDoo_vjCfIkbeV5OFJ8mxLed-wSZ3SJaWNuM8AmUTAAEvOxW0BP4fl8O2OWXjrD2gZ5B8iuIlriT8bPOacHFzDzdlh/s400/get-code.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Get your font code </td></tr>
</tbody></table>
<ol>
<li>To embed the custom fonts, go to <b>Layout (Design) > Edit HTML</b> .</li>
<li>Find <b><head> </b>tag and paste the Google font API code after it.
<a name='more'></a>
<pre class="brush:html"><link href="http://fonts.googleapis.com/css?family=Cardo" rel="stylesheet" type="text/css" /></pre>
</li>
<li>Now lets we apply this code to all header <h1>.To do this just change your h1 style to
<pre class="brush:html">h1 { font-family: 'Cardo', arial, serif; }</pre>
Here the <b>Cardo</b> font is quoted to work with font API .
If you want to change the font of your post body then use this code
<pre class="brush:html">.post-body{font-family: 'Cardo', arial, serif;}</pre>
</li>
<li>You can use as font as you like.Just copy your desire form code from Gooogle font directory.</li>
<li>Save the template and see your work.</li>
</ol>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-856988768145997712.post-66588843175378566452010-09-09T23:26:00.000-07:002010-09-10T03:06:53.470-07:00How to change Newer Post, Older Post and Home navigation with image in bloggerHere is a tutorial about how to change the default look of Blogger pager link texts "Newer Posts" , "Older Posts" and "HOME" at the bottom of every page.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqWpQ7jgbVOD8bwbb_JjP-lNMIAgxathgpgDUe1DQX3jCUJD4UwFj1nL5tcXc8lC6lTccw3yYgWQtzyssic_aOHReQiiPgkymc6L1jwJ5JpHNL3Tg-2rbaL_mHVzTt3ra5_Ife8GN9fj59/s1600/bofore.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqWpQ7jgbVOD8bwbb_JjP-lNMIAgxathgpgDUe1DQX3jCUJD4UwFj1nL5tcXc8lC6lTccw3yYgWQtzyssic_aOHReQiiPgkymc6L1jwJ5JpHNL3Tg-2rbaL_mHVzTt3ra5_Ife8GN9fj59/s400/bofore.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">BEFORE</td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoc5UmCgKLAstbGtrl4rKWTEa0paIu7q9s8YXxEWfYnuAa6CL6gvOe_strtJj4izcNCFCaGqMISSm8bLfXkNw-G8RI5SxoiVwA6m4qARoFXW8Y4iPZ0BL3sSVdsrHC4BTxGFhPUNb0igdu/s1600/after.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoc5UmCgKLAstbGtrl4rKWTEa0paIu7q9s8YXxEWfYnuAa6CL6gvOe_strtJj4izcNCFCaGqMISSm8bLfXkNw-G8RI5SxoiVwA6m4qARoFXW8Y4iPZ0BL3sSVdsrHC4BTxGFhPUNb0igdu/s400/after.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">AFTER</td></tr>
</tbody></table><br />
<ol><li>Log in into Blogger then go to Design > Edit HTML.</li><a name='more'></a>
<li>Backup your template before any modification to your template.</li>
<li>Tick the Expand Widgets Templates.</li>
<li>To change the text NEWER POSTS with an image, search for <code><data:newerPageTitle/></code>(Use CTRL+F for quick search).Replace <code><data:newerPageTitle/></code> with<br />
<br />
<br />
<br />
<br />
<pre class="brush:html"><img alt='NEWER POST' src='http://i56.tinypic.com/vzxg2.png'/></pre><br />
<br />
<br />
</li>
<li>To change the text OLDER POSTS with an image, search for <code><data:olderPageTitle/></code> (Use CTRL+F for quick search).Replace <code><data:olderPageTitle/></code> with<br />
<br />
<br />
<br />
<br />
<pre class="brush:html"><img alt='OLDER POST' src='http://i52.tinypic.com/raaybm.png'/></pre></li>
<li>To change the text HOME with an image, search for <code><data:homeMsg/></code> (Use CTRL+F for quick search).Replace <code><data:homeMsg/></code> with<br />
<br />
<br />
<br />
<br />
<pre class="brush:html"><img alt='HOME' src='http://i52.tinypic.com/23wlj42.png'/></pre></li>
</ol>You can upload your image to any free image host like <a href="http://www.tinypic.com/">www.tinypic.com</a> and replace <br />
<pre class="brush:html">src='http://i52.tinypic.com/23wlj42.png'</pre>with<br />
<pre class="brush:html">src='Your image URL'</pre><pre class="brush:html">After this hack PREVIEW your template and then SAVE TEMPLATE . </pre>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-856988768145997712.post-27710039988327782122010-09-08T10:50:00.000-07:002010-09-10T01:32:59.416-07:00How to make Top of the page button in your Blogger BlogIf your posts become to long then you can consider to add a Top of the page button in your blogger blog.<br />
<ol><li>Go to Layout > Edit HTML tab.Backup your template before any modification.</li>
<li>Now find the <b><code></BODY></code></b> tag (press Ctrl + F for quick search).</li>
<li>Before the<b><code> </BODY></code></b> tag copy and paste the following code.<br />
<br />
<br />
<a name='more'></a> </li>
</ol><br />
<pre class="brush:html"><a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;'
title='move on to top of page'>
<img src='http://img401.imageshack.us/img401/710/homepa2.gif'/></a></pre><br />
That's it , now preview if every thing is perfect .Then save your settings.<br />
<br />
To place your own image just replace<br />
<br />
<pre class="brush:html">http://img401.imageshack.us/img401/710/homepa2.gif</pre><br />
with your own image URL.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-856988768145997712.post-25235401707288563562010-09-08T08:17:00.001-07:002010-09-08T08:18:54.912-07:00placing adsence(google add) in your website<div class="separator" style="clear: both; text-align: left;"><b></b>By placing adsence in a best place you can double your income from adsence.Certain locations tend to be more successful than others. This "heat map" illustrates the ideal placing on a sample page layout.Dark orange color shows strongest performance and light yellow weakest performance. </div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div>This a normal guideline but you may think differently.Think about your page where you place your add.<br />
<ul><li> What is the user trying to achieve from my site? </li>
<li> What do they do when viewing a particular page?</li>
<li>Content or add which is more important ? <a name='more'></a><br />
</li>
</ul><br />
Remember every page may be have different location where visitor attracted most. Where is their attention likely to be focused? Try to find the answer.Lets for example If you have some kind of article in your post.Then a visitor will think what he/she will do after reading the article.Give them way to find more content by placing adsence add directly below the end of the content.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4acHyW2bGt5sj149sqgE2LOiXnASe2Futtk5KzH8YJ-dSBCqWAJZsgLk7wZX3qhlYyOwePEaWTxkUEzAApyn6ag7Aqc_cGeHTZven8hyM1neGGWJDfhIWg0dVRVahUiJIt5qTBj3W1pI/s1600-h/general_en.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4acHyW2bGt5sj149sqgE2LOiXnASe2Futtk5KzH8YJ-dSBCqWAJZsgLk7wZX3qhlYyOwePEaWTxkUEzAApyn6ag7Aqc_cGeHTZven8hyM1neGGWJDfhIWg0dVRVahUiJIt5qTBj3W1pI/s640/general_en.jpg" width="480" /></a></div><br />
<br />
<b><span style="color: #0b5394;">Here some tips for you: </span></b><br />
<ul><li>Place 3 add per post or page.Too much ad may driven away your visitors.</li>
<li> Placing add at the top of the article header will give you better Google adsense CTR.</li>
<li>Above the post and Sidebar banner is a nice place to increase your CTR.<br />
</li>
</ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-856988768145997712.post-39210070897126520772010-09-07T10:28:00.000-07:002010-09-08T10:46:36.980-07:00Add Syntax Highlighter To Blogger BlogsAs a blogger may be you have to place some code in your post .There is a amusing tool for highlighting your code named <a href="http://alexgorbatchev.com/SyntaxHighlighter">SyntaxHighlighter</a>.To add this robust tool to your blogger blog follow this simple steps<br />
<ol><li> Go to Edit HTML tab and backup your template before any kind of modification. </li>
<li>Now paste the following code before <code></head></code> tag .<br />
<br />
<a name='more'></a><br />
<br />
<br />
<br />
<br />
<pre class="brush:html"><link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"></link>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js" type="text/javascript">
</script>
</pre></li>
<li>Now search for the <code></body></code> tag and paste the following code before it :<br />
<br />
<br />
<br />
<pre class="brush:html"><script language="javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
</pre></li>
<li>That's it from now when you want to add some code just write the code between the following tag.<br />
<br />
<br />
<br />
<pre class="brush:html"><pre class="brush:html">...Your 'HTML' code goes here...
</pre></pre></li>
<li>Change 'html' in this line of code according to your code in the blog post.For example for css use 'css' .</li>
</ol>Save the setting and view the result!Unknownnoreply@blogger.com0