සෑම්ගේ අඩවිය / Technology සිංහලෙන්

මෙන්න කට්ටියට මම තවත් මම ලස්සන Social Bookmarking ගැජට් එකක් අරගෙන ආවා..ඇත්තටම් මෙක මාර ගති...ඔයාලගේ බ්ලොගයටත් නැද්ද Social Bookmarking ගැජට් එකක් මෙන්න එහෙනම් ඔයාලත් මේක දා ගෙන බලන්න කොහොමද කියලා..ඔයාලට මම මේක දා ගන්න උදව් කරන්නම්..පහල මම කියලා තියෙන විදියට ඔයලා වැඩ ටික කරන්න..

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

<center><tr>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6zD4C734OnoChyphenhyphenMozxhFZOOZRQ8DBmPXPBuVifCCbtpYdER-dACcbQ-1bFuXQ24_Jukgqt2Rp0-sJ5qCAR4bBQGKIHBHqtALRsvbl-fJS6GUw8z_bC67kN9yZVmsAJgs3nwMXfbmDHBQ/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeQS-xsJ_HL6t9SK6eIb8S2WYdZVrSIgvgUbzdiNHdMpmYQLd4jPlY0OQ1OnjPWFSEWaol-_gyFd09cDtA6PLnIBTsHIlj-G1v84yO9L_F9HTzZMDh3yFpo3UK0I7d8tIsyXi_eRUWM-M/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMT8JnEMNLCzOpy3IdPj8l-yK62W_hJF_UayIx9AovqZuga0Xrf2P6yLNKjdckouyVJwQz2dr__7qBf_0bO4qfW8HbaIKXa0du9etLqCs3G0i0uUnaE2DlEJ_mVdZNN5idHSmKzK0niCM/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0vVpAMips_V3juVAfAuJLmac4M8vW7hSa5lttesRQO_McdDkNWGC8V-rPl7_yA6CK3odpUticX8idGkkEbK4NCtkxFXrRcEGEZnOSFZgy1Fwg0xbV8s9S1wWLPpNDyLbZ6VIb6I_BKiY/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4g3NCcJb42Hg-cGLe4fhdBU2PV3KrJi2Lqz-AqKVZDY1j1P6-eTTrFJGtcrtn5vRGI8OCRphn8brq_aHD-UdW216bY2L6E5FphL1EvYJfbdE6eUkL9bc36omR14wsxe6tbh67cJe_De0/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr>
<tr>
<td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw09JVJVScieZYKeO71s7KuLgkX1IavtU4wEfDn8ARXeEKcxVCQ-kT24a4kox7mSSkr0d1a2P-ZLv6a17rkklgZgaLwbrGgc8icHNxW6xTbDhqUm6VGVc6wmQt9J0GMNuIyT_5aqHXrfI/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
</tr>
<tr>
<td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHMV8HhDbAKi9guu5Eb2eDnfB2EwPvORJ5n4J_YBsQjzyLKnpMKv-sGFfn-JEbT0o6FOYRR2T8uSk6Jd0SqFMrJVj4JzRUyDy_5SfjTO6ZImCVPaxWru8wr_R2vCJnaf-PgnxX1JX4r49j/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverify?uri=saamgeadaviya&loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td>
</tr>
</tbody>
</table></td></tr></center>

ඊට පස්සේ "html/java script" එක Save කරන්න..

වැදගත්

http://YOUR-BLOG-NAME.blogspot.com යන ස්ථානයට ඔයාලගේ බ්ලොගයේ URL එක නිවැරදිව ඇතුලත් කරන්න්න

දැන් ඔයාලගේ බ්ලොගයටත් ලස්සන Social Bookmarking Widget එකක් තියෙනවා..

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න...
ඔබට ජය..

මෙන්න මම ඔයාලට අද තවත් Navigation Menu කිහිපක්ම මම අරගෙන අවා එකම ලිපියක...ඔයාලත් කැමතිනම් මේ වගෙන් කැමති එකක් ඔයාලගේ බ්ලොග් එකට දා ගන්න..එකට මම උදව් කරන්නම්...පහල මම කියලා තියෙන විදියට වැඩ ටික කරන්න ඔයලා..

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

1.Navigation Menu

<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #666; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

2.Navigation Menu

<style> #navcontainer { float:left; width:100%; background:#fff; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #6659A7; border-top:1px solid #6659A7; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #6659A7; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #666; background-color: #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

3.Navigation Menu

