Showing posts with label buttons. Show all posts

Friday, November 11, 2016

How to add Blogger Share Buttons to Custom Blogger Templates

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh39BXuWS9LORvjYS4mhDmNb9hqrRpnvnZ_UmgSio7roY9cQhuRCNsWmVKeACQLY2zPL8MrIvxJehx_TeFtvAavWO4W5Y3CB8xeVoCDBGXmcOJAQrgA0uo_s8TivS85Q_kHGNOvmegLm8j9/s1600/blogger+share+buttons.jpg

Recently, Blogger released their new Share Buttons feature which makes it easier for your Blog visitors to bookmark, tweet, fshare, email ,etc your post.

But, if youre using any custom blogger template.. you may not see the widget appearing in blog..even though you activate it.

So, if you have that problem. here is how to fix it.
(before making any changes..first backup your template)

1. Sign into Blogger > Design > Edit html
(tick the expand widget templates)

2. Add this line anywhere you want the widget to appear

<b:include data=post name=shareButtons/>

Normally, in most templates, you can add it after this line..

<p class=post-footer-line post-footer-line-1>

If you dont find that above line in your template....
Find this one.

<p><data:post.body/></p>

and add this code after that line..

<p><data:post.body/></p> <div style=clear:both; padding: 10px 10px 10px 10px;> <b:include data=post name=shareButtons/> </div>

Note: If youre using Magazine style blogger template, You can find the data:post.body line TWO TIMES.. So, try in both ways and find out which one is working..and remove the other one.

Finally..Save the template!

If you still dont see it in your Blog, Make sure..you activated it by going to
Blogger dashboard > Design > Click the edit button of the Blog post section.

Go to link download

Add 3D Social Buttons With Rotate Spin Effect To Blogger

Today, I am back with beautiful 3D Social Buttons With Rotate Spin Effect For Blogger Blogs. You can see live demo on my Beautiful Blogger Widgets. These buttons created with the help of useful CSS trick. With CSS rotate when you place your cursor over each icon they spin 360 degrees, they spin back 360 when the cursor is removed.

You will see hover effect on these buttons.These buttons are related to your RSS feed, Email RSS, Facebook, Twitter, Google+, Pinterest and Feedburner reader count.

Thanks to Paul Crowe for making this beautiful widget. Please ask via comments if you are facing any problem.

Live Demo 3D Social Buttons With Rotate Spin

spice up your blog

How To Add 3D Social Buttons With Rotate Spin Effect To Blogger?

1. Go to Blogger Dashboard > Layout.
2. Click Add A Gadget > HTML Javascript.
3. Copy and paste below code in HTML Javascript Gadget.

<style>
#social a:hover {
background-color: transparent;opacity:0.7;
}
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center>
<div id="social"><a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD9obtJ3vxzmt6qpVSvsCpUWSCTtIcUi0ayvtZaLZaUZKwfBnQeTI9Ou5m1nkNXN9HHyj_EYZugk_67h7Hcb5_xZf0bBvJ0n6L3OlSmAMN3plNZ4AwcKn9psz3VuVM7ufFfv8uppRUUg80/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwo44j3LMKF4ATTOOm-DtD-qLO6mOb1OHr8m7wLdVuNC2900G4SYgYhAxUETxr5QNKOue4waQH-loGB_ruYiceXaWmKeLuM9-QK7mZ5GOM9AXIWBB-O_s9-bleVxxkTjtnmMGVZIwi9Etx/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLlx8KBLG672N1eNU7mUn8u4G8skxtI0X4gE1De0dCCzSvPJmgTNv1NzqbalsjLzw1j6y3jjRicIQMRiCAqA3mJZIjcJ7M69ZjujmIMjM4YY-uMclgCsh2gWl5IZRSYKoqbiTu6NjekBaV/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tHdXUqYOHvFiSntkZVQ3nv8DKpHYfeRtpSkO-OuDnqFDqa2J4XUVEN7OvMOfT_2pK2x2vdC4e3xjBE4SW9VgXa_OLtVzxewQDPe6o3gWRRgd7KrKWucce2ON2Hl-9F9c1wYZqnVpdPru/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWkatGusF4LyOjm78qAKCpgGavIBs-eEF9dKrZ6e-KA6idzQRQtXDPqCR25bwRgEZIVcEmJbXAw49f9Y6cE-9avo4aEI9PoIEkWWpxG790CauRMX6Yne9GG8m3eHZgOwmqgzyuVnSblQ8Q/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb07F6sT5OM5LDpQIdT8kVu3xpy6SHn92hl-poOmG4jK0LY7szaR951o_-95D6QB_lm33kR_xvTOMIuGJUj23LXwWvTYtRRzIvkmbnd0ZbIyqufftheRj76chcrLtjBVA_GLlWMsI3txNV/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div>
<br/>
<a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="Beautiful Blogger Widgets" src="http://feeds.feedburner.com/~fc/beautifulbloggerwidgets?bg=ff9933&fg=000000&anim=1" style="border:0" /></a>
</center>

