අලුත් අවුරුද්දට ඔයාලගෙ බ්ලොග් එකට ලස්සන "Happy New Year" Banner එකක් දාගන්න 6

කොහොම ද යාළුවනේ...හැමෝටම සුභම සුභ නත්තලක් වේවා....කියල ප්‍රාර්ථනා කරලම මේ පෝස්ට් එක ලියන්න පටන් ගන්නව...ඉතින් නත්තල් දවස ඉවර වීගෙන ගියත් තව දවස් 6කින් 2011 වර්ෂය ඉවර වෙලා 2012 වර්ෂය ආරම්භ වෙනව...ඉතින් ඒ නිසා අද මම ඔයාලට කියල දෙන්න හදන්නෙ අලුත් අවුරුද්දට ඔයාලගෙ බ්ලොග් එකට ලස්සන "Happy New Year" Banner එකක් දාගන්න හැටි ගැන තමයි....හරි....මෙය ඔබගේ බ්ලොගයට දා ගැනීම සඳහා පහත පියවර අනුගමනය කරන්න...

1. මුලින්ම ඔයාලා ඔයාලගෙ Blogger Account එකට ලොග් වෙලා Dashboard >> Design >> Page Elements යන්න. 
2. දැන් Add a Gadget කියන එකට ගිහින් HTML JavaScript එකක් ගන්න.
3. දැන් ඔයාල මම පහල දිලා තියෙන කොඩ් එක Copy කරගෙන ඔයාලා ගත්තු
   HTML JavaScript එකට Paste කරල Save කරන්න.

<div style='position: fixed; top: 0%; right: 0%;'/>
<a href="http://dulara-dulara.blogspot.com/2011/12/happy-new-year-banner.html" target="_blank"><img alt="Blog Tips" src="http://1.bp.blogspot.com/_u4rBCfM4eII/TSV97bTYqFI/AAAAAAAAA9c/5yapSE2_EtU/s1600/rthnybanner.png"/></a>
</div>

කොහොම ද වැඩේ….ඉතින් මේ ලිපිය ගැන හිතෙන ඕන අදහසක් කමෙන්ට් එකක් මගින් දාන්න.මේ ලිපිය ඔයාලට ප්‍රයෝජනවත් වුණා නම් මගේ බ්ලොග් එකට පොඩි Follow පාරක් එහෙම දාල යන්න අමතක කරන්න එපා.එහෙනම් මම කැපුණා.ජය….

ලස්සන Twitter Followers Box එකක් ඔයාලගෙ බ්ලොග් එකටත් දාගන්න 0

කොහොමද යාළුවනේ....මම දැන් ඔයාලට කියල දෙන්න හදන්නෙ ලස්සන Twitter Followers Box එකක් ඔයාලගෙ බ්ලොග් එකටත් දාගන්න හැටි තමයි....ඔයාල දන්නවනෙ Facebook Fanpage ගැන..ඒ Facebook Fanpage වල තියෙන Like Box එක වගේ තමයි මේ Twitter Followers Box එක...ඔයාලට තාම වැටහීමක් නැත්නම් මේ ගැන මම පහළින් මෙහි Live Demo එකක් දාන්නම්....

ඔය තියෙන්නෙ...ඉතින් ඔයාලගෙ Twitter Account එකේ Followers ල එහෙම වැඩි කරගන්න ඔයාලට මේක හුඟක් වැදගත් වේවි...හරි...අපි දැන් බලමු මේක කොහොම ද ඔයාලගෙ බ්ලොග් එකටත් දාගන්නෙ කියල...

1. මුලින්ම ඔයාලා ඔයාලගෙ Blogger Account එකට ලොග් වෙලා Dashboard >> Design >> Page Elements යන්න.
2. දැන් Add a Gadget කියන එකට ගිහින් HTML JavaScript එකක් ගන්න.
3. දැන් ඔයාල මම පහල දිලා තියෙන කොඩ් එක Copy කරගෙන ඔයාලා ගත්තු
   HTML JavaScript එකට Paste කරල Save කරන්න.

<script type="text/javascript"
src="http://s.moopz.com/fanbox_init.js"></script><div
id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("dulara1997");</script> 

*මතක ඇතුව dulara1997 කියන තැනට ඔයාලගෙ Twitter Username එක ලබා දෙන්න.

කොහොම ද වැඩේ….ඉතින් මේ ලිපිය ගැන හිතෙන ඕන අදහසක් කමෙන්ට් එකක් මගින් දාන්න.මේ ලිපිය ඔයාලට ප්‍රයෝජනවත් වුණා නම් මගේ බ්ලොග් එකට පොඩි Follow පාරක් එහෙම දාල යන්න අමතක කරන්න එපා.එහෙනම් මම කැපුණා.ජය….