<style> #tabs { font: bold 7.5pt Verdana; } #navcontainer { float:left; margin: 0; padding: 8px 0px; width:100%; background:#575656; font-size:93%; line-height:normal; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font: bold 7.5pt Verdana; line-height: 14px; margin: 0; padding: 5px 0 5px 0; } #navlist a, #navlist a:link { margin: 0; padding: 10px; color: #fff; border: 4px solid #575656; text-decoration: none; } #navlist a:hover { color: #fff; border: 4px solid #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

4.Navigation Menu

<style> #tabs1 { font: bold 7.5pt Verdana; } #tabs9 img { border: none; } #navcontainer { margin: 10px 0 0 30px; padding: 0; height: 20px; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { background: #fff; width: 78px; height: 18px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0; margin: 0 0 5px 0; color: #666; text-decoration: none; display: block; text-align: center; font: normal 10px/18px verdana; } #navcontainer ul li a:hover { color: #6659A7; background: #eeeeee; } #navcontainer a:active { background: #c60; color: #fff; } #navcontainer li#active a { background: #c60; border: 1px solid #c60; color: #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

5.Navigation Menu

<style> .container { width: 500px; padding: 0 0 5px 0; margin: 3px 0 10px 0; background: #fff; } #nav { margin: 0; padding: 0; border-top: 3px solid #5F6A71; } #nav li { margin: 0; padding: 0; display: inline; list-style-type: none; } #nav a:link, #nav a:visited { float: left; font: bold 7.5pt verdana; line-height: 14px; padding: 9px; text-decoration: none; color: #708491; } #nav a:link.active, #nav a:visited.active, #nav a:hover { color: #666; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPhgaFs57JZKjJd2HKc_W63bmn0xVO7U-l5h5coz4mSlb1AYa6JB2a856J76By-ThNBisCL6yfZ7E1RG_oHFQeppiA2_g0oty3yo1t5C6hym3mNA2IUx8wRKGpBz-ERWEBiKdM7CceQA/s1600/Inverted.png) no-repeat top center; border-top: 4px solid #5F6A71; } </style> <div class="container"> <ul id="nav"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

6.Navigation Menu

<style> #tabsI { float:left; width:100%; background:#EFF4FA; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #DD740B; } #tabsI ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsI li { display:inline; margin:0; padding:0; } #tabsI a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmdyxpTcBuhUBvhjoW95Jq4rdJcyJ4vDQ5d4wHVwEclow4IaJXdk94wq1oTCc2mUHPZgd1LQgyNdYhBh89J4Ih-vU932GEhe9q7beCAiB61s6HgbgJZwvo7aFeqmnRILF-JVSaEU0esI/s1600/tableftI.png) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #tabsI a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuMBrGNK-UA7txdIe1VRqv0OD4u8a-RiZnEGVNnGKIhmYl46Iy7hy6E9EIMGwy4ghN7QdCShSJo7JHlPd85Iy5I0ZIilyzDB0va5uXPNIDTNv-zvKGYEWLR0TyRzKkxkXLnB9Zjo0az4/s1600/tabrightI.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsI a span {float:none;} /* End IE5-Mac hack */ #tabsI a:hover span { color:#FFF; } #tabsI a:hover { background-position:0% -42px; } #tabsI a:hover span { background-position:100% -42px; } </style> <div id="tabsI"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

7.Navigation Menu

<style> #tabsG { float:left; width:100%; background:#666; font: bold 7.5pt Verdana; line-height:normal; } #tabsG ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsG li { display:inline; margin:0; padding:0; } #tabsG a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34SE5b3mIyj8mA6i_W2dMPagJr1oxBdESaGB9pwSkIQ2D3EB_uqADNBXOallQ8vk10IrZGHYYHHVd3pt0Ox_zWvGvo0Wnf0Wl2_JYJbVrf2ZZRMSy3eAhyphenhyphenbwAkJ68TPxBL82GizMLlG0/s1600/tableftG.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsG a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrRjn4tSE1iVKhud6uKX_Ahx7HkZafnkU0PABY1pw0ssMlP0Iaf4o36Gt61WkouDe-QUlRzrtdSmTo1imOjVP5FOxcQhSvfnrU96bZW4HssUnTb1eqhoSTnhyt-sAN0PJjzciR2mPyJFY/s1600/tabrightG.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsG a span {float:none;} /* End IE5-Mac hack */ #tabsG a:hover span { color:#FFF; } #tabsG a:hover { background-position:0% -42px; } #tabsG a:hover span { background-position:100% -42px; } </style> <div id="tabsG"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

8.Navigation Menu

<style> #tabsF { float:left; width:100%; background:#efefef; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #666; } #tabsF ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsF li { display:inline; margin:0; padding:0; } #tabsF a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWXWEBvmc8p2DV6x7bHnT2PjHYEZk6BqiQnLnVqZyxnaB9yFMqWXh4c330nYBE_j4LTjvDHM1DWEz2zK-QWalm_iD_mnpQVAWrWhyT1cFJ5RBb9hlXkvvA190kQLDn3ohq-ifYZT-p04/s1600/tableftF.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsF a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMciq_Ks8cRoNdhKs96I20zBTQkVjRu0ASK5A3WjJCUT4KpG_6HPwB62_NE7Ojycv82ch99d1Qel_-frXYf4fUn2f246uU0UxPgtM_d2_y5S_DPLb5lCrM6d7Xap61Yri0o1wE5BzoZqM/s1600/tabrightF.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsF a span {float:none;} /* End IE5-Mac hack */ #tabsF a:hover span { color:#FFF; } #tabsF a:hover { background-position:0% -42px; } #tabsF a:hover span { background-position:100% -42px; } </style> <div id="tabsF"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

9.Navigation Menu

<style> #navcontainer { background: #369; border-top: 1px solid #9CC; margin-top: 20px; font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } #navlist { list-style: none outside none; margin: 0; padding: 0; } @media all { #navlist { text-align: center } } #navlist li { bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative; } html>body #navlist li { background: #000; margin: 0 3px 0 0; padding: 4px 0px 4px 0; } #navlist a, #navlist a:link, #navlist a:visited { background: #900; border: 1px solid #FFF; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; } #navlist a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; } #navlist a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px; } #navlist li#active { background: #369; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; } html>body #navlist li#active { background: #000; margin: 0 4px 0 4px; } #navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover { background: #369; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

10.Navigation Menu

<style> #tabsE { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsE li { display:inline; margin:0; padding:0; } #tabsE a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAmqZw1zZlxPQGxfV4qvQOttPKMFE1aN-ThHvDWC8exB4KzAv1RQo_XqeWAc8hyGN4bF9n58FCSkdRzn4CpAijqwXUHK8fGKES0D4bfN84Z6qiD2o4B6U2ODvdq8iVJW4yK__Tix-aHHM/s1600/tableftE.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEihoqgK4uGZSmuY80HG0-8Iqf46gxHeKqHrOYU_B5IjxZcx5g9SleQgm1zeoH4D09PHGssKPor3tJn9aQBByjOkjw4_fbrZ18JkWN_6lInPAGmxnF5iWLdOjq1xrDDHw5aQKDHWyx9I/s1600/tabrightE.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; } #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { background-position:100% -42px; } </style> <div id="tabsE"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

ඊට පස්සේ "html/java script" එක Save කරන්න..

වැදගත්

පහත මම දිලා තියෙන කොඩ් එක ඉහල ඔයලා තොරගත්ත Navigation Menus කොඩ් එකේන් හොයගන්න

<li><a href="#" ><span>LINK</span></a></li>

දැන් ඔයලා ඉහත කොඩ් එකෙන් මේ පිලිබද සැලකිලිමත් වන්න

ඔයලා ප්‍රවර්ගයක් සදහා කැමති නමක් දෙන්න

ඔයලා දුන්න ප්‍රවර්ගයේ URL එක නිවැරදිව දෙන්න

දැන් ඔයාලගේ බ්ලොගයටත් Navigation Menu එකක් තියෙනවා..

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න...
ඔබට ජය..

ලස්සන Social Bookmarking Widget එකක් බ්ලොගයට දා ගන්න Part 1 4

ඔයාලගේ බ්ලොගයට Navigation Menus නැද්ද ? එහෙනම් ඉක්මනට බ්ලොගයට දා ගන්න.."එක ලිපියකින් Menus 10ක්" 13

"Maimpok" බ්ලොග් අච්චුව බ්ලොගයට දා ගන්න 5

"iDream" බ්ලොග් අච්චුව බ්ලොගයට දා ගන්න 0

අලුත්ම ලිපි ගන්න

මෙතෙක් ලියපු ලිපි

මුහුණු පොතේ රසිකයෝ

සමාජිකයෝ

පිටු පෙරලු ගණන

නවතම ලිපි

ජනප්‍රිය ලිපි

නවතම ප්‍රතිචාර