Hundreds of social bookmarking plugins / widgets available on the Internet. So you may ask, why do we need another. Ok, let me tell you why we made MintShare in a simple way. Mint Share is one of the few CSS and HTML based widget. At our Bloggermint lab, we spend good timeto come up with this widget. Made based on CSS & HTML without using any Javascripts, these buttons are really fast-loading and small in size. Thanks to Paul Robert Lloyd for the beautiful social media icons.
We’ve used some CSS3 effects such as border-radius, box-shadow and transition. These CSS3 effects are only visible in Mozilla Firefox, Google Chrome, Safari and other CSS3 supporting browsers except IEs and the transition/animation effect is only visible in Webkit browsers.
For Blogger 1. Sign into Blogger > Design > Edit HTML. Check or tick [/] the ‘Expand Widget Templates‘ at top right corner of editor.
2. Click on any of the ‘CSS‘ link below to get the CSS code of the button that you wish to use. Copy the CSS code and paste it just before </b:skin> closing tag in your Blogger Template.
3. Copy the HTML code of the button you wish to use by clicking on the ‘HTML‘ link placed next to ‘CSS’ link.
4. Now, search for <data:post.body/> using CTRL+F. Paste that HTML code immediately after <data:post.body/> tag and click ‘Save’.
MintShare Mini
MintShare Compact
MintShare Classic Float Left
MintShare Classic Float Top
MintShare Compact Float Top
For WordPress
Click the button below to download the WordPress Post Share URLs ready source file. Download
For HTML Websites
Click the button below to download the Post Share URLs ready source file. Download
We’ve used some CSS3 effects such as border-radius, box-shadow and transition. These CSS3 effects are only visible in Mozilla Firefox, Google Chrome, Safari and other CSS3 supporting browsers except IEs and the transition/animation effect is only visible in Webkit browsers.
For Blogger 1. Sign into Blogger > Design > Edit HTML. Check or tick [/] the ‘Expand Widget Templates‘ at top right corner of editor.
2. Click on any of the ‘CSS‘ link below to get the CSS code of the button that you wish to use. Copy the CSS code and paste it just before </b:skin> closing tag in your Blogger Template.
3. Copy the HTML code of the button you wish to use by clicking on the ‘HTML‘ link placed next to ‘CSS’ link.
4. Now, search for <data:post.body/> using CTRL+F. Paste that HTML code immediately after <data:post.body/> tag and click ‘Save’.
MintShare Mini
MintShare Compact
MintShare Classic Float Left
MintShare Classic Float Top
MintShare Compact Float Top
For WordPress
Click the button below to download the WordPress Post Share URLs ready source file. Download
For HTML Websites
Click the button below to download the Post Share URLs ready source file. Download
No comments:
Post a Comment