Home » Posts filed under widget

Friday, 11 October 2013

Awesome Rotating 360 social sharing Widget

Posted by Abin at 20:53 Labels: Beginner Guide , plugins , Tutorials , widget 2 comments

Today this is Awesome is going down in blogging filed today I give you awesome social sharing widget .

Live Demo

Adding to WordPress

Go To Your dashboard, Then Click On Appearance and then Navigate To Editor.
Now on The Right Side you can a list of template files, move your mouse to footer.php and then click on that
As Soon the page loads completely, Press CTRL+F and Find </body>
Now be careful and paste the below code just about it !
Hit on Update File, Now Visit Your WordPress Blog ! You can see it located on The Bottom Left

Adding to Blogger/Blogspot

Go to Blogger Dashboard > Template
Take a backup of your template.
Now find for below code in your template </body>
Add below piece of code just above/before of above code.

You can add any side of your blog just copy this code and paste

<style>

#tb911rotate a:hover {background-color: transparent;opacity:0.7;} #tb911rotate 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; } #tb911rotate img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <a rel="dofollow" title="blogger widgets" href="http://theblogger911.blogspot.com" target="_blank"><img border="0" src="http://bitly.com/24workpng1" style="margin-right:0px;" alt="widgets"/></a>

Finally change the Facebook Google Plus YouTube twitter

Tuesday, 8 October 2013

Animated Social Sharing Widget with Cool Hover for Blogger and Wordpress!

Posted by Abin at 18:59 Labels: Beginner Guide , plugins , SEO , widget 0 comments

How to Add Animated Social Sharing Widget to blogs?

This is the one of awesome social sharing widget all time this great one it can easily attract visitor to share you blog post

Animated Social Sharing Widget with Cool Hover for Blogger and Wordpress

Adding to WordPress

Go To Your dashboard, Then Click On Appearance and then Navigate To Editor.
Now on The Right Side you can a list of template files, move your mouse to footer.php and then click on that
As Soon the page loads completely, Press CTRL+F and Find </body>
Now be careful and paste the below code just about it !
Hit on Update File, Now Visit Your WordPress Blog ! You can see it located on The Bottom Left

Adding to Blogger/Blogspot

Go to Blogger Dashboard > Template
Take a backup of your template.
Now find for below code in your template </body>
Add below piece of code just above/before of above code.

</div>

var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark",

"link":"","service":"5,7,2,313,38,201,88,74",

"apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly",

"shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":

"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};

</script>

(function() {

var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;

sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" :

"http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";

var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);

})();

</script>

Change @Shareaholic with your Twitter id

We hope this widget ready and you guess exited if you want some suggestion comment it now so i answer for all your suggestion and question HAPPY BLOGGING Follow my blog with Bloglovin

Saturday, 5 October 2013

Add an Animated Ramadan Lantern Widget on Blogger and Wordpress

Posted by Abin at 21:03 Labels: Beginner Guide , SEO , Tutorials , widget 2 comments

This is the one of the greatest and must have widget for all platform whether Blogger or Wordpress. many user was request me for this awesome widget i give you free just follow the instruction below

Adding to WordPress

Go To Your dashboard, Then Click On Appearance and then Navigate To Editor.
Now on The Right Side you can a list of template files, move your mouse to footer.php and then click on that
As Soon the page loads completely, Press CTRL+F and Find </body>
Now be careful and paste the below code just about it !
Hit on Update File, Now Visit Your WordPress Blog! You can see it located on The Bottom Left

Adding to Blogger/Blogspot

Go to Blogger Dashboard > Template
Take a backup of your template.
Now find for below code in your template </body> Add below piece of code just above/before of above code. On finding the tag, just above it paste the following piece of code.

<tr>

</div>

</td>

</tr>

</table>

</div>

Congratulations: once you save this and ready for you blog this is era of Animation once you save it is ready for action

We hope this widget ready and you guess exited if you want some suggestion comment it now so i answer for all your suggestion and question HAPPY BLOGGING

Sunday, 1 September 2013

Add Ornamented Slide Open Social Sharing to blogger blog

Posted by Abin at 20:59 Labels: Beginner Guide , Tutorials , widget 0 comments

Today I am going to Share a beautiful ornament style sharing. This Ornamented Sharing Showing at Bottom Right Corner of your blog with Social Bookmarking options for your blog Readers. When Readers mouse hover the ornamented slides open with Sharing Buttons for FaceBook, Twitter, Pintrest, StumbleUpon, Google Plus & ETC. it is important to add a beautiful slide sharing to your blogger blog it look awesome it will attract visitor Just follow these simple Steps

Always Make a Backup of Your Template Before You Edit Your Template

1. Go To Your Blogger Dashboard>> Template>> Proceed.
2. Press CTRL+F and find the following Code in you template.

</head>

3. Paste The Following Code Above/Before </head>

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>

<script type='text/javascript'>stLight.options({publisher: &quot;1cce35ce-6744-4bac-9fa5-8f17a67a6fa6&quot;, onhover:false});</script>

