Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Add live chat widget to blogger

Today in this article we will discuss about an exciting live chat widget by chatroll.  With the help of this widget your blog visitors can chat with each other through a live chat box. It is very helpful in creating small discussions among your blog visitors. Adding this live chat widget to blogger is very easy and is a matter of few minutes.
 Add chatroll live chat widget to blogger

Part 1: Getting live chat widget code -

Step 1: Open Chatroll website and Click on Signup for Free button.
Step 2: At next screen create your new account or login with your facebook account. In my case I use facebook login method.
Step 3: Once you logged in your account then Click on Create a new live event option.
Step 4: Next page will be your live widget settings page. Enter name for your widget and click Continue option.
Step 5: Next screen is about platform selection screen. Select Blogger option.
Step 6: Code for your live chat widget will appear. Copy this code and click Continue option.
Step 7: Now Click on Go to Settings Now option.
Step 8: Now a final page will appear which contains your live chat widget settings like color scheme of your widget. Configure your widget here and save the settings by clicking on Save settings option.

 

Part 2: Adding live chat widget to blogger -

Step 1: Login to your blogger dashboard and select your blog.
Step 2: Select Layout option and Click on Add a Gadget option.
Step 3: Select HTML/JavaScript widget.
Step 4: In the HTML/JavaScript widget paste the code of the live chat widget which is obtained in the Step 6 in Part 1 of the tutorial.

Step 5: Save the widget and enjoy.


Popular Search Keywords: blogger templates,blog templates,Blogging tips,Template design,Online Earning,HTML editing,Tips and Tricks,Earn Money online,Earn from Bangladesh,Online solution,blogger,blogging,blog,blogs,design,wordpress,development.

How to add custom Google plus followers widget to blogger

Google plus is a popular social network which is growing day by day. If you have a blog or website then you must integrate your Google plus network with your blog or website. In this post we will talk about adding a custom Google plus followers widget to blogger blogs. Default Google plus followers widget is not very attractive in its design, That is why we have created a custom version of the widget. Our custom widget is styled very well with help of CSS code.

Add custom google plus followers widget to blogger


Adding custom Google plus followers widget to blogger

  • Open your blogger dashboard.
  • Select your blog.
  • Select Layout option and Click on Add a gadget option.
  • Select HTML/JavaScript widget from the list.
  • In the HTML/JavaScript widget paste following code and save the widget.

 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

<style>

.wc-gplusmod, .wc-gplusmod:before, .wc-gplusmod:after
{
background: #ffffff;
 border-radius: 5px 5px 0 0;
 
 border: 1px solid #ccc;
 box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
}

.wc-gplusmod
{
 position: relative;
 width:250px;
 padding: 1em;
 margin: 50px auto;
}

.wc-gplusmod:before, .wc-gplusmod:after
{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 -webkit-transform: rotateZ(2.5deg);
 -o-transform: rotate(2.5deg);
 transform: rotateZ(2.5deg);
 z-index: -1;
}

.wc-gplusmod:after
{
 -webkit-transform: rotateZ(-2.5deg);
 -o-transform: rotate(-2.5deg);
 transform: rotateZ(-2.5deg);
}
</style>
<div class="wc-gplusmod"><div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/113077073682792857677?prsrc=2" data-source="blogger:blog:followers" data-width="290">
</div>
</div>



Note: Change the Red colored code with your own Google plus profile or page address.

New Stylish Popup Facebook Like Box Widget For Blogger And Wordpress Blogs

NEW STYLISH POPUP FACEBOOK LIKE BOX WIDGET FOR BLOGGER AND WORDPRESS BLOGS


 Today i'm Going To Share With You A New Great Stylish Popup Facebook Like Box Widget For Blogger And Wordpress. Now You Can Get Likes For Your Facebook Page And Drive Social Media Traffic Also To Your Website/Blog. It is Very Simple Way To Get it And You Don't Need To Know Any Language of Web Just Follow Our Steps For This. It is Very Helpful To You. Now You Can Get Likes Easily For Your Facebook Business Page Because When visitors Came To Your Blog And Popup Will Automatically Show on The Home Page And Force The Visitors To Like Our Facebook Fan Page.
How To Add Popup Facebook Like Box Widget ?

 Just Follow Our Steps Carefully And Enjoy Our Tutorial. You Can Also Read Our Last Article About :
Subscribe to: Posts (Atom)

Contact Form

Name

Email *

Message *