tag:blogger.com,1999:blog-46434196445614340632024-03-18T21:22:16.353-07:00Blogger Template Editingall about editing blogger templateDragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.comBlogger67125tag:blogger.com,1999:blog-4643419644561434063.post-27804647815497268112017-07-29T21:46:00.000-07:002018-06-04T12:22:40.559-07:00Adding a meta description to blogger<br />
in short, meta description will tell the search engine's crawler what is on the certain blog<br />
it is also picked us as snippets in the search result and as the description when you share the post on Google+, Facebook, Twitter and other social networks.If you properly write a meta description your post will be on the top of the search results and get more visit.<br />
<br />
Steps<br />
<br />
1.go to blogger Dashboard<br />
2.go to your Settings and Search preferences<br />
3.under Meta tags go to Description and click the Edit<br />
4.Click the ‘Yes’ button.<br />
5.Enter the meta description for your blog.<br />
6.Click ‘Save Changes’ button.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFVehFKGt9lauyBNBCIfGFHhmOV-fN5G-TKGht5JQZ5xAGT-HygSFWd7c73jFREXLB6kAVtSaQiRjyNCIwzZ02PuRQUycO5R5pQg2XHtRBSuiRGZI_apc3QllfzqsAHA8ENGCEPaUDmcNC/s1600/meta-description-for-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="337" data-original-width="711" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFVehFKGt9lauyBNBCIfGFHhmOV-fN5G-TKGht5JQZ5xAGT-HygSFWd7c73jFREXLB6kAVtSaQiRjyNCIwzZ02PuRQUycO5R5pQg2XHtRBSuiRGZI_apc3QllfzqsAHA8ENGCEPaUDmcNC/s400/meta-description-for-blogger.png" width="400" /></a></div>
<br />
and that is it... now your blog is more visible for searches.DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com7tag:blogger.com,1999:blog-4643419644561434063.post-48042136188679139992017-07-28T05:11:00.004-07:002018-06-04T12:22:40.856-07:00Adding custom domain to blogger0. Go to godaddy and buy a domain ( how to buy a godaddy domian )<br />
<br />
then go to DNS and enter these values<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinnHQN0IzJd5HDBJOs9thtDypATYt8Ag5QlzE8YQSRMo1KSSVLEx9NOyu1oQIfYTVPCIQuGHr6jRTdNmz-Z0RlFvQzdRIM47uq5haUW5TheDDtJ4HUeGw4KhMQNZfELQGwnjATGz8xldxF/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="94" data-original-width="1022" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinnHQN0IzJd5HDBJOs9thtDypATYt8Ag5QlzE8YQSRMo1KSSVLEx9NOyu1oQIfYTVPCIQuGHr6jRTdNmz-Z0RlFvQzdRIM47uq5haUW5TheDDtJ4HUeGw4KhMQNZfELQGwnjATGz8xldxF/s640/11.jpg" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVtKfRGHieoCBmfg7qquUICyzT2rgPPiBO_CZYh24TreKziD2fEC4f-kZbyx4Y9LZzCZaNyVssYAg1pKmxSDH5GaAIPEyrfZemIdBfeHt_Nd3SC3sd3jPz5fAHL63s1m3PKO4owFdGqf-L/s1600/22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="478" data-original-width="823" height="370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVtKfRGHieoCBmfg7qquUICyzT2rgPPiBO_CZYh24TreKziD2fEC4f-kZbyx4Y9LZzCZaNyVssYAg1pKmxSDH5GaAIPEyrfZemIdBfeHt_Nd3SC3sd3jPz5fAHL63s1m3PKO4owFdGqf-L/s640/22.jpg" width="640" /></a></div>
<br />
<ul>
<li>216.239.32.21</li>
<li>216.239.34.21</li>
<li>216.239.36.21</li>
<li>216.239.38.21</li>
</ul>
<br />
<br />
click on Add and you can enter these values<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlgO5nVtXl4hIxE1lOMF-P3DnD2zxjFcze6nA9iTQcQ8X0iyc4jQI08lxj6JxYVS1guHMWIU_AQvzCgvOu9BA5L6d1TTLcZ2finzFrxRlN39UehGD5NGU03WcCPznwk_FOrA58Tsgerlnc/s1600/33.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="259" data-original-width="748" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlgO5nVtXl4hIxE1lOMF-P3DnD2zxjFcze6nA9iTQcQ8X0iyc4jQI08lxj6JxYVS1guHMWIU_AQvzCgvOu9BA5L6d1TTLcZ2finzFrxRlN39UehGD5NGU03WcCPznwk_FOrA58Tsgerlnc/s320/33.jpg" width="320" /></a></div>
<br />
<br />
in the second CNAME section ( which is erased in the pic ) is particular to your blog and your Google Account, and is therefore different for each person, you can find it by following the step 2.<br />
<br />
1. First go to settings, then to basic<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrP2lX3aQs6KgmamuqkAoP_c1mT7_mbjegVfz9ZEXNhpFNWcdrcz82mjzRZ4EVPbBlHMCh3_Uc-Qmi62owNssgIHtBgC8yvmnuGlnr5ZADiZhpSfsM9Z8azOOupOkAGA3-HaqJZ4F6t2pD/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="404" data-original-width="621" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrP2lX3aQs6KgmamuqkAoP_c1mT7_mbjegVfz9ZEXNhpFNWcdrcz82mjzRZ4EVPbBlHMCh3_Uc-Qmi62owNssgIHtBgC8yvmnuGlnr5ZADiZhpSfsM9Z8azOOupOkAGA3-HaqJZ4F6t2pD/s320/1.jpg" width="320" /></a></div>
<br />
<br />
2. Now click <a class="OYKEW4D-L-l" href="https://www.blogger.com/null" kind="click" style="border: 0px; color: #00838f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; vertical-align: baseline;">+ Setup a 3rd party URL for your blog </a><span style="color: #222222; font-family: "arial" , "helvetica" , sans-serif; font-size: 13px;"></span><span class="OYKEW4D-L-w" style="border: 0px; color: #666666; font-family: "arial" , "helvetica" , sans-serif; font-size: 12px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;">- Point your own registered URL to your blog.</span><br />
<span class="OYKEW4D-L-w" style="border: 0px; color: #666666; font-family: "arial" , "helvetica" , sans-serif; font-size: 12px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtyxQDhICxUms8kVbCcxr50qkVI0yRw6r9erpqu73g4exrP4tR1TsaCYQL59mNYsh0_KCCfZ0F-p6VrcmTdGI_0ZOcadE0ASKdkgE47j3qRTkH05kXxDc09sk0VY7r1gCmWc-kOE7AUg7d/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="203" data-original-width="756" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtyxQDhICxUms8kVbCcxr50qkVI0yRw6r9erpqu73g4exrP4tR1TsaCYQL59mNYsh0_KCCfZ0F-p6VrcmTdGI_0ZOcadE0ASKdkgE47j3qRTkH05kXxDc09sk0VY7r1gCmWc-kOE7AUg7d/s400/2.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span class="OYKEW4D-L-w" style="border: 0px; color: #666666; font-family: "arial" , "helvetica" , sans-serif; font-size: 12px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span>
<br />
3. Now enter your domain that you bought ( here in the example i bought a domian from godaddy )<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm2s66JU3szsyWnMl0UeUWjGbFlXFdTYYYNyBU_kJim_Wm1oyUDTiUCmtned7A7T7hjEM8iFHzJxwlRRfFdhrtNxlM_tAfTHOBUtT0yrVmQQ-sj2PMKjASn_9-kLGNjNXw5fMxf5Ec3ksS/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="292" data-original-width="763" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm2s66JU3szsyWnMl0UeUWjGbFlXFdTYYYNyBU_kJim_Wm1oyUDTiUCmtned7A7T7hjEM8iFHzJxwlRRfFdhrtNxlM_tAfTHOBUtT0yrVmQQ-sj2PMKjASn_9-kLGNjNXw5fMxf5Ec3ksS/s400/3.jpg" width="400" /></a></div>
<br />
<br />
4. Press save and you are good to go.<br />
<br />
and yes, .com domians are more likable by search engines.DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com0tag:blogger.com,1999:blog-4643419644561434063.post-72762485054457540492016-06-24T19:19:00.002-07:002018-06-04T12:22:41.506-07:00Adding a Facebook share button<br />
Many of you have may seen a facebook share button in almost every website or blog, mainly this is because facebook is the best way to expand your number of viewers and you can have a wide access to a larger audience than any other social media network.<br />
<br />
let's get to it without further talk shall we?<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvuiZBkQIHrzOs2JtM9QMvaAojyJrdw4zlIxD81Kss5VDEzkNWxxwwYcFceQdD_D53ww-gaoU012z30PW0xmgblvjwvHEuFuRRaRgRrtvPqFopIg3wcc0jgxJ35kkH-Uttm0MAFK8hgS4x/s1600/Facebook-Share-Button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvuiZBkQIHrzOs2JtM9QMvaAojyJrdw4zlIxD81Kss5VDEzkNWxxwwYcFceQdD_D53ww-gaoU012z30PW0xmgblvjwvHEuFuRRaRgRrtvPqFopIg3wcc0jgxJ35kkH-Uttm0MAFK8hgS4x/s320/Facebook-Share-Button.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #555555; font-family: "lucida sans unicode" , "tahoma" , "verdana" , "arial" , sans-serif; font-size: 13px; line-height: 20.8px; text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #555555; font-family: "lucida sans unicode" , "tahoma" , "verdana" , "arial" , sans-serif; font-size: 13px; line-height: 20.8px; text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="background-color: white; color: #555555; font-family: "lucida sans unicode" , "tahoma" , "verdana" , "arial" , sans-serif; font-size: 13px; line-height: 20.8px; text-align: justify;">1. </span><a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html" style="background-color: white; color: #f49f04; font-family: "Lucida sans unicode", tahoma, Verdana, Arial, sans-serif; font-size: 13px; line-height: 20.8px; text-align: justify; text-decoration: none;">Edit your Template</a></div>
<div class="separator" style="clear: both;">
<span style="background-color: white; color: #555555; font-family: "lucida sans unicode" , "tahoma" , "verdana" , "arial" , sans-serif; font-size: 13px; line-height: 20.8px; text-align: justify;">2. Now find out</span></div>
<div class="codeview">
<br />
<br />
<span style="color: #38761d;"><b><data:post.body/></b></span></div>
<br />
<span style="font-size: x-small;"><br /></span>
<span style="font-size: x-small;">( press 'Ctrl' + F to open your browser's search box)</span><br />
<br />
Now paste these code just below it<br />
by pasting these codes below, the share button will appear at the end of your post, if you want it to appear on the top of your post, just paste them above the 'post.body' code.<br />
<br />
<br />
<div class="codeview">
<br />
<br />
<span style="color: #38761d;"><b><div class="facebook-share">
</b></span><br />
<span style="color: #38761d;"><b><a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
</b></span><br />
<b><span style="color: #38761d;">type='</span><span style="color: orange;">BUTTON-TYPE</span><span style="color: #38761d;">'/>
</span></b><br />
<span style="color: #38761d;"><b><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
</b></span><br />
<span style="color: #38761d;"><b>type='text/javascript'/>
</b></span><br />
<span style="color: #38761d;"><b></div>
</b></span></div>
<br />
<br />
<br />
there are 6 layouts for facebook share button.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTuStFAxfsYI6KV72gE5ZJFCBG1Mr06jZN4uFrdSHTtyMqrpRbahTHUQp-Xy9TVG_B9RfTl0FBZS5ue58J9WojoHZRB_T_4OmIqca5F6_1vKCU-QCqcy-QSmC3oxpufa_AnPpBNg3ScGxP/s1600/buttons.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTuStFAxfsYI6KV72gE5ZJFCBG1Mr06jZN4uFrdSHTtyMqrpRbahTHUQp-Xy9TVG_B9RfTl0FBZS5ue58J9WojoHZRB_T_4OmIqca5F6_1vKCU-QCqcy-QSmC3oxpufa_AnPpBNg3ScGxP/s320/buttons.jpg" width="320" /></a></div>
<br />
<br />
<div class="codeview">
<br />
<b><span style="color: orange;">box_count</span></b></div>
<div class="codeview">
<br />
<b><span style="color: orange;">button_count</span></b></div>
<div class="codeview">
<b><span style="color: orange;"><br /></span></b>
<b><span style="color: orange;">button</span></b></div>
<div class="codeview">
<b><span style="color: orange;"><br /></span></b>
<b><span style="color: orange;">icon_link</span></b></div>
<div class="codeview">
<b><span style="color: orange;"><br /></span></b>
<b><span style="color: orange;">icon</span></b></div>
<div class="codeview">
<b><span style="color: orange;"><br /></span></b>
<b><span style="color: orange;">link</span></b></div>
<br />
<br />
now replace '<b><span style="color: orange;">BUTTON-TYPE</span></b>' with your choice from these 6 and you are done.DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com9tag:blogger.com,1999:blog-4643419644561434063.post-38400295470257697562009-05-30T01:33:00.001-07:002018-06-04T12:22:40.679-07:00CCS codes part 01<div style="text-align: left;">
CCS codes are used at many occasions in the blogger template. If you don't know about these , you may be confused as you see a letter with binary codes. So skip it. For Other , I think these might be very useful at editing your blogger template.<br />
<br />
<br />
<span style="font-weight: bold;">Margin & Padding</span><br />
<br />
<div class="codeview">
<br />
<br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">#div {</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">margin-top: 0;</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">margin-right: 5px;</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">margin-bottom: 10px;</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">margin-left: 15px;</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">(auto, 0, px, pt, em or %)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">}</span></div>
<br />
<br />
<span style="color: rgb(0 , 0 , 0);">or</span><br />
<br />
<div class="codeview">
<br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">#div {</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">margin:0 5px 10px 15px;</span><br />
<span style="color: rgb(255 , 102 , 0);">(top right bottom left)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">}</span></div>
<br />
<br />
<br />
<span style="font-weight: bold;">Border</span><br />
<br />
<div class="codeview">
<br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">#div {</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">border-width: 5px;</span><br />
<span style="color: rgb(255 , 102 , 0);">(thin, thick, medium or set value) (default = medium)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">border-style: dotted;</span><br />
<span style="color: rgb(255 , 102 , 0);">(solid, dashed, dotted, double, etc) (default = none)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">border-color: blue;</span><br />
<span style="color: rgb(255 , 102 , 0);">(named, hex, rgb or 0-255) (default = value of elements/elements parent color property)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">}</span><br />
<br /></div>
<br />
<br />
or<br />
<br />
<div class="codeview">
<br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">#div {</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">border:5px dotted blue;</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">}</span><br />
<br /></div>
<br />
<br />
<span style="font-weight: bold;">Background</span><br />
<br />
<div class="codeview">
<br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">#div {</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">background-color: #CCCCCC;</span><br />
<span style="color: rgb(255 , 102 , 0);">(named, hex, rgb or 0-255) (default = transparent)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">background-image: url(images/bg.gif);</span><br />
<span style="color: rgb(255 , 102 , 0);">(url or none) (default = none)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">background-repeat: no-repeat;</span><br />
<span style="color: rgb(255 , 102 , 0);">(repeat, repeat-x, repeat-y or no-repeat) (default = repeat)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">background-attachment: scroll;</span><br />
<span style="color: rgb(255 , 102 , 0);">(fixed or scroll) (default = scroll)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">background-position: top left;</span><br />
<span style="color: rgb(255 , 102 , 0);">(top, right, left, bottom or center) (default = 0% 0%)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">}</span><br />
<br /></div>
<br />
<br />
<span style="font-weight: bold;">Font</span><br />
<br />
<div class="codeview">
<br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">#div {</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">font-family: Verdana, Arial, Helvetica;</span><br />
<span style="color: rgb(255 , 102 , 0);">(Verdana, Arial, “Times New Roman”, etc) (default = browse based)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">font-size: 12px;</span><br />
<span style="color: rgb(255 , 102 , 0);">(xx-small, medium, x-large, set value, etc) (default = medium)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">font-weight: bold;</span><br />
<span style="color: rgb(255 , 102 , 0);">(normal, bold, bolder, lighter, 100-900 or inherit) (default = normal)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">font-style: italic;</span><br />
<span style="color: rgb(255 , 102 , 0);">(normal, italic or oblique) (default = normal)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">font-variant: normal;</span><br />
<span style="color: rgb(255 , 102 , 0);">(normal or small-caps) (default = normal)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">line-height: 1.5;</span><br />
<span style="color: rgb(255 , 102 , 0);">(normal, px, pt, em, num or %) (default = normal)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">}</span><br />
<br /></div>
<br />
<br />
<span style="font-weight: bold;">List</span><br />
<br /></div>
<div class="codeview">
<br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">#div {</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">list-style-image: url(images/bullet.gif);</span><br />
<span style="color: rgb(255 , 102 , 0);">(url or none) (default = none)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">list-style-position: inside;</span><br />
<span style="color: rgb(255 , 102 , 0);">(inside or outside) (default = outside)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">list-style-type: square;</span><br />
<span style="color: rgb(255 , 102 , 0);">(circle, disc, square, etc) (default = disc)</span><br />
<span style="color: rgb(0 , 153 , 0); font-weight: bold;">}</span><br />
<br />
<span style="font-size: 85%;"></span></div>
<br />
<div style="text-align: left;">
<br />
<span style="font-size: 85%;">* From www.leigeber.com</span></div>
DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com11tag:blogger.com,1999:blog-4643419644561434063.post-39397896854150299262009-05-28T08:58:00.000-07:002018-06-04T12:22:40.738-07:00Adding 4 extra columns to footerYou can add more and more extra columns to your blog. Now here i am describing you to how to add 4 more columns to your blog's footer. You can add text gadgets and HTML widgets. How ever these gadgets boxes may not appear similar to your excisting gadgets.They may appear like this.<br /><br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfpRCuvqUM5ZzK2NbDpwa42UWxvn3ZB4jatpqxXtiD1d51u27D2TqA0niH-W_-zC7_VKG4DuHqAOICZL-6KH585TuPEIdt7fhZWAW0fVqfO4gyHG4KtbhM603Uz0zLpLYa5E61Bz-U1jA-/s1600-h/extracoloum666.PNG"><img style="cursor: pointer; width: 532px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfpRCuvqUM5ZzK2NbDpwa42UWxvn3ZB4jatpqxXtiD1d51u27D2TqA0niH-W_-zC7_VKG4DuHqAOICZL-6KH585TuPEIdt7fhZWAW0fVqfO4gyHG4KtbhM603Uz0zLpLYa5E61Bz-U1jA-/s400/extracoloum666.PNG" alt="" id="BLOGGER_PHOTO_ID_5341061103584126338" border="0" /></a><br /><br /><br /><div style="text-align: left;">1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2.Untick the "Expand widgets" tick box if you had ticked it.<br />3. Now find out<br /><br /><span class="fullpost"></span><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><b:section class='footer' id='footer'/></span></span> </span><span style="font-size:100%;">( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /></div><br /><br />Now paste following code lines by Replacing the line <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span><span><span style="color: rgb(0, 153, 0);"><span style="color: rgb(0, 0, 0);"><div class="codeview"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><b:section class='footer' id='footer'/><br /></div><br /></span></span><span style="color: rgb(0, 153, 0); font-weight: bold;"><br /><br /></span><span style="color: rgb(0, 153, 0);"><div class="codeview"><br /><br /></span><span style="color: rgb(0, 153, 0); font-weight: bold;"><div id='footer-column-container'><br /> <div id='footer1' style='width: 225px; float: left; margin:0; '><br /> <b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'><br /><b:widget id='Text100' locked='false' title='<span style="color: rgb(255, 102, 0);">Your gadget's Caption here 1</span>' type='<span style="color: rgb(255, 102, 0);">Text</span>'/><br /><br /></b:section><br /> </div><br /><br /> <div id='footer2' style='width: 225px; float: left; margin:0; '><br /> <b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'><br /><b:widget id='HTML100' locked='false' title='</span></span><span style="font-size:100%;"><span style="color: rgb(0, 153, 0); font-weight: bold;"><span style="color: rgb(255, 102, 0);">Your gadget's Caption here 2</span></span></span><span style="font-size:100%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">' type='<span style="color: rgb(255, 102, 0);">HTML</span>'/><br /></b:section><br /> </div><br /><br /> <div id='footer3' style='width: 225px; float: right; margin:0; '><br /> <b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'><br /><b:widget id='Text300' locked='false' title='</span></span><span style="font-size:100%;"><span style="color: rgb(0, 153, 0); font-weight: bold;"><span style="color: rgb(255, 102, 0);">Your gadget's Caption here 3</span></span></span><span style="font-size:100%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">' type='Text'/><br /></b:section><br /> </div><br /><br /><div id='footer4' style='width: 225px; float: right; margin:0; '><br /> <b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'><br /><b:widget id='HTML200' locked='false' title='</span></span><span style="font-size:100%;"><span style="color: rgb(0, 153, 0); font-weight: bold;"><span style="color: rgb(255, 102, 0);">Your gadget's Caption here 4</span></span></span><span style="font-size:100%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">' type='HTML'/><br /></b:section><br /> </div><br /><br /><br /><div style='clear:both;'/><br /></div> </span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /></span></span></span></div></div></div><br /><br />CONFIGURATION :-<br /><br />TEXT stands for Text gadgets<br />HTML stands for HTML gadgets<br /><br /><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a><br /><br /><br /><br />To be continued...................<br /></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com7tag:blogger.com,1999:blog-4643419644561434063.post-7221696333974363622009-05-26T21:36:00.000-07:002018-06-04T12:22:41.328-07:00Adding a Drop down Labels menuLabels , they help the reader to find posts under specific category. But , if you are using a single column template or if you are having too many labels , it may be a big problem for you. So , that's why programmers had invented some thing called the Drop Down Menu. Lets add one of it to our blog too.<br /><br /><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/111/label%20drop%20down.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1243399286824/111/label%20drop%20down.PNG" border="0" /></a></div><br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /><div class="codeview"><br /><b:loop values='data:labels' var='label'></span></span> </span><span style="font-size:100%;"><br /><br /></div><br /><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />Now you will find a set of code lines similar to following<br /><br /><br /><div class="codeview"><br /><div style="text-align: left; color: rgb(0, 153, 0); font-weight: bold;"><ul><br /><b:loop values='data:labels' var='label'><br /> <li><br /> <b:if cond='data:blog.url == data:label.url'><br /> <data:label.name/><br /> <b:else/><br /> <a expr:href='data:label.url'><data:label.name/></a><br /> </b:if><br /> (<data:label.count/>)<br /> </li><br /></b:loop><br /></ul><br /><br /></div><br /><br /></div>Now replace above whole code set with the following codes<br /><br /><div class="codeview"><br /><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 153, 0);"><select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><option>Browse By Labels</span><span style="color: rgb(255, 102, 0);">( Name you want to display as drop down menu's caption )</span><span style="font-weight: bold; color: rgb(0, 153, 0);"></option></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <b:loop values='data:labels' var='label'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <option expr:value='data:label.url'><data:label.name/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> (<data:label.count/>)</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> </option></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> </b:loop></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></select></span><br /><br /></div><br /><br /><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span><br /></div>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com3tag:blogger.com,1999:blog-4643419644561434063.post-65127336171035859242009-05-26T20:53:00.000-07:002018-06-04T12:22:41.092-07:00Controlling number of posts in Label pagesAs you know , if you click on a label , it will redirect you to a page with all the posts on that label. If there are lots of posts for a specific label , the label page will be so long. This will annoy the reader. Blogger do not give us a simple way to control this label page's posts. So we have to do it manually. Lets see how to ,<br /><br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-weight: bold;"><br /><br /><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'></span></span><br /></span></div><br /><br /></span><span style="font-size:100%;">( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br /><br />Now you will find out some code lines as<br /><br /><div class="codeview"><br /><div style="text-align: left; color: rgb(0, 153, 0);"><span style="font-weight: bold;"><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><br /><data:label.name/><br /></a><br /></b:if><br /><span dir='ltr'>(<data:label.count/>)</span></span><br /></div><br /><br /></div><br />If you already have deleted the label number count ( <a href="http://blogger-template-editing.blogspot.com/2009/04/label-number-count.html">learn how to remove label number count </a>) You may not see code <span style="font-weight: bold; color: rgb(0, 153, 0);"><br /><br /><div class="codeview"><br />(<data:label.count/>) line.<br /></div><br /><br /></span><span style="color: rgb(0, 0, 0);">Now replace </span><span style="font-weight: bold; color: rgb(0, 153, 0);"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /></span></span><span><span style="color: rgb(0, 153, 0);"><br /><div class="codeview"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> </span></span><span><br /></span></div><br /><br /></span></span></span><span style="color: rgb(0, 0, 0);"><span><span style="color: rgb(0, 153, 0);">with</span><span> </span></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);"><span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /><div class="codeview"><br /><a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=<span style="color: rgb(255, 102, 0);">5</span>&quot;'><br /></div><br /></span></span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">5</span> </span></span><span style="color: rgb(0, 0, 0);"><span>stand for the number of posts per a label. Change it to any number ( number of posts that you are willing to show in the label pag</span></span><span style="color: rgb(0, 0, 0);"><span>e )</span></span><span style="font-weight: bold; color: rgb(0, 153, 0);"><span><br /><br /><br /></span></span><span style="color: rgb(0, 153, 0);"><span><span class="content" style="font-size:100%;"><span style="font-size:100%;"><span style="font-size:100%;"><span style="color: rgb(0, 0, 0);">Now follow the </span><a style="color: rgb(0, 0, 0);" href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a><span style="color: rgb(0, 0, 0);">.</span><br /><br /><span style="color: rgb(0, 0, 0);">And</span></span></span></span></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);"><span><span class="content" style="font-size:100%;"><span style="font-size:100%;"><span style="font-size:100%;"> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a><br /><br /></span></span></span></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com1tag:blogger.com,1999:blog-4643419644561434063.post-71619563561667313612009-05-26T20:17:00.000-07:002018-06-04T12:22:41.269-07:00Contact MeDo you have any problems on blogging , or do you want to propose me a new trick or ask me how to do a new trick ? Contact me. I am always here to help you.<br /><br /><br /><br />Contact me on Skype<br /><br /><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script><br /><div style="text-align: center;"><a href="skype:dragondilshan?chat"><img src="http://mystatus.skype.com/balloon/dragondilshan" style="border: medium none ;" alt="My status" width="150" height="60" /></a><br /></div><br /><br /><br />Contact me on Yahoo Messenger<br /><div style="text-align: center;"><a href="ymsgr:addfriend?dragondilshanzmail"><img src="http://opi.yahoo.com/online?u=dragondilshanzmail&m=g&t=6" border="0" /></a><br /></div><br /><center><div style="text-align: left;">Send me a Email<br /></div><br /><script type="text/javascript"> id = 22473; </script><br /><script type="text/javascript" src="http://kontactr.com/wp.js"></script><br /><br /></center>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com1tag:blogger.com,1999:blog-4643419644561434063.post-25603745469474050962009-05-26T09:11:00.001-07:002018-06-04T12:22:40.500-07:00Adding a RSS Email subscription formAdding a Email subscription form may help you and the reader too. In your side , it will attract the readers and for readers , they can keep in touch with the blog. If you add a new content , an email will automatically send to their mail box and if not no email. This service is given to us by Feed Burner ( Part of the Google ) .As soon as your subscription is active, Feed Burner will send a daily email message if your blog has new content.<br /><br />Now lest see how to do this. First you have to log in to <a href="http://feedburner.google.com/">Feed burner</a> using your Gmail account.<br />Now you have to go on your own.<br /><br />just give your blog address and complete the steps. After all , access to your account and select your blog address. Noe select tab <span style="font-weight: bold;">Publicize</span> , and select <span style="font-weight: bold;">Email Subscriptions</span> from the menu. Now under <span style="font-weight: bold;">Subscription Form Code</span> you may see bunch of code lines.<br /><br /><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/111/munes123.PNG?attredirects=0" imageanchor="1"><img style="width: 468px; height: 201px;" src="http://sites.google.com/site/dragonzstore/_/rsrc/1243355158043/111/munes123.PNG" border="0" /></a></div><br />They may similar to these<br /><br /><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggyEdit', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><p>Enter your email address:</p></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><p><input type="text" style="width:140px" name="email"/></p></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input type="hidden" value="BloggyEdit" name="uri"/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input type="hidden" name="loc" value="en_US"/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input type="submit" value="Subscribe" /></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></form></span><br /></div><br /><br />You can just paste these but it is just classic , if you want to a form like mine , you have to edit these codes.<br /><br />For that You have to create a Image. ( Or you can use a text , but if you want to attract more readers , use a Image. ). Here is the my image. I create this one using Power point 2007.<br /><br /><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/111/RSS1.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1243352697922/111/RSS1.PNG" border="0" /></a></div><br />Now , look at these codes<br /><br /><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggyEdit', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc ;' target='popupwindow'></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img alt='feedburner' src='<span style="color: rgb(255, 102, 0);">http://sites.google.com/site/dragonzstore/_/rsrc/1243352697922/111/RSS1.PNG</span>' style='border: 0pt none ; margin-top: 15px;'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><p></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input name='email' style='width:<span style="color: rgb(255, 102, 0);">300</span>px' type='text' value='<span style="color: rgb(255, 102, 0);">Enter your Email Address here</span>'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input name='uri' type='hidden' value='BloggyEdit'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input name='loc' type='hidden' value='en_US'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input type='submit' value='Subscribe Now'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></form></span><br /></div><br /><br />Now edit your code by looking at these , just cut , paste , move and add the image.<br /><br />Use this<br /><br /><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('<span style="color: rgb(255, 102, 0);">http://feedburner.google.com/fb/a/mailverify?uri=BloggyEdit&apos</span> <span style="color: rgb(204, 102, 0);">( your address )</span> ;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc ;' target='popupwindow'></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img alt='feedburner' src='<span style="color: rgb(255, 102, 0);">http://sites.google.com/site/dragonzstore/_/rsrc/1243352697922/111/RSS1.PNG</span> <span style="color: rgb(204, 102, 0);">( Your Image's URL here )</span> ' style='border: 0pt none ; margin-top: 15px;'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><p></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input name='email' style='width:<span style="color: rgb(255, 102, 0);">300</span>px <span style="color: rgb(204, 102, 0);">( length of your text box )</span>' type='text' value='<span style="color: rgb(255, 102, 0);">Enter your Email Address here</span><span style="color: rgb(204, 102, 0);"> ( Text inside the Text box )</span>'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input name='uri' type='hidden' value='BloggyEdit <span style="color: rgb(204, 102, 0);">( word at your feedbuner code )</span>'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input name='loc' type='hidden' value='en_US'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><input type='submit' value='Subscribe Now <span style="color: rgb(204, 102, 0);">( button's caption )</span>'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></form></span><br /></div><br /><br />Now ,<br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /><div class="codeview"><br /><data:post.body/> <span style="font-size:100%;"><br /></span></div><br /><span style="color: rgb(0, 0, 0);">( </span><span style="color: rgb(0, 0, 0);font-size:85%;" >press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br /><br />Paste the code that you edited.<br /><br /><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /></span></span><span class="content" style="font-size:100%;"><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span></span></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com2tag:blogger.com,1999:blog-4643419644561434063.post-16480262032966823502009-05-26T05:43:00.000-07:002018-06-04T12:22:40.323-07:00Adding a set of Smilies to comment boxHere is a cool trick to try. You can embed a yahoo type smiley set to your comment box as i have done in mine. In the reader wants to add a smiley , he just have to look at it , choose the correct symbol for the appropriate smiley and type the symbol. This may also encourage user to leave a comment. Here is how to do it.<br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><p class='comment-footer'></span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br /></span><span style="font-size:100%;">( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />If you find two or more code lines , select the second one.<br />It must be look like this.<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><p class='comment-footer'></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:if cond='data:post.embedCommentForm'></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:include data='post' name='comment-form'/></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:else/></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:if cond='data:post.allowComments'></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><h3><a expr:href='data:post.addCommentUrl'</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);">expr:onclick='data:post.addCommentOnclick'></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><data:postCommentMsg/></a></h3></span><br /><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"></b:if></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"></b:if></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"></b:if></span><br /></div><br /></div><br />Now replace this <span style="color: rgb(0, 102, 0); font-weight: bold;">set</span> of code lines with following codes. ( make sure you replace above whole set )<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><p class='comment-footer'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:if cond='data:post.embedCommentForm'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; <span style="color: rgb(255, 102, 0);">border: 1px</span> <span style="color: rgb(255, 102, 0);">solid #cccccc</span>; <span style="color: rgb(255, 102, 0);">padding: 5px</span>; <span style="color: rgb(255, 102, 0);">background: #eeeddf</span>; height:86'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></div></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:include data='post' name='comment-form'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:else/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:if cond='data:post.allowComments'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:if></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:if></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:if></span><br /></div><br /></div><br />Now find out <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></body></span></span></span><span style="font-size:100%;"> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />and paste this code line just above it.<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><script src='http://www.hotlinkfiles.com/files/2567928_jj914/smiley-EditBloggy.js]smiley-EditBloggy.js' type='text/javascript'/><noscript><a href="http://techknowl.com" target="_blank">Blogger</span></span><br /><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></div></span></span><br /></div><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span><span class="content" style="font-size:100%;"><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a><br /><br /><br /><br /><span style="font-weight: bold;">Customizing.....</span><br /><br /></span></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);"><span style="color: rgb(255, 102, 0);">border: 1px </span></span><span style="color: rgb(0, 0, 0);">- Border width</span><span style="font-weight: bold; color: rgb(0, 153, 0);"> <span style="color: rgb(255, 102, 0);"><br />solid #cccccc </span></span><span style="color: rgb(0, 0, 0);">- Border color</span><span style="font-weight: bold; color: rgb(0, 153, 0);"><br /><span style="color: rgb(255, 102, 0);">padding: 5px </span></span><span style="color: rgb(0, 153, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(0, 0, 0);">- Distance between 2 smilies</span></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);"><br /><span style="color: rgb(255, 102, 0);">background: #eeeddf</span></span> - Background color of smiles boxDragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com9tag:blogger.com,1999:blog-4643419644561434063.post-64561276436184605112009-05-26T02:34:00.000-07:002018-06-04T12:22:41.033-07:00Adding Blogger sitemap to google web masterSubmitting the <a href="http://www.google.com/search?hl=en&q=define%3Asitemap&btnG=Google+Search&meta=">Sitemaps</a> of your blog to Google Webmaster helps the Google search engine to crawl your blog pages easily and more quickly! Now lest see how to do it.<br /><br />First of all <span class="fullpost">Sign-in to <a href="https://www.google.com/webmasters/tools/dashboard">Google Webmaster Tools</a><br /><br />Now add your blog address<br /><br /></span><a href="http://sites.google.com/site/dragonzstore/111/add%20site%20dashboard.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1243330915707/111/add%20site%20dashboard.PNG" border="0" /></a><br /><br /><br />Now , you have to verify whether site is yours ,<br /><br /><div style="display: block; text-align: left;"><a href="http://sites.google.com/site/dragonzstore/111/add%20site%20dashboard.PNG?attredirects=0" imageanchor="1"></a><div style="display: block; text-align: left;"><a href="http://sites.google.com/site/dragonzstore/111/nest%20step.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1243330917484/111/nest%20step.PNG" border="0" /></a></div></div><br /><span class="fullpost"><br />There are two methods to verify ,<br /><br />1.To create a web page<br />2.Add a meta tag<br /><br />we can't create a web page on blog as they say us to do. According to them we have to create a web page in a address of </span><span class="verifybox">http://yourblogname.blogspot.com/google60xxxx8a156480b.html<br /><br />It's impossible for blogger , now the second method,<br /><br />adding a meta tag. When you choose that option they will give you a code to paste.<br /><br /><div class="codeview"><br /></span><span style="color: rgb(0, 153, 0); font-weight: bold;"><meta name="verify-v1" content="5O0v6H8LZLAE0sk4GFs0xxoYelvBidoEJxXxlTg6kQE=" /></span><br /></div><br /><br />You can't just paste this at any place of your template,<br /><br />to paste this<br /><br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-weight: bold;"><br /><br /><br /><div class="codeview"><br /></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><b:include data='blog' name='all-head-content'/></span></span> </span><span style="font-size:100%;"><br /></div><br /><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />in some templates it says<br /><br /><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><b:include data=<span style="color: rgb(0, 102, 0);">"</span>blog<span style="color: rgb(0, 102, 0);">"</span> name=<span style="color: rgb(0, 102, 0);">"</span>all-head-content<span style="color: rgb(0, 102, 0);">"</span>/></span></span></span><br /></div><br /><br />now paste your meta tag , just above this code line.<br /><br /><br /><span class="content" style="font-size:100%;"><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com6tag:blogger.com,1999:blog-4643419644561434063.post-6635117184967345652009-05-23T01:35:00.000-07:002018-06-04T12:22:41.151-07:00Adding a Tag cloudTag cloud is a collection of labels which are beautifully categorized. Hope you may have seen it in many other blogs.Not only in blogger , wordpress but also in web sites too. Now lets see how to add this tag cloud.<br /><br /><div style="display: block; text-align: center;"><img src="file:///C:/DOCUME%7E1/DilshanD/LOCALS%7E1/Temp/moz-screenshot.jpg" alt="" /><br /><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/bookmarks/tag%20cloud.PNG?attredirects=0" imageanchor="1"><img style="width: 265px; height: 321px;" src="http://sites.google.com/site/dragonzstore/_/rsrc/1243067936037/bookmarks/tag%20cloud.PNG" border="0" /></a></div><div style="display: block; text-align: left;"><a href="http://sites.google.com/site/dragonzstore/bookmarks/tag%20cloud%202.PNG?attredirects=0" imageanchor="1"><br /></a></div><br /><br /><div style="text-align: left;">1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><b:s<span style="font-family:georgia;">e</span>ction class='sidebar</span></span> </span><br /><span style="font-size:100%;"></span></div><br /></div><span style="font-size:100%;"><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br /><br />Now you will find a code line similar to <span style="font-weight: bold; color: rgb(0, 153, 0);"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 153, 0);"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:section class='sidebar' id='sidebar' preferred='yes'></span><br /></div><br /></span></div><br />now just after it , paste these code lines<br /></div></div><br /><div style="text-align: left;"><br /><div class="codeview"><br /><br /><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:georgia;font-size:100%;" ><b:widget id='Label88' locked='false' title='Labels' type='Label'<code class="plain">><br /><br /><br /><br /><br /><br /><br /></code></span><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:100%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"><b:includable id='main'></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0);font-family:georgia;" class="line alt1"><div style="text-align: left;"><span style=";font-family:georgia;font-size:100%;" ><code class="number"></code></span></div><div style="text-align: left;"><code style="font-family: georgia;" class="spaces"> </code><span style="font-family:georgia;"><!-- only display title if it's non-empty --></span></div><span class="content" style="font-size:100%;"><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:100%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><code class="spaces"> </code><span class="block" style="margin-left: 18px ! important;font-size:100%;" ><b:if cond='data:title != &quot;&quot;'></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:85%;"><code class="spaces"> </code><span class="block" style="margin-left: 36px ! important;font-size:100%;" ><h2 class='title'><data:title/></h2></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:85%;"><code class="spaces"> </code><span class="block" style="margin-left: 18px ! important;font-size:100%;" ></b:if></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"><div class='widget-content'></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:100%;"><code class="number"></code></span><span class="content" style="font-size:85%;"><span class="block" style="margin-left: 0px ! important;"><span style="font-size:100%;"><div id='Labelcloud'></span></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"></div></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"></div></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"><script language='javascript' type='text/javascript'></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">funct<span style="font-family:georgia;">ion Magnifytxt() {</span></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">var max = 0;</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">var min = 10000;</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"><b:loop values='data:labels' var='label'></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">if (<data:label.count/> &gt; max)</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:100%;"><code class="number"></code></span><span class="content" style="font-size:85%;"><span style="font-size:100%;"><code class="spaces"> </code></span><span class="block" style="margin-left: 18px ! important;"><span style="font-size:100%;">max = <</span><span style="font-size:100%;">data:label.count/>;</span></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">if (<data:label.count/> &lt; min)</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">min = <data:label.count/>;</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"></b:loop></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">var display = &quot;&quot;;</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"><b:loop values='data:labels' var='label'></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">var delta = <data:label.count/> - min;</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">var size = 80 + (delta * 100) / (max - min);</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:85%;"><span class="block" style="margin-left: 0px ! important;"><span style="font-size:100%;">display = display + &quot;<span style='font-size:&quot; + size + &quot;%'><a </span><span style="font-size:100%;">expr:href='data:label.url + &quot;?max-results=100&quot;' style='text-decoration:none;'><data:label.name/></a></span> &quot;;</span></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"></b:loop></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">obj = document.getElementById(&#39;Labelcloud&#39;);</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">obj.innerHTML = display;</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:85%;"><span class="block" style="margin-left: 0px ! important;">}</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;">Magnifytxt();</span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"></script></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt2"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"><b:include name='quickedit'/></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0); text-align: left;font-family:georgia;" class="line alt1"><span style="font-size:85%;"><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"></b:includable></span></span></div><div style="font-weight: bold; color: rgb(0, 153, 0);font-family:georgia;" class="line alt2"><div style="text-align: left;"><span style=";font-family:georgia;font-size:100%;" ><code class="number"></code></span><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"><span style=";font-family:georgia;font-size:100%;" ></b:widget</span><span style=";font-family:georgia;font-size:100%;" >></span></span></span><br /><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"></span></span></div></div></div><br /></span></div><span class="content" style="font-size:100%;"><span class="block" style="margin-left: 0px ! important;"><br /><br /></span></span><span style="font-size:100%;"><span style="font-size:100%;"><span style="font-weight: normal; color: rgb(0, 0, 0);">Now follow the </span><a style="font-weight: normal; color: rgb(0, 0, 0);" href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a><span style="font-weight: normal; color: rgb(0, 0, 0);">.</span><br /><br /><span style="color: rgb(0, 0, 0);">And</span> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span><br /></div>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com1tag:blogger.com,1999:blog-4643419644561434063.post-76558010960090929372009-05-22T22:57:00.000-07:002018-06-04T12:22:41.565-07:00Showing Gadgets in Specific pagesIf you want to show a specific gadget in a Gadget in Specific pages , there is a way to do that. Now you may think , why should i hide my gadgets in some pages. Now here is the reason. if you are using tons of gadgets , it may slow down you blog's loading time. Specially if you are using Flash gadgets. So , hiding them in posts and showing them in the home page is a cool trick to boot up your blog's loading speed.<br /><br />First of all , decide which gadget should you hide. It may be a Flash gadget or a Image gadget or any thing.Make your you have provided a name for it. I means, in the visitors gadget , you may have given a name as 'Visitors'.<br /><br /><br />Now, This trick will help you to show your gadget only in home page<br /><a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a> and Search under<span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></span></span> </span><span style="font-size:100%;">( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span> that name.<br /><br />And keep in mind , that if you have used any sign , marks like these <span style="font-weight: bold;font-size:130%;" >, ' . < > " </span>, you can't search them, just change them to another name without those marks temporary and search.<br /><br />Now you will find some code lines as<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:widget id='HTML13' locked='false' title=' <span style="color: rgb(255, 102, 0);">Your Gadgets Name here</span> ' type='HTML'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:includable id='main'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType == "index"'> </span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <!-- only display title if it's non-empty --></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <b:if cond='data:title != ""'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <h2 class='title'</span><span style="font-weight: bold; color: rgb(0, 153, 0);">></span><span style="font-weight: bold; color: rgb(0, 153, 0);"><data:title/</span><span style="font-weight: bold; color: rgb(0, 153, 0);">></span><span style="font-weight: bold; color: rgb(0, 153, 0);"></h2></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> </b:if></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <div class='widget-content'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <data:content/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> </div></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <b:include name='quickedit'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:if></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:includable></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:widget></span><br /></div><br /></div><br />Now paste these code lines<br /><br /><div style="text-align: left;"><div class="codeview"><br />( <span style="font-weight: bold; color: rgb(0, 102, 0);"><b:if cond='data:blog.pageType == "index" '> , </b:if></span> )<br /></div><br /></div><br />as shown below<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:widget id='HTML13' locked='false' title=' <span style="color: rgb(255, 102, 0);">Your Gadgets Name here</span> ' type='HTML'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:includable id='main'></span><br /><br /><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:if cond='data:blog.pageType == "index" '></span><br /><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType == "index"'> </span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <!-- only display title if it's non-empty --></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <b:if cond='data:title != ""'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <h2 class='title'</span><span style="font-weight: bold; color: rgb(0, 153, 0);">></span><span style="font-weight: bold; color: rgb(0, 153, 0);"><data:title/</span><span style="font-weight: bold; color: rgb(0, 153, 0);">></span><span style="font-weight: bold; color: rgb(0, 153, 0);"></h2></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> </b:if></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <div class='widget-content'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <data:content/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> </div></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <b:include name='quickedit'/></span><br /><br /><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"></b:if></span><br /><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:if></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:includable></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></b:widget></span><br /></div><br /></div><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span><br /><br /><br />If you want to show your gadget in all post pages but not in the home page , use<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:if cond='data:blog.pageType == "item" '></span><br /></div><br /></div><br />code line instead of using <span style="font-weight: bold; color: rgb(0, 102, 0);"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 102, 0);"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:if cond='data:blog.pageType == "index" '></span><br /></div><br /></div><br />If you want to show your gadget in a specific page only , use code line <span style="font-weight: bold; color: rgb(0, 102, 0);"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 102, 0);"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:if cond='data:blog.pageType == " <span style="color: rgb(255, 102, 0);">Paste your Page's URL here</span> " '> </span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"></div></span><br /></div><span style="font-weight: bold; color: rgb(0, 102, 0);"><br /></span>instead of using <span style="font-weight: bold; color: rgb(0, 102, 0);"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 102, 0);"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"><b:if cond='data:blog.pageType == "index" '></span><br /></div><br /></div><br />And also , remember that even though the gadget is hidden , you may see some thing like this...<br /><br /><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/bookmarks/gadets%20hidden%202.PNG?attredirects=0" imageanchor="1"><img style="width: 323px; height: 180px;" src="http://sites.google.com/site/dragonzstore/_/rsrc/1243060184715/bookmarks/gadets%20hidden%202.PNG" border="0" /></a></div>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com2tag:blogger.com,1999:blog-4643419644561434063.post-20730354714395595032009-05-22T22:05:00.000-07:002018-06-04T12:22:40.382-07:00Adding a floating “back to top” buttonIn long blogs ( such as mine ) , after scrolling down , you may take long time to scroll up again. For that , we have a little gadget to add. You can add a image to automatically scroll up words. Or you can use a text. ( I tried this trick under Microsoft Internet Explorer but it did not work , many graphic tricks sucks under Internet Explorer. Just try to use another web browser as Fire Fox or Chrome). Now lest see how to add this.<br /><br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></body></span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br /><br />Paste following lines just above it.<br /><br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a styl</span><span style="font-weight: bold; color: rgb(0, 153, 0);">e="position: fixed; bottom:5px;left:5px;" href="#" title="Back to Top"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img style="border: none;" src=" <span style="color: rgb(255, 102, 0);">Paste your Image's URL here</span> "/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></a&gt</span><span style="font-weight: bold; color: rgb(0, 153, 0);">;</span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br /></span>If you want a Text instead of the Image button, use this code<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a style="position: fixed; bottom:5px;left:5px;" href="#" title="Back to Top"></span><span style="font-weight: bold; color: rgb(0, 153, 0);"> <span style="color: rgb(0, 102, 0);">Go t</span></span><span style="font-weight: bold; color: rgb(0, 153, 0);"><span style="color: rgb(0, 102, 0);">o Top</span> </a></span><br /><span style="font-size:100%;"></div></span><br /></div><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a><br /><br /><br /><br /></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);">bottom:5px; - </span><span style="color: rgb(0, 0, 0);">stand for the position , pixels from bottom</span><span style="font-weight: bold; color: rgb(0, 153, 0);"><br />left:5px;</span> <span style="font-weight: bold; color: rgb(0, 153, 0);">-</span> <span style="color: rgb(0, 0, 0);">stand for the position , pixels from left</span><br /><br /><br />Here are some Icons for you,<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dryicons.com/images/icon_sets/stickers_icon_set/png/64x64/up_arrow.png"><img style="cursor: pointer; width: 64px; height: 64px;" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/64x64/up_arrow.png" alt="" border="0" /></a><span style="font-size:85%;"><span style="font-weight: bold;">Image URL -</span> http://dryicons.com/images/icon_sets/stickers_icon_set/png/64x64/up_arrow.png<br /><br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dryicons.com/images/icon_sets/blossom/png/64x64/up_arrow.png"><img style="cursor: pointer; width: 64px; height: 64px;" src="http://dryicons.com/images/icon_sets/blossom/png/64x64/up_arrow.png" alt="" border="0" /></a><span style="font-size:85%;"><span style="font-weight: bold;">Image URL -</span> </span><span style="font-size:85%;">http://dryicons.com/images/icon_sets/blossom/png/64x64/up_arrow.png<br /></span><br /><span style="font-size:85%;"><br />Icons by :- http://dryicons.com</span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com4tag:blogger.com,1999:blog-4643419644561434063.post-49664447293011462982009-05-21T07:56:00.000-07:002018-06-04T12:22:40.974-07:00Convert Ur blog in to a Magazine blog ( Adding 'Read More' styles)Is there a big different between your and my template ? hmm ? oh , yes , in my home page I have a Magazine type template with a Read More buttons and you have a blog with a homepage of posts that show their whole body and take a long time to load. And also it makes your blog more longer. ( If you are posting more than 5 posts per a page ). So , do you want to know how to add 'Read More' buttons and make your blog more profeesional ? so here is the way !<br /><br /><br />Fisrt of all , go to the Settings tab , then select Formatting tab and go to the option Show. Now add a number more than 5. ( Here in my blog , I keep about 15-20 posts in homepage )<br /><br /><div style="display: block; text-align: center;"><div style="display: block;"><a href="http://sites.google.com/site/dragonzstore/bookmarks/posts.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242918401420/bookmarks/posts.PNG" border="0" /></a><br /><br /><div style="text-align: left;">Now<br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><data:post.body/></span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />Now Replace <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><data:post.body/> </span></span></span><br /><span style="font-size:100%;"><span style="color: rgb(0, 153, 0);"><span style="color: rgb(0, 0, 0);"></div></span></span></span><br /></div><span style="font-size:100%;"><span style="color: rgb(0, 153, 0);"><span style="color: rgb(0, 0, 0);"><br />with</span></span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"> </span></span></span>these codes. Make sure that you REPLACE this line. In some templates , I have seen a line as <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><p</span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">></span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><data:post.body/></span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></p</span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">> </span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></div></span></span></span><br /></div><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /></span></span><span style="color: rgb(0, 0, 0);">instead of</span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"> </span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><data:post.body/></span></span><span style="color: rgb(0, 0, 0);">. </span></span><br /><span style="font-size:100%;"><span style="color: rgb(0, 0, 0);"></div></span></span><br /></div><span style="font-size:100%;"><span style="color: rgb(0, 0, 0);"><br />If then replace the whole<span style="font-weight: bold;"> </span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><p</span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">></span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><data:post.body/></span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></p</span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">></span></span><span style="color: rgb(0, 0, 0);"> </span></span><br /><span style="font-size:100%;"><span style="color: rgb(0, 0, 0);"></div></span></span><br /></div><span style="font-size:100%;"><span style="color: rgb(0, 0, 0);"><br />line with follwing lines.<br /><br /></span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /></span></span></span></div></div></div><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><script type='text/javascript'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <span style="color: rgb(0, 102, 0);">summary_noimg = 400;</span></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"> summary_img = 300;</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"> img_thumb_height = 0;</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"> img_thumb_width = 0; </span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> </script></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType != &quot;item&quot;'></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> </b:if></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></span><br /><div style="text-align: left;"></div><br /></div><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a><br /><br />That's it , now your blog will too get converted to a Magazine type template as following photo.<br /><br /></span></span><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/bookmarks/read%20more%20buttons%202.GIF?attredirects=0" imageanchor="1"><img style="width: 254px; height: 251px;" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242918936018/bookmarks/read%20more%20buttons%202.GIF" border="0" /></a></div><br /><span style="font-size:100%;"><span style="font-size:100%;"><br />Do you like to add a Image too ? like in this photo ?<br /><br /></span></span><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/bookmarks/posts%20with%20image.PNG?attredirects=0" imageanchor="1"><img style="width: 292px; height: 250px;" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242919124802/bookmarks/posts%20with%20image.PNG" border="0" /></a></div><br />Then change these two lines of codes<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 102, 0);">img_thumb_height = 0;</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"> img_thumb_width = 0;</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"></div></span><br /></div><span style="font-weight: bold; color: rgb(0, 102, 0);"><br /></span><span style="color: rgb(0, 102, 0);"><span style="color: rgb(0, 0, 0);">to</span></span><span style="font-weight: bold; color: rgb(0, 102, 0);"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 102, 0);"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);">img_thumb_height = 80;</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"> img_thumb_width = 100; </span><br /></div><br /></div><br />or any hieght and width that you like to have.<br /><br /><br /><span style="font-weight: bold;">If you want to increase your post's height ,</span><br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> <span style="color: rgb(0, 102, 0);">summary_noimg = 400;</span></span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);"> summary_img = 300;</span><br /><span style="color: rgb(0, 0, 0);"></div></span><br /></div><span style="color: rgb(0, 0, 0);"><br />change these to any amount you need !</span><span style="font-weight: bold; color: rgb(0, 102, 0);"><br /><br /></span><span style="font-weight: bold; color: rgb(0, 153, 0);"> <span style="color: rgb(0, 102, 0);">summary_noimg = 400; </span></span><span style="color: rgb(0, 0, 0);">stand for the post's hieght without a Image.</span><span style="font-weight: bold; color: rgb(0, 153, 0);"><span style="color: rgb(0, 102, 0);"><br /></span></span><span style="font-weight: bold; color: rgb(0, 102, 0);">summary_img = 300;</span><span style="font-weight: bold; color: rgb(0, 153, 0);"><span style="color: rgb(0, 102, 0);"> </span></span><span style="color: rgb(0, 0, 0);">stand for the post's hieght with the Image.</span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com9tag:blogger.com,1999:blog-4643419644561434063.post-24886738184110635802009-05-20T03:49:00.000-07:002018-06-04T12:22:40.441-07:00Adding Social Bookmark buttonsAdding bookmark buttons may help you and the reader in many different ways. It will help you to make your blog more popular and also bring you more traffic. And the reader will be able to share your knowledge with his or her friends and others. And also , adding social bookmark buttons will make your blog ore beautiful and advanced.<br /><br /><h3 xmlns="http://www.w3.org/1999/xhtml" id="sites-page-title-header" style=""><span id="sites-page-title"></span></h3> <div class="sites-canvas-main"> <table xmlns="http://www.w3.org/1999/xhtml" id="sites-content-table" class="sites-layout-hbox" cellspacing="0"> <tbody> <tr> <td id="col0" width="100%"> <div id="sites-content0" class="sites-canvas-main-content sites-clear" style=""><div style="direction: ltr;" class="sites-editor-content-wrapper" id=":255s"><div style="display: block; text-align: left;"><div style="display: block; text-align: left;"><div style="display: block; text-align: left;"><a href="http://sites.google.com/site/dragonzstore/bookmarks/social%20bookmarks.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242817791545/bookmarks/social%20bookmarks.PNG" border="0" /></a></div></div></div></div></div></td></tr></tbody></table></div><br />Lets see how to add these social bookmarks.Here I have used only few social bookmark buttons. I have seen tons of social bookmarks in some blogs. But , many readers use only few famous sharing web sites such as <span style="font-weight: bold;">Digg , Technorati , del.icio.us , Stumbleupon , Reddit</span> and <span style="font-weight: bold;">tweeter</span>.So I decided to only to use them.<br /><br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><data:post.body</span></span><span style="color: rgb(0, 153, 0);">/<span style="font-weight: bold;">></span></span> </span><br /><span style="font-size:100%;"></span></div><br /></div><span style="font-size:100%;"><br /></span><span style="font-size:100%;">( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />Now paste these code just below it<br /><br /><div style="text-align: left;"><div class="codeview"><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><center></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' src='<span style="color: rgb(255, 102, 0);">http://sites.google.com/site/dragonzstore/_/rsrc/1242814592015/bookmarks/digg_48x48.png</span>'/></a></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Technorati' src='<span style="color: rgb(255, 102, 0);">http://sites.google.com/site/dragonzstore/_/rsrc/1242814666922/bookmarks/technorati_48x48.png</span>'/></a></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' src='<span style="color: rgb(255, 102, 0);">http://sites.google.com/site/dragonzstore/_/rsrc/1242814638485/bookmarks/delicious_48x48.png</span>'/></a></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Stumbleupon' src='<span style="color: rgb(255, 102, 0);">http://sites.google.com/site/dragonzstore/_/rsrc/1242814652738/bookmarks/stumbleupon_48x48.png</span>'/></a></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Reddit' src='<span style="color: rgb(255, 102, 0);">http://sites.google.com/site/dragonzstore/_/rsrc/1242814621583/bookmarks/reddit_48x48.png</span>'/></a></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></center></span><br /><div style="text-align: left;"></div><br /></div><br /><br /><br /></div><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span><br /><br /><br /><br />Don't like my Button ? Then use your own. Just replace your social bookmark button's image URL with the <span style="font-weight: bold; color: rgb(255, 102, 0);">orange color</span> ( given social bookmark button's image URL ) and you are done !<br /><br /><br />Here are some more Buttons for you to download<br /><br /><div style="text-align: center;"><a href="http://fasticon.com/freeware/?p=72" target="_blank"><img style="width: 203px; height: 154px;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/christmas-social-bookmark-icons.jpg" alt="Social Bookmark Christmas Icons" /></a><br /><br /><a href="http://fasticon.com/freeware/?p=72" target="_blank">http://fasticon.com/freeware/?p=72</a><br />Package includes 17 <strong>bookmark icons</strong>.<br /><br /><a href="http://www.freakgroup.com.ar/pack-de-iconos-sociales-v10/" target="_blank"><img style="width: 208px; height: 176px;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/icon-social-bookmark.png" alt="Social Bookmark Icon" /></a><br /><br /><a href="http://www.freakgroup.com.ar/pack-de-iconos-sociales-v10/" target="_blank">http://www.freakgroup.com.ar/pack-de-iconos-sociales-v10/</a><br />Package includes 12 <strong>social bookmark icons</strong> in PNG format.<br /><br /><a href="http://fasticon.com/freeware/?p=65" target="_blank"><img style="width: 206px; height: 157px;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/social-bookmark-circle-icons.jpg" alt="Social Bookmark Circle Icons" /></a><br /><br /><a href="http://fasticon.com/freeware/?p=65" target="_blank">http://fasticon.com/freeware/?p=65</a><br />Package includes 10 <strong>social media icons</strong>.<br /></div>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com5tag:blogger.com,1999:blog-4643419644561434063.post-72635877923688672892009-05-19T21:38:00.001-07:002018-06-04T12:22:41.387-07:00Adding a background Image to the Title of postIf you like , you also can add a background image to your post title's background. The most amazing thing is the resolution. Though you use a short small Image as the background image to your post title's background , it will re sized and posted repeatedly. So better to use a Pattern as the background image.<br /><div style="display: block; text-align: left;"><a href="http://sites.google.com/site/dragonzstore/Home/image%20behing%20titile%202.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242797171459/Home/image%20behing%20titile%202.PNG" border="0" /></a></div><br /><br /><br />To do this<br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">post h3</span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />Now you will find out several <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">post h3 </span></span><span style="color: rgb(0, 0, 0);">code lines but use the first</span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"> </span></span></span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">post h3<br /><br /></span></span><span style="color: rgb(0, 0, 0);">You will see bunch of code lines which are very similar to these</span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br />.post h3 {<br />color:#3E3533; </span></span><span><span style="color: rgb(0, 153, 0);"><span style="color: rgb(0, 0, 0);">------------ Post title's color</span></span></span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br />font-size:20px; </span></span></span><span style="color: rgb(0, 0, 0);font-size:100%;" ><span><span style="color: rgb(0, 153, 0);"><span style="color: rgb(0, 0, 0);">------------</span> </span></span></span><span style="color: rgb(0, 0, 0);font-size:100%;" ><span><span style="color: rgb(0, 0, 0);">Post title's size</span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">font-weight:bold; </span></span></span><span style="color: rgb(0, 0, 0);font-size:100%;" ><span><span style="color: rgb(0, 153, 0);"><span style="color: rgb(0, 0, 0);">---------</span> </span></span></span><span style="color: rgb(0, 0, 0);font-size:100%;" ><span><span style="color: rgb(0, 0, 0);">Post title's font decoration</span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">line-height:1.4em;<br />margin:0.25em 0 0;</span></span></span><br /><br />Now paste this code line just after the code line <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">.post h3 {<br /><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="color: rgb(0, 153, 0);"><b>background: url( <span style="color: rgb(255, 102, 0);">Paste URL of your Image here</span> ) top repeat-x;</b></span><br /></div><br /><br /></div>ex:-<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">.post h3 {</span></span></span><br /><span style="color: rgb(0, 153, 0);"><b>background: url( <span style="color: rgb(0, 153, 0);">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg</span> ) top repeat-x;</b></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">color:#3E3533;</span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">font-size:20px;</span></span></span><br /></div><br /></div><br /><span style="font-size:85%;">*keep in remember , above code lines will be in a different way according to the template you are using.</span><br /><br /><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span><br /><br /><br /><br /><span style="font-size:100%;"><span style="font-size:100%;">Some Header Images for you<br /><br /></span></span><span style="font-size:85%;">Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFMcu0ywwhtWgndIhhP87wmnHsLAbIOWSjL6Wuw27Di2xOhLKTjUlzQgSK21sU3zH36w84nfPSg5BXcddgmMeowEHvzxJeS6QQvZJMs-izkariQXY5SJtjqAi7e4xbGQyVTQMwQNPhe5Nc/s1600/bg_sb_title.jpg</span></span><br /><br /><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg" /><br /><br /><span style="font-size:85%;">Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg<br /><br /></span></span><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHipTcf6yR-x64kgCsEf0G6aoNOkyvotMsJeF18l2THBRhn29Y7zoLyI6Xc4axB0q6D_HXvEqHOHXuWe4GaPEc2RlNTk1VyLrbwytodfEASFb6s_XRHnZzBbm0JZHudXYSA3-pY34YKN4l/s1600/bg_sb1_g.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHipTcf6yR-x64kgCsEf0G6aoNOkyvotMsJeF18l2THBRhn29Y7zoLyI6Xc4axB0q6D_HXvEqHOHXuWe4GaPEc2RlNTk1VyLrbwytodfEASFb6s_XRHnZzBbm0JZHudXYSA3-pY34YKN4l/s1600/bg_sb1_g.gif" /><br /><br /><span style="font-size:85%;">Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHipTcf6yR-x64kgCsEf0G6aoNOkyvotMsJeF18l2THBRhn29Y7zoLyI6Xc4axB0q6D_HXvEqHOHXuWe4GaPEc2RlNTk1VyLrbwytodfEASFb6s_XRHnZzBbm0JZHudXYSA3-pY34YKN4l/s1600/bg_sb1_g.gif<br /><br /></span></span><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtM6eHsJjcP5iqJ7fgABCTUhBzkCwm0HSQC5UTUMrGwmpS9ivNj6BvsaDcdxVMwudbk72yk7TdJf2z78q5nV8_mMaFugtWA7xvod-GcknjmfTcnjoG7cIMfqRke3FGTMIt0FztdvPOEM/s1600/bg_sb1.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtM6eHsJjcP5iqJ7fgABCTUhBzkCwm0HSQC5UTUMrGwmpS9ivNj6BvsaDcdxVMwudbk72yk7TdJf2z78q5nV8_mMaFugtWA7xvod-GcknjmfTcnjoG7cIMfqRke3FGTMIt0FztdvPOEM/s1600/bg_sb1.jpg" /><br /><br /><span style="font-size:85%;">Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtM6eHsJjcP5iqJ7fgABCTUhBzkCwm0HSQC5UTUMrGwmpS9ivNj6BvsaDcdxVMwudbk72yk7TdJf2z78q5nV8_mMaFugtWA7xvod-GcknjmfTcnjoG7cIMfqRke3FGTMIt0FztdvPOEM/s1600/bg_sb1.jpg</span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com3tag:blogger.com,1999:blog-4643419644561434063.post-10831341346659073362009-05-17T23:45:00.000-07:002018-06-04T12:22:40.205-07:00Changing or Removing the 'Delete' IconAfter every comment that you have posted , you might have seen a tiny recycle bin type icon that directs you to delete your comment. Do you hate it ? I mean , do you want to add your own image to there ? or add a text ? Or you may want to remove this delete icon , once and for all. Now here is the way....<br /><br />Classic Delete Icon " <img alt="http://www.blogger.com/img/icon_delete13.gif" src="http://www.blogger.com/img/icon_delete13.gif" /> "<br /><br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">b:includable id='commentDeleteIcon'</span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br /></span><span style="font-size:100%;">( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br /><br />Now scroll down , you will see a code line as<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img src='<span style="color: rgb(255, 102, 0);">http://www.blogger.com/img/icon_delete13.gif</span>'/></span><br /></div><br /></div><br />Most of times , this image is common to every blog. So you even can search directly the code line <span style="font-weight: bold; color: rgb(0, 153, 0);"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 153, 0);"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img src='http://www.blogger.com/img/icon_delete13.gif'/></span><br /></div><br /></div><br />Now add replace the<span style="font-weight: bold; color: rgb(255, 102, 0);"> existing</span> Image URL with your Image's URL<br /><br /><br />Or you can add a text instead of a Image , just delete the code line <span style="font-weight: bold; color: rgb(0, 153, 0);"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 153, 0);"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img src='http://www.blogger.com/img/icon_delete13.gif'/></span><br /></div><br /></div><br />and type any thing you want. ( Ex:- 'Delete' , 'Remove' ...... ) But I recommend you to not to add a text. I may be feel odd.<br /><br />now you can continue your search under the code line<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><img src='http://www.blogger.com/img/icon_delete13.gif'/> </span><br /><span style="color: rgb(0, 0, 0);"></div></span><br /></div><span style="color: rgb(0, 0, 0);"><br />and</span> you may find out another code line , which is for delete Backlinks. Change it too. ( If you want to :) )<br /><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com1tag:blogger.com,1999:blog-4643419644561434063.post-48246477420922591492009-05-17T20:47:00.000-07:002018-06-04T12:22:40.914-07:00Adding a Side bar header image to a Imageless Side bar headerOne reader asked me , whether there is a way to add a side bar header image to a side bar that dose not contain a image. After few trials I found out the way. It is really simple. I tried this trick for few of my blogs that haven't a image for it's side bar and it works well. There will be a problem with resolution. Yet , no error was found.<br /><br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">sidebar h2</span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />Now you will find out some code lines Very similar to these<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">.sidebar h2,.rsidebar h2, .lsidebar h2{</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> color: #515151;</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> font-size: 16px;</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> font-family: Lucida sans unicode,Arial, Tahoma, Verdana;</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> font-weight: normal;</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> text-transform: titlecase;</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> margin: 0px 0px 5px;</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> padding: 3px 5px 5px 5px;</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> border: 1px solid #DEDBD1;</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> background: #EBE9E1;</span><br /></div><br /></div><br />Remember , codes lines can be slightly different from above because code lines varies from template to template.<br /><br /><br />Now replace<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">background: ( a color code );</span><br /></div><br /></div><br />with <span style="font-weight: bold; color: rgb(0, 153, 0);"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold; color: rgb(0, 153, 0);"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">background: url( <span style="color: rgb(255, 102, 0);">URL of your Image</span>) top repeat-x;</span><br /></div><br /></div><br /><br />Ex:-<br /><div style="text-align: left;"><div class="codeview"><br /><span style="color: rgb(0, 153, 0); font-weight: bold;">background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8SaXOU28thDpSW7XL_2Kgr26zrWU80mKSs4PGBfnGjsKrhNCWF6cmZNz7KCdIhERNFbMMUpUW1dFY-F0lO1mghXPFWu2e5UgvEk0hffubMCluRNUS3gu8Dwsr8hcJZKb5zhAUPMjI71o/s1600/sidebar.jpg) top repeat-x;</span><br /></div><br /></div><br />Before<br /><br /><div style="text-align: center;"><a href="http://sites.google.com/site/dragonzstore/temp/with%20no%20imahe%20header%20sb.PNG?attredirects=0" imageanchor="1"><img style="width: 145px; height: 204px;" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242624397267/temp/with%20no%20imahe%20header%20sb.PNG" border="0" /></a><br /></div><br />After<br /><br /><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/temp/with%20imahe%20header%20sb.PNG?attredirects=0" imageanchor="1"><img style="width: 146px; height: 227px;" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242624395407/temp/with%20imahe%20header%20sb.PNG" border="0" /></a></div><br /><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a><br /><br /><br /><br />Some Header Images for you<br /><br /></span></span><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFMcu0ywwhtWgndIhhP87wmnHsLAbIOWSjL6Wuw27Di2xOhLKTjUlzQgSK21sU3zH36w84nfPSg5BXcddgmMeowEHvzxJeS6QQvZJMs-izkariQXY5SJtjqAi7e4xbGQyVTQMwQNPhe5Nc/s1600/bg_sb_title.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFMcu0ywwhtWgndIhhP87wmnHsLAbIOWSjL6Wuw27Di2xOhLKTjUlzQgSK21sU3zH36w84nfPSg5BXcddgmMeowEHvzxJeS6QQvZJMs-izkariQXY5SJtjqAi7e4xbGQyVTQMwQNPhe5Nc/s1600/bg_sb_title.jpg" /><br /><span style="font-size:85%;"><br />Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFMcu0ywwhtWgndIhhP87wmnHsLAbIOWSjL6Wuw27Di2xOhLKTjUlzQgSK21sU3zH36w84nfPSg5BXcddgmMeowEHvzxJeS6QQvZJMs-izkariQXY5SJtjqAi7e4xbGQyVTQMwQNPhe5Nc/s1600/bg_sb_title.jpg</span></span><br /><br /><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg" /><br /><br /><span style="font-size:85%;">Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg<br /><br /></span></span><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHipTcf6yR-x64kgCsEf0G6aoNOkyvotMsJeF18l2THBRhn29Y7zoLyI6Xc4axB0q6D_HXvEqHOHXuWe4GaPEc2RlNTk1VyLrbwytodfEASFb6s_XRHnZzBbm0JZHudXYSA3-pY34YKN4l/s1600/bg_sb1_g.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHipTcf6yR-x64kgCsEf0G6aoNOkyvotMsJeF18l2THBRhn29Y7zoLyI6Xc4axB0q6D_HXvEqHOHXuWe4GaPEc2RlNTk1VyLrbwytodfEASFb6s_XRHnZzBbm0JZHudXYSA3-pY34YKN4l/s1600/bg_sb1_g.gif" /><br /><br /><span style="font-size:85%;">Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHipTcf6yR-x64kgCsEf0G6aoNOkyvotMsJeF18l2THBRhn29Y7zoLyI6Xc4axB0q6D_HXvEqHOHXuWe4GaPEc2RlNTk1VyLrbwytodfEASFb6s_XRHnZzBbm0JZHudXYSA3-pY34YKN4l/s1600/bg_sb1_g.gif<br /><br /></span></span><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtM6eHsJjcP5iqJ7fgABCTUhBzkCwm0HSQC5UTUMrGwmpS9ivNj6BvsaDcdxVMwudbk72yk7TdJf2z78q5nV8_mMaFugtWA7xvod-GcknjmfTcnjoG7cIMfqRke3FGTMIt0FztdvPOEM/s1600/bg_sb1.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtM6eHsJjcP5iqJ7fgABCTUhBzkCwm0HSQC5UTUMrGwmpS9ivNj6BvsaDcdxVMwudbk72yk7TdJf2z78q5nV8_mMaFugtWA7xvod-GcknjmfTcnjoG7cIMfqRke3FGTMIt0FztdvPOEM/s1600/bg_sb1.jpg" /><br /><br /><span style="font-size:85%;">Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtM6eHsJjcP5iqJ7fgABCTUhBzkCwm0HSQC5UTUMrGwmpS9ivNj6BvsaDcdxVMwudbk72yk7TdJf2z78q5nV8_mMaFugtWA7xvod-GcknjmfTcnjoG7cIMfqRke3FGTMIt0FztdvPOEM/s1600/bg_sb1.jpg<br /><br /></span></span><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM7c6a0tQWsT5gH26RegAhCYZlmTqtWZjpLCgRmMTghvFGYlvhWvpg9bHPovN8_x11Lud1fcLACcpXNVpgIircfphHbsLEp-6YBwWx3jG1V4GbjPROnTENsTQaJuDIkEK0F_E7LZ6B6hs/s1600/bg_sb2.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM7c6a0tQWsT5gH26RegAhCYZlmTqtWZjpLCgRmMTghvFGYlvhWvpg9bHPovN8_x11Lud1fcLACcpXNVpgIircfphHbsLEp-6YBwWx3jG1V4GbjPROnTENsTQaJuDIkEK0F_E7LZ6B6hs/s1600/bg_sb2.jpg" /><br /><br /><span style="font-size:85%;">Image URL :- <span style="color: rgb(0, 153, 0); font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM7c6a0tQWsT5gH26RegAhCYZlmTqtWZjpLCgRmMTghvFGYlvhWvpg9bHPovN8_x11Lud1fcLACcpXNVpgIircfphHbsLEp-6YBwWx3jG1V4GbjPROnTENsTQaJuDIkEK0F_E7LZ6B6hs/s1600/bg_sb2.jpg<br /><br /><br /></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com1tag:blogger.com,1999:blog-4643419644561434063.post-36213679344754745712009-05-17T06:16:00.000-07:002018-06-04T12:22:40.619-07:00My web List<span style="font-weight: bold;">My web list</span><br /><br /><br /><br /><li><a href="http://lankatvradio.blogspot.com/" target="_blank">Watch TV & Radio Online</a><br /><br /><br /></li><li><a href="http://www.stuffarena.com/" target="_blank">stuff Arena</a><br /><br /><br /></li><li><a href="http://www.hotgayathra.webs.com/" target="_blank">X files</a><br /><br /><br /></li><li><a href="http://octahelixproductions.co.cc/" target="_blank">Software and GFX Direct links</a><br /><br /><br /></li><li><a href="http://www.todaycartoon.blogspot.com/" target="_blank">Today's Cartoons</a><br /><br /><br /></li><li><a href="http://sl-musicbox.blogspot.com/" target="_blank">Sri Lankan music</a></li><br /><br /><br />Want to exchange links ? <a href="http://blogger-template-editing.blogspot.com/2009/05/contact-me.html">Contact me</a>.DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com0tag:blogger.com,1999:blog-4643419644561434063.post-10116389286867961952009-05-15T22:43:00.000-07:002018-06-04T12:22:40.145-07:00Adding a Dock menuWhen i was surfing the net , i found some fascinating option that can use in blogger. It's really amazing. It a animating dock. You can see a edited version of it in my blog too ( Update :- 3D dock is removed in order to give a quick load ).it's similar to the dock in Mac OS and also to the Dock of Brico Pack Vista Inspirat update.How ever first all , i must say that any of these amazing codes are not written by me.Now lets see how to add this.<br /><br /><br /><div style="text-align: center;"><div style="display: block; text-align: left;"><a href="http://sites.google.com/site/dragonzstore/12/dock.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242480669939/12/dock.PNG" border="0" /></a></div><br /><br /><div style="text-align: left;">1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></head></span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br /><br />now paste these codes , just after it<span style="font-size:100%;"><span><span style="color: rgb(0, 153, 0);"></span></span><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><br /><div style="text-align: left;"><div class="codeview"><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"><script src='http://www.hotlinkfiles.com/files/2539743_ukzyr/mootools-for-dock.js]mootools-for-dock.js' type='text/javascript'> </span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"></script></span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"><script src='http://www.hotlinkfiles.com/files/2539745_0murk/UvumiDock-compressed.js]UvumiDock-compressed.js' type='text/javascript'> </span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"></script></span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"><link href='http://www.hotlinkfiles.com/files/2539744_t3g89/uvumi-dock.css]uvumi-dock.css' media='screen' rel='stylesheet' type='text/css'/></span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"><!--[if lt IE 7]></span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"><link rel="stylesheet" type="text/css" media="screen" href="http://www.hotlinkfiles.com/files/2539746_jlbwr/uvumi-dock-ie6.css]uvumi-dock-ie6.css" /></span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"><![endif]--></span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"><script type='text/javascript'></span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;">var myDock = new UvumiDock("dock");</span><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"></script></span><br /></div><br /></div></div><br /><br /><div style="text-align: left;"><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.</span></span><br /><span style="font-size:100%;"><span style="font-size:100%;"></span></span><br /><span style="font-size:100%;"><span style="font-size:100%;">And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span><br /></div><br /><br /><div style="text-align: left;">Now you have to download some icons.( or use your own ).There are some 3D , vista type icon set for free download at <a href="http://www.vistaicons.com/">www.vistaicons.com</a> . My Dock icons are too from vistaicons.com<br /></div><div style="text-align: center;"><br /></div><div class="iconBox"><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/vista%20travel_pack.2.gif?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242468123935/Home/vista%20travel_pack.2.gif" border="0" /></a><div style="display: block;"><a href="http://sites.google.com/site/dragonzstore/Home/vistaico_aero_pack.1.gif?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242468127667/Home/vistaico_aero_pack.1.gif" border="0" /></a></div></div><br /><br /></div><div style="text-align: left;">After downloading , upload needed images to a image hosting server or to google pages. Now get thier Image URLs paste in the following code.<br /><br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><ul id="dock"></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><li></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a href="<span style="color: rgb(255, 102, 0);">Paste the URL of a web page</span>"><img alt="<span style="color: rgb(255, 102, 0);">Type a word discribing the page that link will direct ( tip tool )</span>" src="<span style="color: rgb(255, 102, 0);">Image's URL</span>"/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></a></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></li></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><li></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a href="<span style="color: rgb(255, 102, 0);">Paste the URL of a web page 2</span>"><img alt="<span style="color: rgb(255, 102, 0);">Type a word discribing the page that link will direct ( tip tool ) 2</span>" src="<span style="color: rgb(255, 102, 0);">Image's URL 2</span>"/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></a></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></li></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><li></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a href="<span style="color: rgb(255, 102, 0);">Paste the URL of a web page 3</span>"><img alt="<span style="color: rgb(255, 102, 0);">Type a word discribing the page that link will direct ( tip tool ) 3</span>" src="<span style="color: rgb(255, 102, 0);">Image's URL</span> <span style="color: rgb(255, 102, 0);">3</span>"/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></a></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></li></span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></ul</span><span style="font-weight: bold; color: rgb(0, 153, 0);">></span><br /></div><br /></div><br /><span style="color: rgb(0, 0, 0);">*like this you can add any number of dock images and links.</span><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><span style="color: rgb(0, 0, 0);">ex:-</span></span><br /><br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><li></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><a href="<span style="color: rgb(255, 102, 0);">http://blogger-template-editing.blogspot.com/2009/05/about.html</span>"><img alt="<span style="color: rgb(255, 102, 0);">About</span>" src="<span style="color: rgb(255, 102, 0);">http://sites.google.com/site/dragonzstore/_/rsrc/1242275222949/buttons/about.png</span>"/></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></a></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></li></span><br /></div><br /></div><br />Now select "Add a Gadget" from Layout window and select "HTML\JAVA sript"<br />Now paste follwing codes in it. ( don't give a caption to your gadget )<br /><br />and paste these code in it.<br /><br />Now Press <span style="font-weight: bold; color: rgb(255, 102, 0);">Save</span><br /></div><br /><span style="font-size:85%;"><br /></span><div style="text-align: left;"><span style="font-size:85%;">Thanks go to jquery.com ,vistaicons.com, iblographics.com , Uvumi LLC , interface.eyecon.ro , mootools.net and also to blogger-template-editng.blogspot.com :)</span><br /><br /><br /></div></div>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com3tag:blogger.com,1999:blog-4643419644561434063.post-72657196065379344272009-05-13T21:37:00.000-07:002018-06-04T12:22:41.447-07:00Templates ( Gallery 1 )Here are some advanced and very attractive templates for you to download. These are wordpress templates. They have converted to blogger supporting templates by experts in that field. If you want more templates like these , visit www.Btemplates.com . They have a very large and good template gallery.<br /><br />Steps to Install a new template<br /><br />* Download<br />* Extract<br />* Go to Layout<br />* Select "Edit HTML"<br />* Click on "Browse" and select the XML file ( Downloaded file )<br />* Select Upload<br />* Save & Enjoy<br /><br /><br /><div style="text-align: center;"><span style="color: rgb(255, 153, 0);">Water Color Template</span><br /><br /><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270232429/temp/arttemplate.png" border="0" /><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Art-Template.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /><br /><span style="color: rgb(255, 153, 0);">Coffee Desk</span><span style="color: rgb(255, 153, 0);"> Template</span><br /><br /><img alt="Click here to Download Coffee Desk Template" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270239585/temp/coffeedesk.png" width="122" height="90" /><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Coffee-Desk.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /><br /><span style="color: rgb(255, 153, 0);">Craft work</span><span style="color: rgb(255, 153, 0);"> Template</span><br /><br /><img alt="Click here to Download Craft Work Template" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270267395/temp/craftwork.png" width="112" height="90" /><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Craftwork.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /><br /><span style="color: rgb(255, 153, 0);">Desk Mess</span><span style="color: rgb(255, 153, 0);"> Template</span><br /><br /><span style="color: rgb(255, 153, 0);"><img alt="Click here to Download Desk Mess Template" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270364911/temp/deskmess.PNG" width="112" height="90" /></span><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Desk-Mess.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /><br /><span style="color: rgb(255, 153, 0);">Green Scrap Book</span><span style="color: rgb(255, 153, 0);"> Template</span><br /><br /><span style="color: rgb(255, 153, 0);"><img alt="Click here to Download Green Scrap Book Template" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270368300/temp/greenscrapbookdiary.png" width="112" height="90" /></span><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Green-Scrapbook-Diary.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /><br /><span style="color: rgb(255, 153, 0);">Sea Breeze</span><span style="color: rgb(255, 153, 0);"> Template</span><br /><br /><span style="color: rgb(255, 153, 0);"><img alt="Click here to Download Sea Breeze Template" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270374068/temp/seabreeze.png" width="112" height="90" /></span><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Seabreeze.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /><br /><span style="color: rgb(255, 153, 0);">Simple Proof</span><span style="color: rgb(255, 153, 0);"> Template</span><br /><br /><span style="color: rgb(255, 153, 0);"><img alt="Click here to Download Simple Proff Template" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270375945/temp/simpleproff.png" width="112" height="90" /></span><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Simple-Proff.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /><br /><span style="color: rgb(255, 153, 0);">Water Color</span><span style="color: rgb(255, 153, 0);"> Template</span><br /><br /><span style="color: rgb(255, 153, 0);"><img alt="Click here to Download WaterColour Template" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270382482/temp/watercolor.png" width="112" height="90" /></span><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Water%20Color.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /></div><br /><div style="text-align: center;"><span style="color: rgb(255, 153, 0);">Magazine</span><span style="color: rgb(255, 153, 0);"> Template</span><br /><br /><img alt="Click here to Download Magazeen Template" src="http://sites.google.com/site/dragonzstore/_/rsrc/1242270371208/temp/magazeen.png" width="112" height="90" /><br /></div><div style="display: block; text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/Magazeen.zip?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242271869417/temp/download.PNG" border="0" /></a></div><div style="text-align: center;"><br /><br /><br /></div>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com7tag:blogger.com,1999:blog-4643419644561434063.post-47311898422287772722009-05-13T03:38:00.000-07:002018-06-04T12:22:40.797-07:00Adding a "Save page as PDF" buttonPDF stands for Portable Document Format. PDF is the most popular way of online article transactions. It is because PDF needs a less space when comparing to other formats. This button is brought you by web2.pdfonline.com. Now lets see how to add this button below your every post.<br /><br /><br />Button<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRZLR1AANYktVriNs5DYaJtMw-vOPB9LWv0ZitpyrXyFxMb_jr2Qzvb-lHlwbpWEcPsbThnHMQbqzLrPFoqFVvVNaAIUYl5qThqWeUpgH0JE2O0Jki9jHLC845Vb918bWG5jmWXAtBq6LM/s1600-h/PDF+1.PNG"><img style="cursor: pointer; width: 138px; height: 35px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRZLR1AANYktVriNs5DYaJtMw-vOPB9LWv0ZitpyrXyFxMb_jr2Qzvb-lHlwbpWEcPsbThnHMQbqzLrPFoqFVvVNaAIUYl5qThqWeUpgH0JE2O0Jki9jHLC845Vb918bWG5jmWXAtBq6LM/s400/PDF+1.PNG" alt="" id="BLOGGER_PHOTO_ID_5335259043413178690" border="0" /></a><br /><br /><br />1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out <span style="font-size:100%;"><span style="font-weight: bold;"> <span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">line post-footer-line-3</span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br /></span><span style="font-size:100%;">( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br /><br />Now you will find out a line similar to<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><p class='post-footer-line post-footer-line-3'/></span><br /></div><br /></div><br />now select the PDF saving mode as your wish and paste it below the above code line.<br /><br /><br />Code to save the page in <span style="font-weight: bold;">Landscape </span><span>mode</span><span style="font-weight: bold;"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold;"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><script type="text/javascript"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var authorId = "FA43583E-0910-4E57-B435-E4A8D1552A1C";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var pageOrientation = "1";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var topMargin = "0.5";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var bottomMargin = "0.5";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var leftMargin = "0.5";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var rightMargin = "0.5";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></script></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></script></span><br /></div><br /></div><br /><br />Code to save the page in <span style="font-weight: bold;">Portrait </span><span>mode</span><span style="font-weight: bold;"><br /><br /></span><div style="text-align: left;"><span style="font-weight: bold;"><div class="codeview"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><script type="text/javascript"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var authorId = "FA43583E-0910-4E57-B435-E4A8D1552A1C";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var pageOrientation = "1";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var topMargin = "0.5";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var bottomMargin = "0.5";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var leftMargin = "0.5";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"> var rightMargin = "0.5";</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></script></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js"></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"></script></span><br /></div><br /></div><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com0tag:blogger.com,1999:blog-4643419644561434063.post-14752676972131409262009-05-13T02:13:00.000-07:002018-06-04T12:22:40.264-07:00Adding a PopUp messageIf you want to add a Pop Up message to your blog , you can do it. Lets say , you are blogging about porn or adults only things. Then you may want to add a Pop up message by saying " Adults only , If you are not 18+ please leave this site. " But , don't add a pop up message for your every blog by saying "welcome to my blog" or some thing like that because every one be scared when they see a pop up warning message.They may leave your site even without reading the message.<br /><br /><br />How ever , here is how to add a pop up message.<br /><br /><br /><br /><span style="font-size:100%;">1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out </span><span style="font-size:100%;"><span style="font-weight: bold;"> <span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">]]></b:skin></span></span> </span><br /><span style="font-size:100%;"></div></span><br /></div><span style="font-size:100%;"><br />( <span style="font-size:85%;">press 'Ctr</span></span><span style="font-size:100%;"><span style="font-size:85%;">l' + F to open your browser's search box</span>)</span><br /><br />Now paste following codes between <span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span></span><div style="text-align: left;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><div class="codeview"></span></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">]]></b:skin></span></span> </span><br /><span style="color: rgb(0, 153, 0);font-size:100%;" ><span style="color: rgb(0, 0, 0);"></div></span></span><br /></div><span style="color: rgb(0, 153, 0);font-size:100%;" ><span style="color: rgb(0, 0, 0);">and</span><span style="font-weight: bold;"><br /><br /></span></span><div style="text-align: left;"><span style="color: rgb(0, 153, 0);font-size:100%;" ><span style="font-weight: bold;"><div class="codeview"></span></span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"></head></span></span> </span><br /></div><br /></div><br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><</span></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);">script language='JavaScript'</span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">></span></span></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">//</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">alert (&quot; <span style="color: rgb(255, 102, 0);">Type your message here</span> &quot;)</span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><</span></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);">/script</span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">></span></span></span><br /></div><br /></div><br /><br />ex:-<br /><br /><div style="text-align: left;"><div class="codeview"><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><</span></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);">script language='JavaScript'</span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">></span></span></span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">//</span><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">alert (&quot;This is how to add pop up message.( By DragonD ) &quot;)</span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);"><</span></span></span><span style="font-weight: bold; color: rgb(0, 153, 0);">/script</span><span style="font-size:100%;"><span style="font-weight: bold;"><span style="color: rgb(0, 153, 0);">></span></span></span><br /></div><br /></div><div style="text-align: center;"><a href="http://sites.google.com/site/dragonzstore/Home/pop.PNG?attredirects=0" imageanchor="1"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242206907064/Home/pop.PNG" border="0" /></a><br /></div><br /><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.<br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com3tag:blogger.com,1999:blog-4643419644561434063.post-70327924058721683362009-05-13T02:01:00.000-07:002018-06-04T12:22:41.210-07:00Removing Subscribe to-Posts (atom) linkBelow your post , you can see a link as <span style="font-weight: bold;">Subscribe to-Posts (atom)</span>. If you are using ADDTHIS buttons ( <a href="http://blogger-template-editing.blogspot.com/2009/05/adding-addthis-button.html">Learn how to add "AddThis" buttons</a> ) you may don't want to use this link any more.So lets delete it.Its very simple and easy to do.<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP1WIaDPLID5ylKtiVHMx0eEAIYFYeh9Dw_G-YbaPbccd-3l3vjB5MPUkATk7D_vDH1ikx2reygjrcoRet6i-FwUj51LaI1pNd_kXkl4qIMvFlub0iAxOKJ4GMuSl_IZcCQkXvfC6lzPB0/s1600-h/sub.PNG"><img style="cursor: pointer; width: 183px; height: 56px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP1WIaDPLID5ylKtiVHMx0eEAIYFYeh9Dw_G-YbaPbccd-3l3vjB5MPUkATk7D_vDH1ikx2reygjrcoRet6i-FwUj51LaI1pNd_kXkl4qIMvFlub0iAxOKJ4GMuSl_IZcCQkXvfC6lzPB0/s400/sub.PNG" alt="" id="BLOGGER_PHOTO_ID_5335233903573169938" border="0" /></a><br /></div><br /><span style="font-size:100%;">1. <a href="http://blogger-template-editing.blogspot.com/2009/04/editing-template.html">Edit your Template</a><br />2. Now find out </span><br /><span style="font-size:100%;"><span style="font-weight: bold;"><br /><br /><div class="codeview"><br /><span style="color: rgb(0, 153, 0);">b:include name='feedLinks'</span><br /></div><br /><br /></span><span>Now you will find the following code line, Delete It.</span><span style="font-weight: bold;"><br /><div class="codeview"><br /><span style="font-weight: bold; color: rgb(0, 153, 0);"><b:include name='feedLinks'/></span><br /></div><br /></span><br />Or you can replace it with a button code. ( Read the button adding lesson. )<br /><br /><br /><span style="font-size:100%;"><span style="font-size:100%;">Now follow the <a href="http://blogger-template-editing.blogspot.com/2009/04/safety-steps-at-saving-template.html">Safety Saving Steps</a>.</span><br /><br />And <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png"><img style="cursor: pointer; width: 158px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyqJDzQbEm4xKLd4saNoU4N3r1OsY90CIKjUp79noCtQfQi5Re18WTtkIDaVpJXMZoiUnhURD02P3R0z1OEdlQnDSImc35h6-gUyZkZ5AVKJsV9kUtSEYzhkG3o2rkoApaeVYOx7MGEoq/s400/save+temp.png" alt="" border="0" /></a></span></span>DragonDhttp://www.blogger.com/profile/18085675455471120434noreply@blogger.com1