T Friday, July 28, 2017

We all are familiar with emoji reactions because all of us use social networks and chatting and texting is incomplete without emoji reactions(smileys). These emoji reactions help us to explain our feelings about things and so I decided to create a post about it. So far I have seen in many blogs that they have emoji reactions in comment form and a emoji code is to be placed where emoji is to be shown but that's too old and most people don't like it. So I decided to tell you about these new type of emoji reactions that are placed in the bottom of post and show reaction of people to that post.

Maybe you are thinking why should I add emoji reactions in my blog, it is useless but let me tell you that blogging is not just about growing blog more and more and earn money, but you must have something more which will make your blog special and these emoji reactions will grab attention of many visitors and will also tell them about how many people liked your post. Here is a picture of emoji reactions which can be added in your blog posts.


Look how cute these are ! , I have taken a screenshot of these smileys and you can see that there are certain numbers tell us expression of people. So its a good thing for your blog, ain't it ? if not tell me in comments !

Features Of Emoji Reactions Buttons:

1. Ofcourse these buttons are absolutely free.

2. You can add them in website or blog.

3. Compatible with mobile and desktop site.

emoji-reaction-example-blogger

4. Reaction clicks are counted by IP.

5. Analytics available.

How To Install Emoji Reactions Buttons In Blogger ?

Follow below steps:

Step 1: Go to Sharethis Reaction Buttons.

Step 2: Click on  GET REACTION BUTTONS  button.

Step 3: Align your buttons to left, right or center.


align-emoji-buttons-blogger

Step 4: Click on  REGISTER & GET THE CODE  button.

Step 5: Enter your domain/blog URL, Email and password, check the terms and use box and click on   GET THE CODE .

how-to-get-sharethis-reaction-buttons-emoji-smileys-in-blogger

Step 6: Copy the first code and go to blogger dashboard > Theme and click on Edit HTML.

sharethis-emoji-reactions-code-blogger

Step 7: Paste the first code after  <head>  in your theme code and save theme.

Note: In case if blogger is not saving theme when you paste the first code after  <head>  then replace "&" from your script with  &amp;  as shown below

<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=597b0fd3ea2b3c001261916f &amp; product=inline-reaction-buttons"></script>




Step 8: Copy second code as shown in the image above and paste it where you want to show reaction buttons.

To Show Reaction Buttons Below Posts:

If you want to show reaction buttons below your posts then copy below code and paste it above  <div class='post-footer'>  in your theme code.
<b:if cond='data:blog.pageType == "item"'>
<div class="sharethis-inline-reaction-buttons"></div>
</b:if>

Note: You will find  <div class='post-footer'>  two times in your theme paste the above code above second  <div class='post-footer'> .

Step 9: Save your theme.

Step 10: Go to Sharethis and login to your account.

Step 11: Click on Labs(beta) in the menu on left side and choose Inline Reaction buttons.


Step 12: Turn on your reaction buttons and wait for 5 minutes to let your reaction buttons get activated and start appearing below your posts.

how-to-activate-sharethis-emoji-buttons-blogger

Congratulations, you are done! wait for 5 minutes to see reaction buttons!

If Reactions Button Are Not Appearing: 

Sometimes reaction buttons still don't appear even after 5 minutes of activation, in that case go to your Sharthis account, Login to it and click on Property Settings and verify your email by clicking on the send verification button and go to your email and click on the verification button sent from Sharethis.

sharethis

I hope you found this post helpful and enjoyed reading it, read more from below. If you have any question ask me in comments or you can contact us.

Thanks for visiting +101helper .

Search keywords: smileys for blogger,add emojis to blogger posts,facebook smileys in blogger,smiley reaction buttons below blog posts,emoticons blogger script,blogger emoji

How To Install Emoji Reactions(Smileys) In Blogger


T Tuesday, July 04, 2017

I am again posting about random post widget and this is because I have made a special random post widget that can be refreshed by simply clicking on a button, I am also using this widget and so I decided to share it with you. You might be thinking why I am sharing this widget because you already have this widget but this is not an ordinary random post widget. It is a special widget and your visitors can refresh content and hence you have more reach to your older posts.

This widget is more good for big blogs which have 100 posts and visitors visit only a few pages. If you have same problem then this widget will help you, how ? the answer is obvious ! For example a visitor visits your blog from Google and read your post and see your ordinary random post widget and all the post he see doesn't grab his interest then he just leave your blog but if there is a refresh button he will just click on it and get some fresh content that will grab his interest and hence every visitor will give you atleast 5 views. I have tried this widget and it really multiply page views.