<link
href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen'
rel='stylesheet' type='text/css'/>

4. Next Find the following piece of code.

</body>

5. And paste the following code before/above “</body>.”

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisOrnament'/>

<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisOrnament&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;pinterest&#39;,

&#39;stumbleupon&#39;,&#39;linkedin&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39;

<data:blog.pageTitle/>',url:'

<data:blog.url/>',theme:'holiday'});

</script

Thursday, 29 August 2013

How to ADD Pinterest "Pin It"Button To Blogger

Posted by Abin at 19:17 Labels: Beginner Guide , SEO , Tutorials , widget 2 comments

Today I going to tel you about how to Adding Pinterest “Pin It” Buttons To Blogger ,it is necessary to add a pinterest pin button on blog it give nice amount of traffic on your blog The Beginner must add Pinterest button blog First you must create a Account in Pinterest , Pinterest is the Fastest growing Social Media It gave many platform to blogger ,Blogger must utilize this Amazing Social Network

Pinterest is the fastest growing Social Network Today According to official source, Pinterest is becoming the latest trend in social media. Pinterest have attracted millions of audience just under the nose of top rated social networking websites like Facebook, Google Plus, Twitter and etc. And just like other social networking platform, everyone is rushing towards registering there account on Pinterest to discover what the buzz is all about. The biggest reason behind the success of Pinterest is its uniqueness. Instead of writing boring content it uses images and videos. It allows users to Pin any featured image or video to their virtual pinboard. Users who are your friends or followers can like or even repin your shared content to their Pinboard. You can arrange your pins under specific pinboards (categorize) according to your need.

How to ADD Pinterest "Pin It"Button To Blogger

Adding Pinterest“Pin It” Buttons To Blogger:

So to insert a follow me button you don’t need any extra working like adding CSS to template. All you need to do is to place simple HTML coding any where in your blog i.e. In your Sidebar, Header, Below post and etc. Just paste the following code where you want to display Pinterest Follow me Button.

Style No: 1

Adding Pinterest“Pin It” Buttons To Blogger:

a href="http://pinterest.com/abin007/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" /></a>

Style No: 2

Style No: 3

Style No: 4

Remember: Don’t forgot to replace abin007 with your Pinterest Username

Adding Pinterest “Pin It” Buttons To Blogger:

Remember: As I have mentioned above don’t try to edit the coding just do as directed. If you try to do some change then the scripts will not work. So to insert Pinterest “Pin It” Buttons to Blogger .

1. Simply Go To Blogger.com >> Your Blog >>

2. Now Go To Template >> (Your Can Backup Your Template, in case any thing went wrong)

3. Now Click on Edit HTML >> Proceed

4. Click the box named “Expend the Widget” (It is on the top left of your template coding)

5. Now Search for the Following Code in your template

<data:post.body/>

Now it’s up to you where you want to place your widget. If you want to place Pin It button just under your post title then just paste the following code before <data:post.body/> (above)

But if you want to place it at the end of your post then paste the following code after <data:post.body/> (below)

6.Now Paste the Following Codes below or above <data:post.body/> (according to your choice)

Code For Horizontal Buttons:

function run_pinmarklet() {

var e=document.createElement('script'); e.setAttribute('type','text/javascript');

e.setAttribute('charset','UTF-8');

e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);

document.body.appendChild(e);

}

</script>

Code For Vertical Buttons:

function run_pinmarklet() {

var e=document.createElement('script'); e.setAttribute('type','text/javascript');

e.setAttribute('charset','UTF-8');

e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);

document.body.appendChild(e);

}

</script>

How Pin it button Works:

When you will click on any Pin it button a new window will pop'd out. Now from here you can select any post that you want to pin. The visitor can pin one image at a time. If the visitor don't want to pin any image then he can click the Blue Cancel Bar at the top to cancel pinning.

If history proofs itself true again, we might see a down fall in the active users at Pinterest. But we don't need to worry about it until we are receiving traffic from Pinterest. So that's how you can insert Pinterest "PIN IT" and "Follow Me" button in blogger. Follows these Simple Steps and happy pining,

if you want some suggestion comment it right now, Stay tuned by subscribing our email feed or follow me on social networks. thanks for reading our post. happy bloggin........!!!!!!

Blogger Helper

Friday, 11 October 2013

Awesome Rotating 360 social sharing Widget

Adding to WordPress

Adding to Blogger/Blogspot

Tuesday, 8 October 2013

Animated Social Sharing Widget with Cool Hover for Blogger and Wordpress!

Adding to WordPress

Adding to Blogger/Blogspot

Saturday, 5 October 2013

Add an Animated Ramadan Lantern Widget on Blogger and Wordpress

Adding to WordPress

Adding to Blogger/Blogspot

Sunday, 1 September 2013

Add Ornamented Slide Open Social Sharing to blogger blog

Thursday, 29 August 2013

How to ADD Pinterest "Pin It"Button To Blogger

About US

Categories

Stay Connected

Popular Posts

Followers

Blog Archive