බ්ලොගයට ලස්සන Auto Floating Social Bookmark Widget එකක් දාගමු. 

 

හෙලෝ හැමෝටම, මම මේ බ්ලොග් එක ටික කාලෙකට කලින් හැදුවා. ඒත් ලියන්න බැරි වුනා. මං ගැන දැන ගන්න මෙතනකොටන්න. මීට පස්සේ මේ බ්ලොග් එකේ ඔයගොල්ලන්ට වැදගත් වෙන ලිපි ටිකක් ලියන්න බලාපොරොත්තු වෙනවා.

හරි, පටන්ගමු වැඩේ. මම ඔයාලට පස්ට විජිට් එකක් දෙන්න හදන්නේ. මේ විජිට් එක තියන හැටි බලාගන්න ඕනෙනම් දකුණු පැත්තේ ඇති බලන්න. Floating Widget Gadget එක. හරි ඔයාල කැමැති නම් දාගන්න.

•  මුලින්ම බ්ලොගර් ලොගින් වෙලා Design >> Edit HTML යන්න.
• (Backup Your Template First)
• ඊට පස්සේ මෙන්න මේක හොයා ගන්න.  ]]></b:skin>
• ]]></b:skin> කියන කෝඩ් එකට කලින් පහත කෝඩ් එක දාල Save කරන්න.

.bt-wdt{
 position: fixed;
 right: 10px;
 top: 43%;
}

.bt2-wdt{
 position: fixed;
 right: 30px;
 bottom: 22%;
}

.bt-wdt img{
 float: right;
 clear: right;
 margin: 5px;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.bt-wdt img:hover{
 -moz-transform: scale(1.2) rotate(6deg);
 -webkit-transform: scale(1.2) rotate(6deg);
 -o-transform: scale(1.2) rotate(6deg);
 -ms-transform: scale(1.2) rotate(6deg);
 transform: scale(1.2) rotate(6deg);
}

• ඊට පස්සේ මෙතනට යන්න.Design >> Page Element
• Add a Gadget >>>> HTML/JavaScript යන්න.
• පහත කෝඩ් එක දාල අවශ්‍ය පරිදි රතුපාටින් දාල තියන ඒවා වෙනස් කරන්න.  

<div class="bt-wdt"> <!-- Facebook -->
 <a href="http://www.facebook.com/Page-Name" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglAtbxejUodaSoRuXspAU4KPWYaTCO2OWnO91M6apPmqbdli6ZLSkv-JrPin23-1zpZJWwq43RTNdoroxNxmMBGAuDsCoI0eN84R3zwmCW3d22NkTgjmCnMJBJy4DxbIrlIQkdWCspmJ6T/s1600/inside-facebook-icon.png" /></a>
 <!-- Twitter -->
 <a href="http://twitter.com/USERNAME" title="Follow me on Twitter" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP10kk6PeKeK1sT3ktdxL5i89hSU4c8XhASvBTTc-vJ9d-8iUw5MmGCpALJ1o9Yb6qxfAf2tgxETTB8Ki2D8-Bh1-4B3QHuXXC2WfNodDubNYYUjtxYBdqyrzqPhLvUQtWdW-nWBpkhPiw/s320/inside-twitter-icon.png" /></a>
 <!-- RSS -->
 <a href="http://feeds.feedburner.com/feed-address" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBp38qxkm2bmlu__Kz9d2xmQiZqf0r_XA1VY_v6lrCn5Rnn1v2-5O1ZGuycUpab3dNxBXeF_1aOnfERpq7IHk0ETEWvBvxALqudC_y3Y1z5-zVVgtu92sHQ0G6bp3muwZNR-Sjlq2fCrV6/s1600/inside-rss-icon.png" /></a>
</div><div class="bt2-wdt"><a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href="http://goo.gl/5tGqH"> Get This</a>
</div>
<!-- End -->