Another special thing about this widget is if your visitor doesn't refresh content it will be refreshed automatically after given time so your visitor gets fresh content any way and you get your traffic multiplied.

Features:

1. Refreshable content is available to visitors.

2. Automatically refreshable as well as can be refreshed by refresh button.

3. More exposure to visitors (old posts get reach ).

4. Increase your page views upto 5 pageviews / person.

What you need to install this widget ?

1. A Blogger blog

2. A free hosting like 000webhost or any other webhost to store your code on.

3. 5 minutes to follow below steps
Steps to Install Refreshable random post widget:

To add refreshable random post widget in your blog your need to follow below steps.

Step 1: Go to 000webhost and signup for a free account, enter your email, password and hosting website name(e.g myrandompost).

000webhost-free-webhosting

Step 2: Go to your email and click on the verification link to verify your account in the email from 000webhost.

verify-000webhost-account

Step 3: After confirming your account click on "MANAGE WEBSITE".

how-to-verify-000webhost-account

Step 4: Click on "UPLOAD OWN WEBSITE".

how-to-upload-files-in-000webhost

Step 5: Click on the icon as shown in the below image to create a file.

how-to-add-random-post-widget-in-blogger

Step 6: Name it "index.html" and click on create.

blogger-refreshable-random-post-widget

You are almost done keep going !


Step 7: Copy below code:
<head>
<meta http-equiv="refresh" content="40">
</head>
<div id="important">
<style>
#important h3 { font-family: trebuchet ms; position: relative; top: 5px; }
#random-posts li {list-style: none;padding: 3px 0px;border-bottom: 1px solid #ddd;}
#random-posts a {color:#3993e2;text-decoration:none;}
#random-posts a:hover {text-decoration:none}
#random-posts li:last-child {border:0}
#random-posts li { margin-bottom: 5px; list-style-type: none; width: 100%; float: left; }#random-posts img { float: left; margin-right: 5px; border: 2px solid #D9D9D9}
#random-posts {padding: 0;width: 24%;height:435px;padding: 0 0 0 5px;width:100%;list-style-type: none;padding: 0px;}
#random-posts a {font-size: 14.3px;font-family:trebuchet ms;}
#fresh { width: 100%; text-align: center; position: relative; top: 10px; }
#fresh a {font-family: trebuchet ms; font-size: 14px; font-weight: bold;color: #fff; background: #64ca64; padding: 8px 30px; width: 100%; text-decoration: none; border-radius: 100px; }
</style>
<h3>You may like reading:</h3>
<ul id="random-posts">
<script>
var randomposts_number = 5;
var randomposts_chars = 0;
var randomposts_details = 'no';
var randomposts_thumbnails = 'no'
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 100;
var randomposts_current = new Array(randomposts_number);

function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"https://101helper.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');

function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};

function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "http://3.bp.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/s1600/no_thumb.png"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="dofollow" target="_parent"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="dofollow" target="_parent">' + randompoststitle + '</a></div>');
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"https://101helper.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
</div>
<div id="fresh"><a href="/">Refresh Content !</a></div>


Step 8: Right click on your index file you just created and edit it.

how-to-install-refreshable-random-post-widget-in-blogger

Step 9: Paste the copied code which you copied in step 7 and click on "SAVE & CLOSE"

Make following changes before saving:

1. Replace https://101helper.blogspot.com with your blog URL.

2. Change 40 if you want the widget to refresh automatically after desired time.

3. Change 5 to change number of posts.

how-to-host-files-on-000webhost

Step 10: Now again right click on your file and click on "VIEW".

Congratulations ! now your refreshable widget in ready to be installed in your blog.

Step 11: Copy your file URL from the browser and replace it with YOUR LINK HERE in below code and copy the final code.
<iframe width="90%" id="reloader" src="YOUR LINK HERE"></iframe>
<style>#reloader {width:100%;border: 0;height: 550px;}</style>

Note: Do not include https: in your URL, you URL should be without https: otherwise browser will not let it load e.g: //widget.000webhostapp.com/index.html 

Final code appearance:
<iframe width="90%" id="reloader" src="//widget.000webhostapp.com/index.html"></iframe>
<style>#reloader {width:100%;border: 0;height: 550px;}</style>

Step 12: Go to blogger > layout and click on add a gadget in the sidebar. choose HTML/Javascript.

how-to-add-gadget-in-blogger

Step 13: Paste the copied code and click on save.

