Showing posts with label Post Widgets. Show all posts
Showing posts with label Post Widgets. Show all posts

Tuesday, 28 May 2013

Add Beautiful Social Subscribe Gadget To Blog with Hover Effect

Posted by Abhishek
Hello friends, I am new author to this blog. It is my first post. Here I am posting about beautiful social subscribe widget or gadget for blogger blog. This gadget is exclusively made by me. You can easily add this gadget in Blogger Blog or in any website. The importance of Social Media in our life is very important. It connect us with our friends, but it also gives traffic to our sites or blogs.
Read More

Sunday, 26 May 2013

What is Bounce Rate And How To Reduce It?

Posted by Abhishek 2 Comments
How-to-reduce-website-bounce-rate-immediatelyHello users if you are running an site then you might have heard of bounce rate. Bounce rate is a serious matter for most of the bloggers as if your blog have high bounce rate that means that there is something wrong on your site as the users are leaving your site may be without even seeing your content.If You dont know what is bounce rate then dont worry we will be also talking upon it .Today in this article i will explore the ways how you can decrease/reduce you bouncerate. Please Continue....

What is Bounce Rate?




Bounce Rate Can Be said as The visitors that leaves your site after only one pageview. Means Loss Of visitors per second. Imagine if 60% of your visitors from your blog leaves your blog just after one look/pageview. Then you blogs bounce rate is 60% then its too high .So today i will tell you ohw you can reduce it.

How To Reduce Your Blogs Bounce Rate



  1. Keep You Website Fast And Cool in design:-This is an good step to reduce you bounce rate having a cool template attracts your visitors to stay on your site.Having it fast also attracts your visitor.Every visitor likes fast loading sites. So THis is also Important And keep your site easily navigatable.

  2. Keep Your Blog Updated:-This is an important try to keep your site updated everyday . If you cannot do much posts then try to do one post everyday . This will surely help in increasing your page views and will ultimately reduce your bounce rate.

  3. Add Search Box:-Add A Search box to your website lets your visitor easy to search your website and if they search you website then it will decrease your bounce rate. You Can get a Search Box for your blog from here.

  4. Add Widgets Like Recent posts ,Recent Comments ,Popular Posts:-I Have Talked Earlier on how you can add a recent post,comments and popular post . These Widgets ultimately helps in reducing your bounce rate. These Widgets Shows the activeness of your blog to your blog and they will try to comment and that will ultimately reduce your blogs bounce rate.
    You Can get the Widgets By Following below links.
    ADD RECENT COMMENTS WIDGET WITH ROUND AVATAR IN BLOGGER
    How To Add Recent Posts Widget For Blogger Using Feedburner
    ADD MULTI COLORED NEW POPULAR POST WIDGET IN BLOGGER BLOG

  5. Remove Blogrolls:-This is an important step if you have high bounce rate then immedieately remove any blogroll you have on your blog .Because having a blogroll on your blog passes all the juice of your page rank and your visitors after seeing the blogrolls site your visitors leaves your sites by going to your blogrolls sites and this may increase your bounce rate. So remove the blogroll if you are having any on your site.


Well these were the tips that can help you reduce your blogs bounce rate.If you have any other tips then do tell us in the comments below.

Read More

Friday, 24 May 2013

Socialize It Floating Social Sharing Bar For Blogger

Posted by Abhishek 6 Comments
Socialize itHello Friends you might have seen this socialize it bar below the title in our site when i was on blogger.These type of widgets are getting very popular these days.Social media also have goon very popular these days.This widget has all the popular social media buttons like,twitter tweet ,fb like ,google plus button.One of more advantage of this widget is that it also gives a link to your comments with the number of comments on the post.

Recommened:-Enjoy Free Facebook on every network and City without GPRS

This widget also floats with the screen so you have more and more chances to give plusone and like to your contents.This is a very cool widget .You may have seen on some blogs that they add these type of sharing button at the top and below the posts.So this is where this widget will come handy and will help you increase your social presence.So follow the below steps to add this cool widget to your blog.If you wants to see this widget live in action you can look at the top of this post.

Recommended:-How to Make Money on Facebook For Liking Pages

