Surf on Blogger

Posted: 06 Jan 2014 05:11 PM PST

Did you have seen some icons at top right corner of this page? They would lead you to various internal and external links, such as QR Code of this website, associated social networks, etc. Do you like your owns? Following is the codes. You can copy it to your own HTML/Javascript gadget.

1. Go to Dashborad > Layout. Click Add a Gadget.

2. Select HTML/Javascript.

3. Copy following codes to Content of HTML/Javascript window:

<div class="addthis_toolbox addthis_default_style addthis_32x32_style" align="left">
<a class="addthis_button_compact"></a><script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52c0884a25c4f8db"></script>
<a href="https://twitter.com/SurfOnBlogger" target="_blank" title="twitter.com/SurfOnBlogger"><img border="0" height="31" width="31" style="padding:0px 1px 3px 1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilAxq_OgFBTfCwS6u56r35SpWZ-pBIQvv-jei5nLmkeybHTVHHWZIdbzZqFzDpzZwc959rCzfyWOEpCt-UrBVEXdmil_2Pk27SKOyhVfsVXa8Lr7nSFMeKiCIRn6FtEG8zAXVyrIrT7pM/s1600/Twitter-icon.png" /></a>
<a href="https://www.facebook.com/SurfOnBlogger" target="_blank" title="facebook.com/SurfOnBlogger"><img border="0" height="31" width="31" style="padding:0px 1px 3px 2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyyWvqd0c0Z-cYrBH1VEdhULZM_THNXf8qkLKy-oOKmky-y9A8HkDQ4NiYizPFRMsapXhJVg3VSD14toLz-cTNYOUbH_8h6bRkJc0mUwFYtiWhpd5efiYpYAssB_DCKC1BU2gh4s4jXZ0/s1600/Facebook_icon.png" /></a>
<a href="https://google.com/+SurfOnBloggerBlogspotCom" target="_blank" title="google.com/+SurfOnBloggerBlogspotCom"><img border="0" height="31" width="31" style="padding:0px 1px 3px 2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78bIBTzmA8YBtDxCFCC1nKpLFPTgzi04IVCA1oKphiVRnyRBF34sY7v3p-fdq_56SwTz9Rk25_YA4-3stCoY5JypexTkWtTqEFw6NhVhbVBAfLqVJbzb5wTnZRFqqBcWG1anWT6Kq4pI/s1600/G+icon.png" /></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=SurfOnBlogger&loc=en_US" target="_blank" title="Email Subscription"><img border="0" height="31" width="31" style="padding:0px 1px 3px 2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJDw-Lo4SBVFKjx0RJpz2OkWqrGzYVUlVu5mS4k0gZm8E-GMc2NoxVoYlviOTXP5ycYg_vPUPRJ7fXzjz6dH2KUoKRKBWHkk1up6DQDkuhTAQHvZlme9i5EPl2RnJfruQBZWjb5aEpj1g/s1600/Email-icon.png" /></a>
<a href="http://surfonblogger.blogspot.com/feeds/posts/default" target="_blank" title="RSS Feed"><img border="0" height="31" width="31" style="padding:0px 1px 3px 2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxeUMQM_Vw4veAWo9C_AeWEbyXo_Inb1a3ZWf0Na37JG7Dh4aEWfM3hKd7g5akgbOsQN_vrgzzHSdPcx41gfCazFcti6Ebie7U6o7rcrEAnhK1Qpq2LAhIMC3GZa23ajtbH3K7QhzDs_U/s1600/RSS-icon.png" /></a>
<a href="http://surfonblogger.blogspot.com/p/qrcode.html" target="_self" title="QR Code"><img border="0" height="31" width="31" style="padding:0px 1px 3px 2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXlKsXREJqLhM1HQfwbJxma-AlwNJXCneUpdCqNcKxCDoMqcC6on5FHPJpGYlzrAbNOxngVMZq01lAJsg_Ot0zzjtu8XFVwcV2Wmv6Km-m_BvT64qhvlxmis3Pl7gDof4r3rhRF4iGlo/s1600/QR_Code_Icon.png" /></a>
<a href="http://surfonblogger.blogspot.com/p/search.html" target="_self" title="Labels & search SurfOnBlogger"><img border="0" height="31" width="31" style="padding:0px 1px 3px 2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnyAafFbiMkLitTkUHInMoSu5HOQvWdsi8XmDEq3e09PvxjoK-Ane5nHtyRF_Xk3iFuMD3nVEiCpQb1Yy274dR7Nqs9M27I0yUmuJHDLkj-8Pk2i9Q5pjXfw-6Zob-BTWHS406YOJGSESd/s1600/search-icon_100.png" /></a>
</div>

Please remember, red colored parts need to be replaced by your own contents.

4. Save it.

Online Scribbling

Surf on Blogger

Surf on Blogger

No comments:

Post a Comment