Open your blog to see refreshable random post widget.

I hope you liked this widget, share your opinion in comments.

Share this post with others because ❤ Sharing is caring !

Search keywords: Refreshable Random Post Widget for Blogger, Random post widget for blogger, iframe random post widget, blogger gadgets, 101helper blogging tutorials.

How To Add Refreshable Random Post Widget In Blogger


T Friday, May 19, 2017
push-notification-blogger-blog-101helper

We know that engaging visitors to blog is not easy and there are many ways people use to get people engaged to their blogs such as sending emails, social network followers, send texts to mobiles(Shopping sites) etc and the reason to get people engaged is to improve rank plus increase traffic and earnings. So in this post I am going to tell you about a new way to get people engaged and its the method some big websites such as Facebook is using. By this method you can send push notification to your subscribed visitors on Google chrome and Firefox.

Push notification is not a new thing and almost everyone know it because in smartphones it is very common but on web pages it is not common so its time to get benefit of this thing and engage people to your blog. Here is a screenshot that may tell you better about push notifications.


Best thing about this plugin is you can use it for both your desktop and mobile site and it is also for free. You can also upgrade to unlock some features but for a blog it is good to use it free unless you have a business site.

This plugin is powered by PushEngage and it need a 5 minute integration time so it is easy to use this plugin.

Features:

I always share feature of plugins to let you know about a plugin and decide whether to use it or no. Here are some features of PushEngage plugin.

1. It is for free as well as you can buy premium version.

2. Supports multiple browsers (Chome and Firefox) so you can engage visitors from any of the two browser.

3. Easy and fast integration.

4. Work on both HTTP and HTTPS links.

5. Notification scheduling feature.

6. You can connect your blogs RSS feed and notify your visitors when ever new content is published.

7. Multiple language support.

8. Works on wordpress.

9. You can use one account for multiple sites.

10. You can send text and text + image notifications to your visitors.

11. You get more traffic than Emails.

How To Install Push Notifications In Blogger?

Step 1: Go to PushEngage.

Step 2: Fill out the signup form, type your blog or custom domain URL, enter your email, type a pushengage subdomain name, enter your password and click on start your free trail.

Note: It is written "start your free trail" but you can use account for free untile you have 2500 subscribers and for more your have to upgrade.

Step 3: Scroll down and copy your code as shown in below image.
how-to-install-push-notifications-in-blogger

Step 4: Go to your blogger account and navigate to theme > Edit HTML.

how-to-edit-html-in-blogger

Step 5: Paste the copied code just below <head> in your theme and save it.

how-to-add-javascrpit-in-blogger

Step 6: Customize your notification widget in your PushEngage accoun, you can customize following things:

1. Adding RSS Feed(pro users only).
2. Welcome notification settings.
3. Subscription Dialogbox Settings.

etc.



How To Send A Notification ?

Go to your account and a click on Notifications in the menu and click on New Notification to create your notification. All the settings are easy just fill out and send.

Finalizing Article !

You can get most of it if you upgrade to premium account but its also useful if you can't upgrade because you engage atleast 2500 users. You can find more push notification senders on google and if you have a good one, please let me know so that I can create tutorial about it.

If you have any question related to this article or any other article you can contact me or ask me in comments. Thanks for visiting 101Helper don't forget to share this article with other blogger around you.

Search tags: Push notification gadget for blogger, how to add push notification in blogger blog, custom domain, how to use pushengage,engage visitors to my blog,push notification widget for blogger,101helper blogging tutorials.

How To Install Push Notifications In Blogger To Engage Visitors


T Saturday, November 12, 2016
how-to-install-hotjar-feedback-widget-in-blogger

Most of blogger think why should I add a feedback widget in my blog, it is not of any use, it will slow down my site, I don't need it because i just own a blog not a big website so I don't need to get feedback of my visitors etc. But its absolutely wrong. Feedback widget is very important whether you own just a blog or a big website. Its because it will tell you about your blog's content, design and how users are experiencing your blog and how can you improve your blog's content and design if something is not liked by visitors.

How To Install "HotJar" Feedback Widget In Blogger


T Sunday, October 30, 2016
Jquery on-click pop up light box video player for blogger

Showing videos in a pop up light box like blogger lightbox images is really cool and it boosts video views too so I decided to share this cool stuff with you. In this post I am going to show you how to add pop up light box video player in blogger but before that I want to tell u that its a different player so can't just get embed code of your video and paste it and start showing pop up.