ලස්සන පාවෙන Sharing Widget එකක් ඔයාලගෙ බ්ලොග් එකටත් දාගන්න 5

කොහොම ද යාළුවනේ....මම දැන් ඔයාලට කියල දෙන්න යන්නෙ ලස්සන පාවෙන Sharing Widget එකක් ඔයාලගෙ බ්ලොග් එකටත් දාගන්න හැටි තමයි...මේක නම් පට්ටම පට්ට ගැජට් එකක්...ඔයාලට මෙම Widget එකේ Live Demo එකක් මෙම බ්ලොගයේ වම් පස තිබෙනු දැක ගන්න පුළුවන්...කොහොම ද....හොඳයි ද....හරි එහෙනම් අපි බලමු කොහොම මෙය ඔයාලගෙ බ්ලොග් එකට දාගන්නෙ කියල....

1. මුලින්ම ඔයාලා ඔයාලගෙ Blogger Account එකට ලොග් වෙලා Dashboard >> Design >> Page Elements යන්න.
2. දැන් Add a Gadget කියන එකට ගිහින් HTML JavaScript එකක් ගන්න.
3. දැන් ඔයාල මම පහල දිලා තියෙන කොඩ් එක Copy කරගෙන ඔයාලා ගත්තු
   HTML JavaScript එකට Paste කරල Save කරන්න.

<!-- floating share bar Start dulara-dulara.blogspot.com-->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Get this from dulara-dulara.blogspot.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://dulara-dulara.blogspot.com/2011/12/sharing-widget.html">widget</a></div><!-- Do not remove this link -->
</div>
<!-- floating share bar End -->

කොහොම ද වැඩේ….ඉතින් මේ ලිපිය ගැන හිතෙන ඕන අදහසක් කමෙන්ට් එකක් මගින් දාන්න.මේ ලිපිය ඔයාලට ප්‍රයෝජනවත් වුණා නම් මගේ බ්ලොග් එකට පොඩි Follow පාරක් එහෙම දාල යන්න අමතක කරන්න එපා.එහෙනම් මම කැපුණා.ජය….

Dreamhost වල Web Hosting මිලදී ගන්න ඉන්න අයට මෙන්න Special Discounts ගොඩක් 0

කොහොම ද කස්ටිය එහෙම....ඔන්න මම දැන් ඔයාලට කියල දෙන්න හදන්නෙ Dreamhost Special Promos ටිකක් තමයි....ඉතින් ඔයාලත් Dreamhost එකේ Web Hosting මිලදී ගන්න බලාපොරොත්තු වෙලා ඉන්නවනම් මම අද ඔයාලට ලබාදෙන Promo කෝඩ් මගින් ඔයාලගෙ මුදල් ඉතුරු කරගන්න පුළුවන් වේවි...හරි වැඩි කතා අවශ්‍ය නෑ...මම පහළින් ඔක්කොම කෝඩ් ටික දාන්නම්....ඔයාලට තියෙන්නෙ ඒව උඩ ක්ලික් කරන එක විතරයි...

1. SAVES50 – $50 off
2. 723190547651 – $100 off 2 year plans
3. IPdotCom – Free lifetime unique IP and two extra domain registrations
4. 3Free4Life – 3 Free Extra Domains Coupon
5. BizAndBlog – One extra lifetime domain and a $30 cash discount
6. PromoIPunique – Add one extra free lifetime unique IP to any Dreamhost account, and save $20 too!

කොහොම ද වැඩේ….ඉතින් මේ ලිපිය ගැන හිතෙන ඕන අදහසක් කමෙන්ට් එකක් මගින් දාන්න.මේ ලිපිය ඔයාලට ප්‍රයෝජනවත් වුණා නම් මගේ බ්ලොග් එකට පොඩි Follow පාරක් එහෙම දාල යන්න අමතක කරන්න එපා.එහෙනම් මම කැපුණා.ජය….

ලස්සන Social Sharing Widget එකක් ඔයාලගෙ බ්ලොග් එකටත් දාගන්න 0