Note: Replace the following sections with your social profiles and feed URLs.

YOUR-FEED-URL-HERE
YOUR-EMAIL-RSS-URL-HERE
YOUR-FACEBOOK-PAGE-URL-HERE
YOUR-TWITTER-URL-HERE
YOUR-GOOGLE-PLUS-URL-HERE
YOUR-PINTEREST-URL-HERE
YOUR-FEEDBURNER-URL-HERE

4. Save it.

Thats it you have a very cool subscribe section on your blog. Thanks for reading it.

Go to link download

ReclaiMe Free RAID Recovery toolbar buttons Disks

ReclaiMe Free RAID Recovery toolbar buttons

Disks

When you click the button, the window with three columns, Device name, Capacity, and Serial number, is displayed.

For the physical disks in the Device name column, "Disk N" will be displayed, where N is the disk number as listed in Disk Management, along with the disk model name. The Serial number contains a serial number for each physical disk connected to the computer.

For the devices connected via USB, in the Capacity column near the size value, "[USB]" will be displayed. In most cases, no serial number is available.

For the disk image files the full disk image file name is displayed in the Device name column. The Serial number column is blank.

Open disk image

Allows you to open the previously created disk image file of the RAID member disk.

Create disk image

Allows you to create the disk image file of the member disk and save it to the specified location.

Start RAID 0

The button becomes available when you select a minimum of two member disks. By clicking the button, recovery of the RAID parameters for RAID 0, RAID 0+1, and RAID 1+0 is launched.

Start RAID 5

You need to select a minimum of two member disks to enable the button. Although RAID 5 requires a minimum of three disks, ReclaiMe Free RAID Recovery software is capable of recovering the parameters for RAID 5 with one missing member disk, based on the array redundancy.

Note that once the RAID recovery process is started, only Stop and Help buttons are active. Keep in mind that clicking the Stop button returns to the disk list, and all the results are discarded.

Other RAIDs

Click this button if you want to recover RAID10, RAID5E or RAID6. You need to select at least two disks for RAID5E recovery, and three disks for RAID10 and RAID6 recovery.

Stop

When you launch the program, the button is disabled. It becomes available only when recovery of the array parameters is started. Clicking the button results in the program returns to the disk selection tab, but not to the results.

Go to link download

How to add floating social media buttons to blogger blog

Social Media Buttons gives the blog readers the option of sharing your posts directly to social networking sites. Today, the most popular social networking sites are Facebook , Twitter, Digg , Delicious , Stumbleupon , Google + etc. Sharing your posts on the social networking sites not only gives you more traffic but also creates powerful backlinks which will increase your Alexa Traffic Rank.

In this post, I will show you how to add a floating social media share buttons to your blogger blog by simply adding a HTML/Javascript code to a gadget in your left sidebar.

<style type="text/css">#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}.fb_share_count_top {width:48px !important;}.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}</style><div id=pageshare title="Get this from BloggerSentral.com"><div class=sbutton id=fb><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php"></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div class=sbutton id=rt><script src="http://tweetmeme.com/i/scripts/button.js" type=text/javascript></script></div><div class=sbutton id=su><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><div class=sbutton id=digg style=margin-left:3px;width:48px><script src=http://widgets.digg.com/buttons.js type=text/javascript></script><a class="DiggThisButton DiggMedium"></a></div><div class=sbutton id=gplusone><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://shakeelasghar.blogspot.com/2012/08/how-to-add-floating-social-media.html">this</a></div>

Simply copy the above code.
Go to your blogger account.
Go to layout.
Add a gadget (preferably in the left sidebar for the best effects).
HTML/Javascript
Paste the copied code.
Save
View your blog to see the effect.

Go to link download

BLENGOK

Friday, November 11, 2016

How to add Blogger Share Buttons to Custom Blogger Templates

How to add Blogger Share Buttons to Custom Blogger Templates

Monday, November 7, 2016

Add 3D Social Buttons With Rotate Spin Effect To Blogger

Add 3D Social Buttons With Rotate Spin Effect To Blogger

Saturday, October 1, 2016

ReclaiMe Free RAID Recovery toolbar buttons Disks

ReclaiMe Free RAID Recovery toolbar buttons Disks

ReclaiMe Free RAID Recovery toolbar buttons

Disks

Open disk image

Create disk image

Start RAID 0

Start RAID 5

Other RAIDs

Stop

Wednesday, August 31, 2016

How to add floating social media buttons to blogger blog

How to add floating social media buttons to blogger blog

Simply copy the above code.

Go to your blogger account.

Go to layout.

Add a gadget (preferably in the left sidebar for the best effects).

HTML/Javascript

Paste the copied code.

Save

View your blog to see the effect.