Jquery On-click Pop Up Light Box Video Player For Blogger


T Friday, August 26, 2016
How To Add Youtube Channel Feed In Blogger - the101helper.com

Do you own a youtube channel? if yes and you want to show your youtube videos list or grid in your blog then you have found a helpful post. This post will show you how to add youtube channel feed in your blog or site it will show all the videos from your channel and you can customize everything like title, video size, number of videos to be shown etc and your site's speed will also not decrease, no matter how many videos you are going to show from your youtube channel.

How To Add Youtube Channel Feed In Blogger


T Tuesday, July 12, 2016
how to add join this site button in blogger


Members or "Join this Site" gadget has become common now adays in blogger because this gadget lets visitor to follow a blog. Anyone can start following a blogger blog by his blogger account. After following a blog the person's profile show up in members of blog. This gadget is very good for increasing traffic too because after following a blog, its feed show up in the followers account as shown in below image:

How To Add "Join This Site" Button In Blogger


T Wednesday, June 22, 2016
Recently, I deleted a post with title "Cool Twitter follow box for blogger" because it is not working anymore. The site which created it has stopped their service, so I decided to create another post about twitter follow box because it is a very important gadget just like Facebook like box. So in this post I am going to show you how to install Twitter follow box in blogger blogs. This gadget is powered by Twitter so you need to create a twitter account, obviously you have a twitter account because you are installing the gadget to get followers. So lets install the Twitter follow gadget, you can see a demo of Twitter follow box here. Sorry I don't have a live demo! You can install this gadget in light or dark theme. If you have a blog with dark theme then white theme twitter box is best for your site and similarly for white theme you should install black twitter follow box. Also you have other things that you can customize in the twitter follow box.

How To Add Twitter Follow Box In Blogger Blog


T Thursday, May 05, 2016
vertical featured posts widget for blogger

Featured posts sliders are no doubt used very much by people and some people who know javascipt and css are creating better and better featured post sliders. The reason for using featured post slider is to increase page views and also add a professional look to site but the basic purpose is to increase page views by choosing older posts or best posts and show them to visitors because older posts are mostly hidden from visitors as they are not you can say not in front so featured posts slider brings it in front and makes it alive. Featured posts slider is important thats why Blogger has also recently added it in gadgets in layout.

How To Add Vertical Featured Post Slider In Blogspot


T Saturday, April 23, 2016
How To Add Pop Up Page Take Over Follow Buttons In Blogger

You might be the one who wants to have fans on social media pages which give response to all your posts and to get such fans you need to ask people who are interested in your content most, to like or follow your social profile and the best place to get right fans like your page or follow your profile is your own blog or site. Because people visiting your blog are obviously interested in your content so the best way to get real fans and audience is your own blog. But the problem is people don't like pages and don't follow profiles so its hard to get real fans. Despite of placing social follow buttons in different positions e.g in header, on sidebar and other places you hardly get fans thats why people usually try to get fake fans and that is like cheating yourself.

How To Add Pop Up Page Take Over Follow Buttons In Blogger


T Saturday, April 02, 2016
How-to-Add-a-YouTube-Subscribe-Button-in-Blogger

Video tutorials ofcourse is the best way of teaching or explain something and it has become very popular also thats why there are alot of blogs and sites which contains video content. Although video content doesn't make you eligible for  Adsense approval but you can monetize your videos(youtube ads) if they are not copied so making money with videos is also trending rather than creating blogs but as there is a common problem of getting traffic,seo and all that with blogs or sites the same problem is with video channels. Major reason for it is you don't have interesting videos or people can't reach to your videos so you need to get more subscribers so that they can find your videos and you get enough views. So this tutorial is basically about installing youtube subsribe button in blogger, it will help you to a greater extend in getting subscribers. So lets start, follow below mentioned steps to install youtube subscribe button in blogger:

How To Add Youtube Channel Subscribe Button In Blogger


T Tuesday, March 22, 2016
getsitecontrol widgets for blogger

Bloggers always search for widgets which are better than others and must have qualities like responsiveness, fast(better performance), unique, stylish and impressive. But its hard to find widgets having all these qualities at once. So most of webmasters who have programming knowledge are creating and sharing their widgets with others but as others these widgets have same better performance problems. So new companies like Addthis, share this etc are creating widgets for blogger, wordpress etc.

How To Install "GetSiteControl" Widgets In Blogger


T Sunday, February 28, 2016
image share buttons for blogger

