Recommend on Google

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

Dulara | 2:02 PM | , , ,

කොහොම ද යාළුවනේ....මම දැන් ඔයාලට කියල දෙන්න යන්නෙ ලස්සන 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 පාරක් එහෙම දාල යන්න අමතක කරන්න එපා.එහෙනම් මම කැපුණා.ජය….

0 Responses So Far: