Thursday 19 March 2015

pencil style social follow widget
Social media playing a great role behind everything to be popular. There are lots of different style's icons and widget but when you put a new thing on your blog or website it catches visitor's eye. So today i got a new style of social icon. Basically its Pencil Drawn Social Follow Widget in which all the icons you can see in pencil style drawn. So to have this widget just follow the steps below:

Add Pencil Style Social Widget to Blogger:

This widget is to place on the top right of the header but you can add anywhere you want, you just have to make some changes in the code. So first log in to your Blogger account and click on the blog in which you want to add this widget. Then click  Layout > Add a Gadget > HTML/JavaScript as shown in below image:
Add Widget to blogger

Now paste the following code and save it.
<div class='span-8 last' style='float:right;'>
<div id='top-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>
<a href='http://twitter.com/netdoz' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/-f_8twK1uGDM/VQrNTNL9_dI/AAAAAAAAAlo/KLSSgD3FfUI/s1600/social_02.png' title='Twitter'/></a><a href='http://facebook.com/netdoz' target='_blank'><img alt='Facebook' src='http://3.bp.blogspot.com/-B2O3TFeCB8I/VQrNTAyg1KI/AAAAAAAAAls/CJ32C3GuqB0/s1600/social_01.png' title='Facebook'/></a><a href='https://plus.google.com/+netdozblogspotcom' target='_blank'><img alt='Google Plus' src='http://2.bp.blogspot.com/-qV6uhQ606AE/VQrNUHRMpkI/AAAAAAAAAmE/hFGiSgMEm44/s1600/social_05.png' title='Google Plus'/></a><a href='http://www.linkedin.com/netdoz' target='_blank'><img alt='LinkedIn' src='http://2.bp.blogspot.com/-M9zT6fpEeLw/VQrNUdD6dlI/AAAAAAAAAmA/_Kf4BM_Yuds/s1600/social_06.png' title='LinkedIn'/></a><a href='http://feeds.feedburner.com/netdoz' target='_blank'><img alt='RSS Feed' src='http://2.bp.blogspot.com/-eLozhFeVaRE/VQrNhx4v_iI/AAAAAAAAAqM/z-eCTbgmbvw/s1600/social_45.png' title='RSS Feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='Email' src='http://2.bp.blogspot.com/-E8GNE_5BAgg/VQrNm3B4v0I/AAAAAAAAArs/-7KaWXEObmA/s1600/social_56.png' title='Email'/></a>
</li>
</ul>
</div>
</div>

</div>
<div style='clear:both;'/>

How to Configure:

1. To change the float direction just change the Orange written 'right' to 'left'.
2. Change the Blue links with your social profile links.

How to Add New Social Media Profile in the Widget:

1. Copy the yellow highlighted area and paste it where ever you want to add new social media profile.
2. Next step is change the blue links with your new profile link and red 'alt' and 'title' with new social networking site name.
3. Now change the green lighted area with new icon link. You can get all the icon which you want in pencil style. Icons are provided below just click the icon and copy the icon link and paste.
Now your new widget is added it really looks beautiful. It will catch visitor's eye. The above icon are in the form of 32x32 dimension. If you want 64x64 or 128x128 let me know the icon name and size i will provide you the link.

Enjoy New Style Social Follow Widget

 Share the post and blog, Stay tuned with Netdoz.
New Pencil Style Social Follow Widget
08:55

New Pencil Style Social Follow Widget