Socializing a blog is the most efficient way to get a reach of people instantly so making a blog social media friendly is very important which lets people engaged with your blog to share your articles with others. Making a site social media friendly needs addition of social media buttons so its really important to install social media buttons in sites especially sites which have content that is readable.
Although social media buttons are installed in every site/blog below articles or above articles but advanced sharing tools aren't common. Advanced sharing tools means sharing buttons in each and every thing such as images.

How To Add "On-hover" Share Buttons To Blogger Images


T Friday, January 01, 2016
how to install emded post button in blogger 101helper

What Is Embed Post Button?

Embed post button is a button which embeds a post in the form of a link by making a link with certain text or certain link or it could be better called a piece of code which displays link of a post that takes you to a post. It is a kind of sharing button but it helps you to get more backlinks.

How To Add "Embed Post Button" In Blogger


T Friday, December 11, 2015
featured posts widget

In the recent update blogger has added a new gadget to help bloggers highlight the posts that matter the most. So with this gadget you can highlight your featured posts or highlight the posts which are too older and don't get enough views and you prefer to tell your blog readers about them so they would get views and your visitors will also be able to reach the posts which you recommend to read. Though this is a good gadget but not better than 101Helper's Featured Posts Widget because you can display only single featured post and 101Helper's Featured Posts Widget lets you to show as many posts as you need. So this post is to show you how to install blogger featured posts widget. Follow below steps to begin!

How To Install Blogger "Featured Posts" Widget


T Friday, July 10, 2015
swiftype-smart-search-blogger-tutorials
Swiftype smart search box for blogger blogs

Search box could be called the fuel of a blog because it runs your blog. People find their desired content through search box. As it is a very useful widget so it is available in many styles in different blogs because everybody is trying to make his blog unique from other. Although blogger has a built-in search box in the navbar as well as in widgets list but most of the blogger prefer to use customized search boxes because they look good.

How To Add Smart Search Box In Blogger


T Tuesday, June 23, 2015

Author box is among the trending widgets now a days because people who have blogs or websites want to get more followers and stay in touch with their fans. My recent post was also about "Author boxes with different styles for blogger" and once again I am about to share a new author box which will be added below every post in your blog. It is called fancy author box. It is designed with javascript and css and doesn't effect your blog's load time.


How To Add Fanciest Author Box Below Posts In Blogger


T Friday, June 19, 2015
add-video-dailymotion-youtube-in-blogger

Video tutorials are the best way to help users how to do something. For instance a blog about doing something like blogging or a tutorial blog becomes best one when it has step by step text tutorials as well as video tutorials. Now a days tutorial blogs are trending so every blogger is trying his best to make his blog better than other by improving its user experience. User experience improves when users are satisfied and video tutorials are the best tutorials to help and satisfy users because users can see how to do something. So if you have a blog and you have already setup a Youtube or Dailymotion channel and you want to embedded your videos in your blogger blog posts in order to get more views or to improve your visitors experience then you have reached to right place. In this post I will show you how to embedded videos in blogger posts. In the end of this post you can watch video tutorial also. Hope you like it.

How To Add Youtube And Dailymotion Videos In Blogger Posts


T Monday, June 08, 2015
Promotion Bubble Gadget For Blogger - 101helper

After creating a blog the most important thing is to promote it. A blog can be promoted by two means one is promotion though social networks while other is to promote it by making efforts in right way. By right way I mean to use some gadgets and internal linking. Everybody is aware of off-page seo so if you read about it then you must know the importance of internal linking and gadgets like related posts, popular post etc. Internal linking is also beneficial in promoting a specific post because it helps your visitors to reach to that post. Similarly now you can promote a specific post or page of your blog is an advance way by using "Promotion bubble gadget" you can see a live demo of this gadget on this page(Seo tools bubble).

Grabable Responsive Promotion Bubble Gadget For Blogger


T Saturday, April 25, 2015
"Featured Posts" Slider Gadget For Blogger

Featured posts slider is a gadget that slides featured(recommended) articles of a blog. Featured posts sliders are of several types, some are of images type which slides only images of posts while some only slides titles of posts but in this post I will share something awesome which nobody has shared before me. Its a Slider that slides the whole posts along with thumbnails, titles, and a short description. It has a unique style and a good look! You can see a demo of this gadget on my blog's HomePage. Before you add this gadget in your blog let me tell you one thing that is you have to write the description, title, link of the post and thumbnail link on your own, it will not automatically get posts for you. You can select which posts do you want to show up.

"Featured Posts" Slider Widget For Blogger