Flat Responsive Social Share Widget For Blogger
Today I'm going to share Flat Responsive Social Share Widget for Blogger.
Its one of the widgets which are highly premium and attractive. I'm damn sure that this widget will attract your blog visitors. Whenever you hover the buttons, the official color of these buttons appears.
Its one of the widgets which are highly premium and attractive. I'm damn sure that this widget will attract your blog visitors. Whenever you hover the buttons, the official color of these buttons appears.
What's New We Have Here?
- Brand New for Blogger as it is Adapted from Wordpress.
- Simple and Sleek with Pure CSS.
- Smooth User experience.
- Totally Responsive on Hover.
- Fast loading.
- Custom Social Share Links.
- No Java Scripts.
- Perfect as Social Share Widget for Responsive Template.
The widget simply works on the principle of CSS and Custom Social Share Links. Trust me its really awesome you should try
Live Demo
Live Demo
How To Install This Widget?
It' easy, just follow these steps :
1.Go to Blogger > Dashboard > Template > Click Edit HTML.
2. Now search ]]></b:skin> and paste the following code just above it.
/*-- Social Links --*/ .entry-social{ overflow: hidden; margin-bottom: 20px; } .entry-social a{ display: block; padding-left: 20px; color: #FFFFFF !important; font-weight: 300; font-size:12px; } .entry-social div{ float: left; margin-right: 5px; width: 95px; } .entry-social div a{ background-color: #FF7F1A; } .entry-social .delicious{ width: 98px; margin-right: 0; } .entry-social .fb a{ padding: 7px 10px 7px 26px; background-image: url('http://picoolio.net/images/2013/11/29/fb14.png'); background-repeat: no-repeat; background-position: 10px center; } .entry-social .fb a:hover{ background-color: #324b81; } .entry-social .twitter a{ padding: 7px 10px 7px 32px; background-image: url('http://picoolio.net/images/2013/11/29/twitter14.png'); background-repeat: no-repeat; background-position: 8px center; } .entry-social .twitter a:hover{ background-color: #01A7dE; } .entry-social .gplus a{ padding: 7px 10px 7px 32px; background-image: url('http://picoolio.net/images/2013/11/29/gplus14.png'); background-repeat: no-repeat; background-position: 10px center; } .entry-social .gplus a:hover{ background-color: #BA3227; } .entry-social .linkedin a{ padding: 7px 10px 7px 35px; background-image: url('http://picoolio.net/images/2013/11/29/linkedin14.png'); background-repeat: no-repeat; background-position: 10px center; } .entry-social .linkedin a:hover{ background-color: #136F9B; } .entry-social .pinterest a{ padding: 7px 10px 7px 30px; background-image: url('http://picoolio.net/images/2013/11/29/pinterest14.png'); background-repeat: no-repeat; background-position: 10px center; } .entry-social .pinterest a:hover{ background-color: #B01C23; } .entry-social .delicious a{ padding: 7px 10px 7px 32px; background-image: url('http://picoolio.net/images/2013/11/29/delicious14.png'); background-repeat: no-repeat; background-position: 10px center; } .entry-social .delicious a:hover{ background-color: #2963B8; }
3. Now find the code <data:post.body/> by pressing CTRL+F
4. After Finding the code <data:post.body/> paste the following code just below it.
<div class="entry-social"> <div class="fb"> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'>Facebook</a> </div> <div class="twitter"> <a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' target='_blank'>Twitter</a> </div> <div class="gplus"> <a expr:href='"https://plus.google.com/share?url=" + data:post.url + "&imageurl="' rel='nofollow' target='_blank'>Google+</a> </div> <div class="linkedin"> <a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' target='_blank'>Linkedin</a> </div> <div class="pinterest"> <a expr:href='http://pinterest.com/pin/create/button/?url=" + data:post.url + "&imageurl="' rel='nofollow' target='_blank'>Pinterest</a> </div> <div class="delicious"> <a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank'>Delicious</a> </div> </div> <!-- /entry-social -->
5. That's it, hit save now, you are done ! You can check out this widget just go to your blog post.
Flat Responsive Social Share Widget For Blogger
Reviewed by Binod paudel
on
8:28 AM
Rating:
. . Hello Dears
ReplyDelete. . I am reseller of Hacking services
. . Ethical Hacking tools & services
-----------------------------------
. . credit card
. . debit vard
. . Shopping gift card
. . bank transfer
. . wester union Transfer
. . paid your bills
. . Email Accounts
. . paypal Accounts
. . icloud Accounts
. . CEO OR CFO Leads
........ Spmming tools .......
. . cpnal 7$
. . web mailer 6$
. . mailr 5$
. . random scam page 30$
. . smtp 25$
. . shel 5$
........ Carding tools .......
. . admin rdp 30$ any county
. . random rdp 8$ any county
. . SSh roots 40$
. . vpn 35$
. . sock 30$
........ Spy virus .......
. . keyloger 120$
. . zeus trojan 200$
. . rat virus 130$
........ About us .......
..ShaunWells000@gmail.com
..ShaunWells000@yahoo.com
..skype:ShaunWells00
open in Tab
https://crackedsoftpc.com/mixed-in-key-crack-full-serial-keys-here/
ReplyDeleteOf the tunes, he gets got the inclination play with, since they will make knowledgeable decisions and encourage himself to experimentation using fresh combinations of styles and artists. This index aids the DJ chooses tunes following their intensity, therefore averting interspersing quite a few tranquil tunes with happy tunes, caked the cartoon of this trail. Not just can it supply the main cause of this sample, but it is also going to display in-depth info in regards to the notes utilized at a tune.
https://whitecracked.com/easeus-todo-pctrans-crack/
ReplyDeleteEaseUS todo PCTrans total Model carries into this new computer plus it is going to put it to use. This effortless PC transfer program syncs present files, folders, files, and programs to get brand new pcs. Satisfy anything you’re looking for on your PC with one click-on. While with this software that easily upgrades the Windows XP, Vista, and 8, 8.1, 10. While the need to re-active the new system.
https://keysmod.com/aster-v7-crack/
ReplyDeleteASTER V7 Crack is the best tool that helps to make use of the PC and helps to get the user a the time. Moreover, this tool simply uses to get and make the turn in your device. In addition, you can use it to set this out and help to make the system. Also, this tool makes and setout the system in a lot of people at the time and in your computer. ASTER v7 is an award-winning tool that provides you with the ability to bring in use of just one definite computer for the majority of users at 1 instant; stage.
https://boxcracked.com/revo-uninstaller-pro-crack-plus-key-free/
ReplyDeleteRevo Uninstaller Pro Crack application gives a summary of all the apps within your device. It is using additional details about dimension, variant, setup day, or publisher. Superfluous momentary folders and files will probably additionally eliminate the freeware. This app tracks real-time exactly what affects have been made into this machine. From new applications and also carries those changes under consideration in its work.
https://crackedos.com/gridinsoft-anti-malware-key/
ReplyDeleteMoreover, this app will protect your systems against any harmful threat. On the other hand, this app will allow users to keep their devices secure. In other words, this app can remove Trojans, malware, adware, spyware, and many other threats. Additionally, this app will allow the users to get rid of all the Ransomware in their devices.
Thanks for sharing this informative article about Dpboss Result KARNATAKA DAY panel chart . I think the website can improve its rankings by optimizing its content and URLs, and by building high-quality backlinks.
ReplyDelete