Facebook Youtube linkedin Twitter feedburner Skype Me

ලස්සන Subscribe ගැජට් එකක් Search Box එකක් සමග අපේ බ්ලොග් එකට දා ගමු 4





සෑම් | 10/04/2010 | , , ,

කොහොමද කට්ටියට මෙන්න මම ඔයාලට ලස්සන Subscribe ගැජට් එකක් Search Box එකක් සමග අරගෙන අවා..මම හිතනවා ඔයාලා හැමොම මෙකට කැමති වෙයි කියලා..ඉතින් ඔයාලට මෙක බ්ලොග් එකට දා ගන්න කැමති නම් පහල මම කියල තියෙන විදියට වැඩ ටික කරන්න..


මුලින්ම ඔයාලා  Dashboard >> Design >> Edit Html >> යන්න..මතක ඇතුව Expand Widget Templates තැනට හරිය දෙන්න..දැන් ඔයලා යතුරු පුවරුවේ Ctrl+F යතුරු එක වර ඔබන්න..දැන් ඔයාලට ලැබේයි සේර්ච් බාර් එකක්.

එතන </head> කියලා ටයිප් කරන්න..දැන් ඔයලාගේ HTML box එකේ මේ කොඩ් එක Highlight වෙලා තියෙනවා පෙනෙයි..දැන් ඔයලා  </head> කොඩ් එකට ඉහලින් මම පහල දිලා තියෙන කොඩ් එක Copy, Past කරන්න...



<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>


දැන් Template එක Save කරන්න...Save Template 



දැන් ඔයලා Add a gadget >> "Html/java script" එකක් ගන්න..එකට මම පහල දිලා තියෙන කොඩ් එක copy කරගෙන ඔයාලා "html/java script" එකට past කරන්න


<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_RduEq9ylLDc/TKneyoREhiI/AAAAAAAABqM/AO7ON2do3ho/s128/www.saamgeadaviya.blogspot%20%286%29.png" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_RduEq9ylLDc/TKney1z3xDI/AAAAAAAABqY/XMm4NoXyVUo/s128/www.saamgeadaviya.blogspot%20%289%29.png" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER ID" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_RduEq9ylLDc/TKneyysD19I/AAAAAAAABqU/yRNFfYq1gxw/s128/www.saamgeadaviya.blogspot%20%288%29.png" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="http://lh3.ggpht.com/_RduEq9ylLDc/TKnepl0j6uI/AAAAAAAABqE/IE014QDgbW8/s128/www.saamgeadaviya.blogspot%20%284%29.png" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://saamgeadaviya.blogspot.com/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://lh4.ggpht.com/_RduEq9ylLDc/TKneyysD19I/AAAAAAAABqU/yRNFfYq1gxw/s128/www.saamgeadaviya.blogspot%20%288%29.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://lh5.ggpht.com/_RduEq9ylLDc/TKnepg-tICI/AAAAAAAABp8/UIkIPJ0WkOA/s128/www.saamgeadaviya.blogspot%20%282%29.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://lh3.ggpht.com/_RduEq9ylLDc/TKnepl0j6uI/AAAAAAAABqE/IE014QDgbW8/s128/www.saamgeadaviya.blogspot%20%284%29.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://lh4.ggpht.com/_RduEq9ylLDc/TKnephgwqmI/AAAAAAAABqA/aKoYGSPLoQA/s128/www.saamgeadaviya.blogspot%20%283%29.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://lh4.ggpht.com/_RduEq9ylLDc/TKneytKQkvI/AAAAAAAABqQ/1BReYt8edbg/www.saamgeadaviya.blogspot%20%287%29.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://lh4.ggpht.com/_RduEq9ylLDc/TKnep8lDgbI/AAAAAAAABqI/nRTCZ_LBNTM/s128/www.saamgeadaviya.blogspot%20%285%29.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='http://lh3.ggpht.com/_RduEq9ylLDc/TKnepaeApsI/AAAAAAAABp4/PhmFfS5P-1Q/www.saamgeadaviya.blogspot%20%281%29.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>



වැදගත්
ඔයාලගේ FEEDBURNER-ID එකේ URL එක දෙන්න
ඔයාලගේ TWITTER ID එකේ URL එක දෙන්න
ඔයාලගේ FACEBOOK Account එකේ URL එක දෙන්න

කොහොමද වැඩේ...

දැන් ඔයාලගේ බ්ලොග් එකටත් ලස්සන Subscribe ගැජට් එකක් Search Box එකක් සමග තියෙනවා
ලස්සනයි වැඩේ

මතක ඇතුව මේ ගැන ඔයාලගේ අදහස් දිලා යන්න..
ඔබට ජය







Fb comments:



4 Comment + :

සිව්පෙතියා | Suren එන්. Semage said...

ස්තූතියි මචං. කවුරුත් කමෙන්ට් කරලා නෑ නේද? සමහර විට කළින් දන්න එකක් වෙන්නැති උඹ දීලා තියෙන්නේ.
අනේ ඹන්න මං නම් දැන ගත්තෙ දැන්. තැන්ක්ස් මචං

වීතරාගී said...

niyamaayiiiiiiiiiiii!

amila indrajith said...

මචන් "Html/java script එකක් ගන්නෙ කොහොමද?

පිස්සු පුසා said...

macho me kali bali dala blog eka chora wei da.. wadi wela..

මේම ලිපිය ගැන ඔයාලට හිතෙන කැමති දේයක් කියන්න.
ඔයලාගේ අදහස් මට හුගක් වටිනවා