How to add Socialize It Floating Social Sharing Bar For Blogger




  1. Go To Your Blogger Dashboard.

  2. From the drop down menu go to Templates > Edit Html > Expand Widget Templates.

  3. Now Search For <div class='post-header-line-1'>  and paste the below coding just above it.
    View Coding

  4. Now Click on Save Template.

  5. Thats it now just go to your blogger blog to see this widget live in action.


From The Editors Desk


This socialize it bar will only appear in the post pages only.Dont forget to tell your views about this widget in the comments sections below.Any problems or any questions comments below.

Read More

Thursday, 24 January 2013

Disqus Comment Systems On Blogger

Posted by Abhishek
Comments are the essential parts for a blog that lets your visitors to intersact with your posts.It helps the reader to give their feedback on the post whether the liked it or not. So Today in this post i will be discussing the way by which you can add disqus commenting system in your blogger blog. Adding disqus is a simple process and very easy to.Let me first tell you something about disqus . Disqus was launched in 2007 and is used by many big sites such as CNN and Engadget.Disqus is available in a number of styles and offers an in dept threaded comment function to further conversation.

Features Of Disqus

  • Realtime comment system
  • Notification and reply system
  • Inline media embedding
  • Supports Mobile Commenting
  • Fast loading
  • Social integration

Adding Disqus Comment Systems On Blogger

  • Go To Disqus and register one account there.
  • Also Add your blog url to your disqus account while signing up.
    Take Help From The Picture.
  • After Filling All The information click on continue.
  • Now You Will see installer option In The Next page
  • Now CLick On Blogger Instructions.
  • Then CLick On Add Site Option.
  • Now You Will Be Taken To Your Blogger Account simply select your blogger blog in which you wan t to add disqus.
  • You Are Done Now Enjoy the best commenting option on your site.
Read More

Monday, 21 January 2013

Add Cool Social Subscription Widget To Blogger Blog

Posted by Abhishek
Hello Friends Social media as everybody know can boost your traffic for free. Social Widgets are the best way to boost your social followers or likers. Your blog visitors can easily subscribe your fresh updates by using this widget.This widget is very fats loading so it will not effect loading time of your blog. I'm going to share pretty cool RSS social subscription widget with all of you. Please Continue....

How To Add Sleek and Cool Social Subscription Widget To Blogger

  • Go To Your Blogger Dashboard
  • Then Go to Layouts---> Add A Gadget---> Html/Javasciprt
  • Now Paste The Below Code In Html/Javascript Box
View Coding
  • Replace Highlighted texts with your usernames or profile links
  • Now Save The Widget and all done

Read More

Friday, 18 January 2013

Add beautiful subscribe us widget in your blogger blog

Posted by Abhishek 2 Comments
Hello Friends This Post Is Poste by our guest author Haseeb malik from Haseebnet. Click Here to Check How to become an guest author at mypremiumlab. Today Haseeb WIll Be telling that how you can add a beautiful subscribe us widget in your blogger blog . So Lets Continue...

Beautiful subscribe us widget for blogger

Today i,m going to tell you that how to add beautiful subscribe us widget which is powered by feedburner . subscribe us widget is one of the most important widget in blogs because it engage you users whenever your you post some post in your blog it directly send these posts to users emails inbox.
widgets plays an important role in our blog because these are one of the important part of our blogs. Nowadays almost every blog has too many widgets because it is a top way to engage your blog users.
creating a subscribe widget is not so difficult but make it creative is not easy because creative widgets always attract visitors another advantage of this subscribe box is, that it is a cool big widget so if you add it in homepage it is eye catching .

Best place to add this widget:

The best place to add this widget is homepage and if you put it in the below of your header it look more beautiful and attractive.

Compability:

it is compatible with all major browser Like
  • Firefox 3+
  • chrome
  • internet exploral
  • and others
 it is compatible because in this widget we only use pure css and only two images and css is work with all browsers So take a chill to add it.

installation:

  • Goto blogger dashboard 
  • then goto page layout tab and add  gadget
  • Now select html/javascript and paste below code in it .

  • Now change haseebnetwork with your feedburner username 
  • Then save its done 