කොහොම ද යාළුවනේ....මම දැන් ඔයාලට කියල දෙන්න යන්නෙ ලස්සන Social Sharing Widget එකක් ඔයාලගෙ බ්ලොග් එකටත් දාගන්න හැටි තමයි...බ්ලොග් එකට කිව්වට මම අද කියල දෙන්නෙ පෝස්ට් එකක පහළින් මෙය දාගන්න හැටි තමයි...ඔයාලට මෙම Widget එකේ Screenshot එකක් ඉහත ඡායා රූපයෙන් දැක ගන්න පුළුවන්...කොහොම ද....හොඳයි ද....හරි එහෙනම් අපි බලමු කොහොම ද පෝස්ට් එකක පහළින් මෙය දාගන්නෙ කියල....

1. මුලින්ම ඔයාලා ඔයාලගෙ Blogger Account එකට ලොග් වෙලා Dashboard >> Design >> Edit Html >> යන්න.
2. දැන් Expand Widget Templates කියන තැනට හරිය දෙන්න.
3. දැන් ඔයලා යතුරු පුවරුවේ Ctrl+F යතුරු එක වර ඔබන්න.
4. එවිට ඔයාලට ලැබේයි පොඩි සේර්ච් බාර් එකක්.එතන <div class='post-footer'> කියලා ටයිප් කරන්න.
5. දැන් ඔයලාගේ HTML box එකේ මේ කොඩ් එක Highlight වෙලා තියෙනවා පෙනෙයි..දැන් ඔයලා <div class='post-footer'> කොඩ් එකට පහළින් මම පහල දිලා තියෙන කොඩ් එක Copy, Past කරන්න.
6. ඔයාලට <div class='post-footer'> කියන කෝඩ් එක හොයාගන්න බැරි වුනොත් <data:post.body/> කියන කෝඩ් එකට පහළින් මම පහල දිලා තියෙන කොඩ් එක Copy, Paste කරන්න.

   
   
   <a href='http://dulara-dulara.blogspot.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'>
   <!--Start Share The Inspiration http://dulara-dulara.blogspot.com-->
   <style>
   img{border:0;}
   #wrapper{width:488px; height:110px; background-image:url(http://4.bp.blogspot.com/_rKG-ziTSNUQ/TRnhUckJbwI/AAAAAAAACkg/MWAoQCNlHqw/s1600/shareinspirationtrans.png); position:relative; background-repeat:no-repeat; background-color:transparent;}
   #wrapper ul{position:absolute; width:600px; top:42px; left:7px; list-style-type:none;}
   #wrapper li{float:left;}
   </style>
   
   <div id='wrapper'>
   <ul>
   <li>
   <!-- Facebook -->
   
   <a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' border='0' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0X7tfh3I/AAAAAAAACNs/aEM8IfPXpC8/s1600/facebook_48.png' width=''/></a>
   </li>
   <li>
   <!-- Digg -->
   
   <a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' border='0' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0bKGfM_I/AAAAAAAACOI/eD6RwrNBong/s1600/digg_48.png' width=''/></a>
   </li>
   <li>
   
   <!-- Stumbleupon -->
   
   <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' border='0' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZG2fyCI/AAAAAAAACN0/Ifbvr6oJYOE/s1600/stumbleupon_48.png' width=''/></a>
   </li>
   
   <li>
   <!-- Twitthis -->
   
   <a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' border='0' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0Z0BGgmI/AAAAAAAACN8/IBT2GfEcaLw/s1600/twitter_48.png' width=''/></a>
   </li>
   
   <li>
   <!-- Delicious -->
   
   <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' border='0' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0aM9knhI/AAAAAAAACOA/dgKVV1vdL8s/s1600/delicious_48.png' width=''/></a>
   </li><li>
   <!-- Reddit -->
   
   <a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' border='0' height='' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOU0Y-gGblI/AAAAAAAACNw/d7qTgIqkonk/s1600/reddit.png' width=''/></a>
   </li><li>
   <!-- Technorati -->
   
   <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' border='0' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZvpwxXI/AAAAAAAACN4/opB4ZX4-YXI/s1600/technorati_48.png' width=''/></a>
   </li></ul></div></b:if><a href='http://dulara-dulara.blogspot.com/2011/12/social-sharing-widget.html' target='_blank'><small>Get Blogger Bookmark Gadget</small></a>
   
   

7. දැන් Save Template කියන බොත්තම ඔබන්න...
   

කොහොම ද වැඩේ….ඉතින් මේ ලිපිය ගැන හිතෙන ඕන අදහසක් කමෙන්ට් එකක් මගින් දාන්න.මේ ලිපිය ඔයාලට ප්‍රයෝජනවත් වුණා නම් මගේ බ්ලොග් එකට පොඩි Follow පාරක් එහෙම දාල යන්න අමතක කරන්න එපා.එහෙනම් මම කැපුණා.ජය….