Hiển thị các bài đăng có nhãn social buttons blogger. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn social buttons blogger. Hiển thị tất cả bài đăng

Thứ Năm, 5 tháng 10, 2017

Addthis Pop-up Social Sharer Widget For Blogger

Pop-up Social Sharer Widget For Blogger

We all know that popups are really beneficial to get followers, likers and traffic and thats why tools like Hellobar is used by many. I also use Popups because my visitors give response more to popups rather than sliders or fixed content. Similarly its very hard to get content shared so popups work for it too. And its important to get content shared because more sharing equals to more traffic. Popup share buttons are not new, many of use have used them but popup have either 5 or 6 buttons so visitor is limited to share content only to some social networks and may be he or she is not using any of these networks so it will be a waste of time you will not get content shared.

So I brought you a new idea, Why don't we use addthis popup sharer, it has all social buttons plus it doesn't need long coding and too many scripts so it doesn't slow down our blogs. So in this post I am going to share addthis popup sharer along with some customization. So you can get popup by the time when you want.


How To Insall Addthis Pop-up Social Sharer Widget In Blogger ?

Step 1: Go to your blog theme and edit your HTML.

Step 2: Search For   </head> 

Step 3: Just above it paste the following script.
<script src='https://code.jquery.com/jquery-1.10.2.js'/>

Step 4: Now just below  </head>  paste the following code
<script>
$(function() {
    setTimeout(function() {
        $(&#39;.addthis_button_compact&#39;).trigger(&#39;click&#39;);
    }, 120000);
});
</script>

Step 5: Save theme and go to layout.

Step 6: Click on add a gadget and select HTML/Javascript.

Step 7: Paste below code in HTML/Javascript window.
<a class="addthis_button_compact"></a>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-55f1e2dc50b66fd0" async="async"></script>
});
</script>

Step 8: Save you gadget and view blog to see sharer popup.

Modifications:

You can't modify it too much because its all created by addthis, we are just automatically triggering it using the script in step 3 and step 4. When you add the script of step 7 in you layout you are actually adding addthis sharing button and by the scripts you are triggering it to popup, so if a visitor wants he can intentionally open the popup by clicking on addthis button  + 

To change popup time of widget, make changes in the highlighted[120000] part of code given in step 4120000 means 120 seconds = 2 mintues.

I hope you found this post helpful. If not tell me in comments below. If you have any opinion or suggestion you can share in comments of contact me.

Thanks for visiting 101Helper.

Search keywords: Pop-up Social Sharer Widget For Blogger,Popup share buttons,Facebook, twitter,google+,pinterest,addthis share buttons,boost social sharing,get traffic from social networks

Thứ Sáu, 4 tháng 11, 2016

How To Add Share Buttons With Jumbo Counter In Blogger

jumbo-counter-share-buttons-for-blog

Social share buttons with a jumbo counter was only available for wordpress blogs but now with Addthis you can add it in blogger also. The best thing about using a jumbo counter is that it grabs attention of visitors and they tend to share your content. So here is a quick tutorial about how to add share buttons with a jumbo counter in blogger using Addthis plugin!

STEP 1: Go to Addthis and Sign in to your account, if you don't have any addthis account then create a new account and Sign in to it.

STEP 2: Open Tools and click on Add a New Tool.

shar-buttons-with-jumbo-slider-for-blogger

STEP 3: Select Share Buttons when you are asked to select a tool.

jumbo-share-buttons-for-blog

STEP 4: Choose Inline Style for your share buttons and click on continue button.


how-to-use-addthis-plugin-in-blogger

STEP 5: Click on the selector and select jumbo counter.


how-to-use-addthis-for-blogger

STEP 6: Make other customizations like buttons which you want to show.

STEP 7: Click on Save & Continue.

One Last step!

Copy Your Inline Share Buttons code into your blog. Make sure you have added the Master code first above </head> in your template.

how-to-add-addthis-in-blogger-blog

More About Addthis Share Buttons:

With Addthis you can add following types of buttons:

1. Inline share buttons.

2. Expandable share buttons.

3. Sidebar share buttons.

Smooth Responsive Floating Social Media Buttons For Blogger

4. Image sharing buttons.

"On-hover" Share Buttons For Blogger Post Images

All these buttons are fully customizable, you can design your buttons and also decide where to show your buttons.

I hope you found this post helpful, if not ask me in comments or contact me.

Don't forget to share this post with others. Thanks for visiting 101Helper.

Search Keywords: How To Add Share Buttons With Jumbo Counter In Blogger, share buttons with counters in blogger, wordpress style share buttons for blogger blog,blogspot share buttons,how to add addthis plugins and share buttons in blogger.

Thứ Năm, 5 tháng 3, 2015

Responsive Social Sharing Buttons For Blogger Mobile

Responsive social sharing buttons for mobile

Mobile phones and tablets is one of the major source for a blog's and site's traffic now  a days. A blog receives 40% traffic from mobile phones and that's the reason why bloggers are enabling ads in mobile view so that they could earn money from mobile visitors also. Since usage of mobile for reading blogs is increase day by day therefore bloggers and webmaster are enabling gadgets for mobile view also such as related posts widget to get more page-views and social media buttons to get shares on social media. Previously I have create a post about enabling gadgets in mobile view in blogger but in some blogs it do not work therefore in this post I will show you how to add share buttons to mobile view in blogger that floats at the bottom of mobile screen. You can add follow buttons also beside share buttons and set the position of your share/follow buttons to top of the mobile screen.
See demo below:


Responsive social sharing buttons for mobile | 101helper

You can set theme of your share buttons tab and also hide these buttons on specific pages of your blog. Follow below steps to add this gadget in your blog:

Step 1: Go to Addthis and register a free account.


Step 2: Log-in to your Addthis account and go to tools.



How to add Responsive social sharing buttons for mobile | 101helper

Step 3: Scroll down to mobile toolbar and click on setup.

Mobile sharing buttons for blogger mobile view

Step 4: Customize your buttons according to your needs e.g position of buttons(top or bottom), theme of buttons(Grey, white or dark), Share buttons on/off and Follow buttons on/off. If you enable follow buttons don't forget to add links of your social profiles.

Social media buttons for blogger

Step 5: Get the code of gadget and click on activate button.

Step 6: Go to blogger Dashboard and click on template in the menu on left side.

Step 7: Click on Edit Html and search for </body>.

Step 8: Just above </body> paste the copied code.

Step 9: Click on save template and you done!

Note: Sometimes the buttons take 10-15 minutes to appear so if your buttons are not showing up wait for 10-15 minutes.

I hope you like this post. Follow and subscribe to get latest updates about blogger gadgets. Share this post with others and help me spread 101Helper.

Search tags: Social buttons for blogger, social media buttons for mobile, Responsive social sharing buttons for mobile, Floating share buttons for blogger mobile, Floating follow buttons for blogger, Mobile social buttons for blogger.