About Author
    Haseeb malik is tech blogger from pakistan. he is passionate to his blogging. He is running a blogging tips and tricks blog 
    Read More

    Thursday, 10 January 2013

    ADD POP UP REPLY IN BLOGGER COMMENTS

    Posted by Abhishek


    Hello Friends Today i will tell you how you can add a pop up reply in your blogger comments. Adding pop up reply comments make it easy for your visitors to give feedback to a commentator easily .  Now this tutorial will show you how you can add a reply button to all the blogger comments. Please Continue...

    Blogger Comment Box Series
    5. Add a Reply Button To Blogger Comments

    Demo

    For Demo You Can See my blogs reply button below in the comments section.

    How To Add Reply Button

    • Go To Blogger Dashboard
    • From Drop Down Menu Select Templates
    • Click On Edit Html----> Expand Widget Templates
    • Then Search For The Below Code Using Ctrl + F3
    • Now Paste The Below Coding Just Below/After it .
    View Coding
    • Now You Will Need To Change YOUR-BLOG-ID With Your Blog Id. 
    • To Find Your Blog Id Look At Your Adress Bar and you will find a link like this
    • Thats It save your template and all done

    Read More

    Friday, 4 January 2013

    ADD RECENT COMMENTS WIDGET WITH ROUND AVATAR IN BLOGGER BLOG

    Posted by Abhishek
    Hello Friends Today We Will Show You How You can add a recent comment widget with having rounded avatars in your blogger blog.Adding This Type of widget in your blogger blog shows the activeness of your blog. Users Seeing The Recent Comments Widget Thinks that your blog is pretty active and that will too encourage him to add comments to your posts.
    In The satrt of my blog i dont had much comments but now the time has rolled and you can see many new comments in our post and i am trying my level best to help them all.This Widget reaaly helps me to tell my visitors about the conversation going on my blog.So today i am going to give you a perfectally working recent comments widget with rounded avatars.

    RECENT COMMENTS WIDGET WITH ROUND AVATAR DEMO

    I Dont Think That I had to show demo to all of you because i already have that widget on my blog so you can see it just going below at the footer.

    HOW TO ADD RECENT COMMENTS WIDGET WITH ROUND AVATAR IN BLOGGER BLOG

    • Go To Blogger Dashboard.
    • Then From The Drop Down Menu Click On Layouts.
    • And CLick On Add A Widget Where You want to add that widget.
    • Then Click On Html/Javascript and paste the below coding in it.
    View Coding

    • Replace 4 With Number of Comments You Want To Display
    • Replace mypremiumlab.com With Your Blog Address
    • Thats It Save The Widget And All Done.
    Read More

    Wednesday, 2 January 2013

    Remove Feedburner Logo From The Buzzboost Widget

    Posted by Abhishek


    Hello Friends Yesterday We Shared How to Add Recent Posts Widget Using Feedburner . But The Problem With That Widget Is That it shows the feedburner logo after the recent posts widget . And nobody like to show that as i know. So Tried My Skills and i have doned ,So Today i will tell you how you can hide that logo from your buzzboost widget.


    Remove Feedburner Logo From The Buzzboost Widget

    • GO To Blogger Dashboard
    • Then Go To Layouts
    • Edit The Widget Where You Placed That Buzzboost widget
    • If You Have Not Added that widget yet the look For This Post
    • The Code Of The Widget Looks Like The Below One

    • Just Paste The Below Coding Before The Above Code
     
    • Then Save The Widget Now Your Widget Will Look Like The Second Picture 

    Read More

    Add An Social Subscribe Box with hover effects In Your Blogger Blog

    Posted by Abhishek

    Hello Friends Today We Will be Telling You How You Can Add A Social Subscribe Box In Your Blogger Sidebar. This is a cool widget with hover effects . It is a cool widget and attracts your visitors. It is A Widget CLoned By Us.Please Continue to knwo how you can add this cool widget......

    First Of All Lets See A Demo Of This Widget


    LIVE DEMO

    Add An Social Subscribe Box with hover effects In Your Blogger Blog

    • First of All Go to Your Blogger Dashboard
    • Go TO Layouts And Click On Add A Gadget---->Html/Javasciprt
    • THen Paste The Below COding 
    View Coding

    • Now Save The Widget
    • All Done Now See Your Blog 

      Read More

      Tuesday, 1 January 2013

      How To Add Recent Posts Widget For Blogger Using Feedburner

      Posted by Abhishek
      Hello Friends Today We Will Be Sharing a Trick On How To add a recent post widget in your blogger blog using feedburner.All of you should be familiar with feedburner.Feedburner is a service hosted by google.Which allows users to serve heir content to users through emails.So today i will show you how you can add and recent posts widget in your blogger blog.Please Continue....

      You Can Also Add recent posts widget in your blog provided by blogger you can add it using the feeds option but it is to slow to add in your site so we will tell you how you can add a recent posts widget using feedburner.This Widget is Pretty Easy to install. So Here We Will tell you lets continue....

      Live Demo

      LIVE DEMO


      How To Add Recent Posts Widget For Blogger Using Feedburner


      • Go And Login To Feedburner
      • Click On The Publicize Button On The Top
      • On The Left Hand Side Click On Buzzboost
      • First Of All Activate This Service By CLicking On The Activate Button
      • Then Customize The Widget As You Wish
      • Then CLick On Save To Save your Settings

      Adding The Widget TO Blogger

      • Go To Your Blogger Dashboard
      • Go To Layouts from the dropdown menu
      • CLick on Add A Gadget And Then Choose Html/Javascript
      • And Paste The Below Coding 

      •  In The Above Coding Replace Mypremiumlab with your feedburner username
      • All Done Save The Widget
      Read More

      Thursday, 27 December 2012

      How To Add Subscribe Us Widget Below Every Post With Hover Effects In Blogger

      Posted by Abhishek
      Hello Users After Sharing How To Add A Subscribe Us Widget In The Sidebar Today I Will Be Sharing How To Add A Subscribe Us Widget Below Every Post In Blogger . That Will Help You In Increasin Your Feedburner Subscribers And Also Help In Building Readership.Please Continue....

      How To Add Subscribe Us Widget Below Every Post With Hover Effects In Blogger

      • First Of All Go to Blogger Dashboard
      • Then Go To Templates 
      • Dont Forget To Backup Your Template Before Making Any Changes
      • Click On Edit Html ----> Expand Widget Templates
      • Then Look For The Code Below
        ]]>

        • Then Paste The Below Coding Just Above It


        View Coding

        • Then Look For The Following Code 


        • And Paste The Coding Below Just Above It 

        View Coding

        • Now Save Your Template 
        • All Done Friends
        • Tell Us Do You Like THe Widget By Commenting Below
        Read More

        Wednesday, 26 December 2012

        Add The Split Cute Heart Sharing Gadget For Your BLog

        Posted by Abhishek
        Hii all Friends Today i Share a Sweet Sharing Gadget For Our Awesome visitors
         i want to show you a cool new way to have visitors sharing your blog posts.Share This has always been my Bookmark tool of choice and recently they added a cool new interactive Bookmarking gadget.The gadget in question is a love heart with the share this logo and on hover the heart splits to reveal a selection of bookmarking buttons.It looks awesome and the slide effect is very cool while still being practical.When the heart opens it reveals icons for Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.I think this gadget fixed in the corner of the page on your blog will grab the attention of visitors and generate lots more shares.So below is a tutorial showing you just how to do that Add This Gadget on Your Awesome Blog

        Remember Always Back Up Your Template Before You Make Changes

        STEP 1


        • In Your Blogger Dashboard Click The Drop Down Menu For Your Blog 
        • > Choose Template 
        • > Then Edit Html 
        • > Tick The Expand Widget Templates Box

        STEP 2

        • Find the following piece of code in your blogs Html

                                                             

        STEP 3


        • Copy and Paste the following code Directly Above / Before



        Step 4
        • Find the following piece of code in your blogs Html

                                                             


        Step 5


        • Now Copy And Paste This Code Directly Above / Before



        Click Here To See Code

        Important, Move The Position Of The Gadget :

        The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this.In Red in the code you can see bottom: 2%; left: 2%;.You can change Bottom to top for it to be at the top of the page and left to right for it to be on the right of the page.You can also change the percentages to have it further from the bottom/top and left/right.

        Step 6


         Save Your Template.

        All Done Friends Enjoy !! & Keep Visiting

        Read More

        Tuesday, 25 December 2012

        Add Cool Animated Sassy Bookmarking Gadget To Your Blog

        Posted by Abhishek

        Hii all Friends Merry christmas Today i sahre you a Awesome Social Sharing Widget i Post Many Widget but this very nice & Cool Friends
        I know how much you all like social bookmarking gadgets and widgets especially unique gadgets that can catch the eye of readers and get them bookmarking your blog.Today I have avery cool social bookmarking gadget with a stylish animated effect.With the Sassy bookmarks gadget a basic share button is placed in the corner of your blog, then on hover 6 icons for the main social bookmarking websites appear in a semicircle.The buttons that appear are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email.Below we have a live demo then check out the tutorial to add the Sassy Bookmarks to Blogger


                                                      View Live Demo


        Remember Always Back Up Your Template Before You Make Changes

        Step 1

        • In Your Blogger Dashboard Click The Drop Down Menu For Your Blog 
        • > Choose Template 
        • > Then Edit Html 
        • > Tick The Expand Widget Templates Box

        Step 2

        • Find the following piece of code in your blogs Html

                                                             

        Step 3

        • Copy and Paste the following code Directly Above / Before

        Step 4

        • Save Your Template 
        That's it the animated Sassy Bookmarks gadget is on your blog ! Make sure to check out more of our CHRISTMAS GIVEAWAY BLOGTIPSNTRICKS LIKE BLOGGER TEMPLATE

        All Done Friends Enjoy!!  If Any Problem Please Say on Comment we Solve Your Problem Friends
        Read More

        Sunday, 23 December 2012

        Add "Read More..." Link To The E Mail Subscriptions By Feedburner

        Posted by Abhishek 5 Comments
        Hello Friends As You all know feedburner is the most used service to add email subscribers to their website.It Is hosted by google.Whenever you makes a post on your blog your subscribers gets a email in their inbox.So Today We Will Be Talking about how to add read more link in the email subscriptions.
        Please Continue....
        By Using This Trick Your Subscribed Visitors Will recive some part of the post with having a read more link to your website.

        Add Read More To The Email Subscriptions

        • Go And Sign In To Your Feedburner account And Choose Your Website.
        • Then Click On Optimize And Then Click On The Summary Banner
        • Then Click On Activate 
        • Now This Service Is Activated For Your Website 
        • You Can Also Decide the post summary by altering the maximum length menu
        • All Done Friends
        Read More

        Awesome Christmas Decoration Social Sharing Gadget For Blog

        Posted by Abhishek



        Hiii All Friends This is Christmas Season & Our Team Make a New Chistmas Decoration Social Sharing Gadget For Blogger's Blog
        In the past I have written a few tutorials on different styles of the share this social bookmark egg.Today just in time for Christmas I have a Christmas version.A cool Christmas ornament sits on the corner of your blog with social bookmarking options for readers.On hover the ornament slides open with share buttons for Facebook, Twitter, Pinterest, StumbleUpon, Google Plus, LinkedIn, Email and the ShareThis button that offers even more options.                                                           

                                                        Check out the demo below :

            FOR DEMO  

        ok Friends if You Like This Gadget Then Here is the TuTorial Now We Start it

        Add The Christmas Bookmark Gadget To Your Blog

        Remember Always Back Up Your Template Before You Make Changes

        STEP 1

        • Login To Your Blogger Dashboard
        • Go To Templates
        • Click On Edit Html -->Proceed

        STEP 2

        • Find the following piece of code in your blogs Html

        STEP 3

        • Copy and Paste the following code Directly Above / Before

        STEP 4

        • Find the following piece of code in your blogs Html

        STEP 5


        • Now Copy And Paste This Code Directly Above / Before

                                                        Click Here To View Code




        Read More

        Tuesday, 11 December 2012

        ADD MULTI COLORED NEW POPULAR POST WIDGET IN BLOGGER

        Posted by Abhishek
        Hello everyone i am back with a new cool widget for your awesome blog
        Popular posts is a widget provided by blogger which shows a list of most viewed posts from your blog.Recently we provide a hack about customizing blogger's official popular posts widget now using same trick we will customize popular posts widget with awesome style.The main part of this hack is you don't need to add any heavy JavaScript or any other scripts we will apply this hack with using only CSS.
        HOW TO ADD DIFFERENT/MULTI COLORED POPULAR POST WIDGET TO BLOGGER

        • Go to Blogger Dashboard 
        • Click on DropDown Menu and select Template
        • Backup your Template before making any changes to your blog
        • Now Click on Edit HTML --> Proceed -->  Expand Widget Templates
        • Press Ctrl + F and search the code shown below
        ]]>


        • Now Paste the Code Shown Below just above/before it

        • Now save your template
        •  Now Go to Blogger Dashboard --> Layout --> Add a Gadget --> Popular Posts
        • Select "display up to 9 posts" and uncheck image thumbnail and snippet
        • Now Save the widget
        All Done Friends If You Any problem or question then please comment here we solve your problem as soon as possible
        Read More

        Thursday, 29 November 2012

        How To Add A Being Viewed Or Random Post Widget To Your Blog

        Posted by Abhishek 2 Comments
        Hii Freinds, today we are here with a new interesting widget for you .This is relly interesting widget. This Can Be Called being viewed or random post widget.You can give it any title but the title for this was been choosen by paul Crowe. He Made this widget but do not shared the codes of this widget.So i thought everything we know must be known by all.Please Carry on to know.

        Main Advanteges Of This Widget

        • It Shows Random Posts
        • It Also Shows The Name of the Author
        • It Can Show The Number Of Commets
        •  It Can Summary Of The Post
        How To Install
        You Dont Need To Do Much To Install This Widget Just Click On The Below Add To Blogger Button And Dont be Afraid This widget is totally link free so It Will not link to any other blog.





        If Your have any problems feel free to ask in the comments below 

        Read More

        Saturday, 17 November 2012

        How to add Cool metro style Social Sharing Widget below Blog Post

        Posted by Abhishek 3 Comments
        Social Media play a very important role for every blog or website. With the help of social media, it can get more traffic, visitors and readers to your blog or website. Every social media have unique social sharing buttons designed by their developers. Therefore, we need to add these social sharing buttons in our blog or website to gain more traffic, visitors and readers. Actually, I already shared many kinds of social sharing buttons here in TrueBloggerTricks. And today, I'm gonna share to you another style. It is different from all others because each button has a different background. These social sharing buttons contains twitter tweet, facebook like and google +1. So, If you want to add this widget below your blogger blog post, then just follow the steps given below.

        Steps to Add This Widget Below Your Blog Post

              Steps.

        • Login to your Blogger Dashboard. 
        • Go TO Template. 
        • Click Edit HTML ---> Proceed ---> Expand Widget Templates. 
        • Click Ctrl+F and search the code below:
         
        • Just below/after the 
        View Coding
        • Now click Save Template.
        Need Help? If you are facing any problem to implement these sharing buttons in your blog. Please feel free to add your comment. I will try to resolve it in time. I hope you enjoyed this tutorial! Looking forward for your feedback. Thanks! 
        Read More

        Tuesday, 13 November 2012

        HOW TO ADD CSS3 SPINNING SOCIAL SHARING ICONS/BUTTONS BELOW EVERY POST IN BLOGGER

        Posted by Abhishek
        Social Bookmarking and sharing buttons helps your blog visitors to easily bookmark or Share your blog content with popular social websites like Facebook, Twitter, etc. This widget is based on CSS3 such as -moz-transform which converts spinning effect to social sharing buttons. Whenever you hover the mouse on these buttons they rotates in slight round and surprise them with their spinning effect method. In this post we are going to show you how to add simple social sharing buttons below every post in blogger. In this widget we added Facebook, Twitter, Google Plus,  Delicious, Digg, Stumble upon, Technorati icons. If you are ready to add these sharing widget below every post in your blogger blog, then kindly follow these steps.

        HOW TO ADD SOCIAL SHARING WIDGET

        • Go to Blogger Dashboard 
        • Then Go To Your Template
        • Backup your Template before making any changes to your blog
        • Now Click on Edit HTML --> Proceed -->  Expand Widget Templates
        • Press Ctrl + F and search the code shown below



        View Coding
        • Now save your template
        Read More