Don't Miss

Social Subscription Widget V2 For Blogger

By Zohaib Liaqat - 60 Comments
Social Subscription widgets are one of the best way for increasing your loyal readers. These widgets are important for increasing your social activity. The social subscription widget I'm going to share with you today is designed by me and i hope that you'll like it and it will definitely increase your social fans. This Social Subscription Widget includes Facebook, Twitter, Google+, RSS and email subscription form. So, without wasting your time let's come to the point :

Social Subscription Widget V2 For Blogger

Step 1. Log in to your Blogger Dashboard
Step 2. Go to Layout >> Click on Add a Gadget and select HTML/JavaScript Gadget from the list of Gadgets
Step 3. Now Copy the below code and Paste it in the HTML/JavaScript Widget Box


<style type="text/css">

            #bgt-ssw-wrap

            {

                height:250px; /* height of the box */

                width:280px; /* width of the box */

                background:#F2F2F2; /* Background color */

                color:#009;

                font-family:Georgia, "Times New Roman", Times, serif;

                padding:3px;

                border:3px solid #00cc00; /* width and color of border */

                border-radius: 0px;  

            }

     

            #bgt-ssw-icons-wrap

            {

                text-align:center;

                height:50px;

                padding: 5px 0px;

            }

     

            .bgt-ssw-icons

            {

                height:50px; /* height of the social icons */

                width:50px; /* width of the social icons */

                float:left;

                margin-left:15px;

                margin-bottom:10px;

            }

     

            .bgt-ssw-icons:hover

            {

                opacity: .7;

                filter:alpha(opacity=70);

                height:50px; /* height of the social icons on hover */

                width:50px; /* width of the social icons on hover */

                cursor:pointer;

            }

     

            .bgt-ssw-lbl

            {

                color:#000000; /* Text color */

                font-weight:500;

                text-align:center;

                padding: 2px 0px 10px 0px; 

            }

     

             .bgt-email-field

             {

                 -moz-border-radius:4px;

                 -webkit-border-radius:4px;

                 background:#fff url(http://1.bp.blogspot.com/-aN-9NuB-9t0/UbSeXzRF5II/AAAAAAAAApc/bn-lNSJ6VaY/s1600/icons.png) no-repeat 0 -27px;

                 border:1px solid #dcdcdc;

                 border-radius:0px;

                 color:#444;

                 margin:0 0 15px;

                 padding:10px 40px;

                 width: 190px; /* width of the email subscription form */

             }

     

             #bgt-ssw-submit

             {

                height:40px; /* height of the Subscribe button */

                width:200px; /* width of the Subscribe button */

                background:#00cc00; /* Background color of subscribe button */

                color:#FFF;

                font-weight:bold;

                text-align:center;

                margin-left: 42px;

                border-radius: 0px;

             }

        </style>

         <div id="bgt-ssw-wrap">

            <div class="bgt-ssw-lbl">Subscribe to Us!!</div>

            <div id="bgt-ssw-icons-wrap">

                <a href="https://www.facebook.com/blogolect" rel="nofollow" title="Like us">

                    <img src="http://1.bp.blogspot.com/-kfHK7Pcqk0s/UtUyV454HqI/AAAAAAAADd4/WzS42Wn3yZg/s1600/fb+button+blogolect+subs.png" class="bgt-ssw-icons" alt="FB"/>

                </a>

              <a href="https://www.twitter.com/blogolect" rel="nofollow" title="Follow Us">

                <img src="http://4.bp.blogspot.com/-Vs-r3iCI-yo/UtUyW6EkxII/AAAAAAAADeQ/KmKxk6XQbho/s1600/twitter_64.png" class="bgt-ssw-icons" alt="TW" />

                </a>

                <a href="https://plus.google.com/+zohaibliaqat" rel="nofollow" title="Follow us">

                <img src="http://1.bp.blogspot.com/-bkhtKQcW7X8/UtUyWGlj03I/AAAAAAAADd8/ZOBct8x8VGI/s1600/google-plus_64.png" class="bgt-ssw-icons" alt="G+"/>

                </a>

                <a href="http://feeds.feedburner.com/blogolect" title="Subscribe Us">

                <img src="http://4.bp.blogspot.com/-k5M28_-qqOg/UtUyWVKmZlI/AAAAAAAADeA/8LFR1WyHvPA/s1600/rss_64.png" class="bgt-ssw-icons" alt="RSS"/>

                </a>

            </div>

            <div class="bgt-ssw-lbl">Get Pro Tutorials directly<br /> in to your Inbox</div>

            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogolect', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

                <input  type="text" class="bgt-email-field" name="email" autocomplete="off" placeholder="Enter your email address"/><br />

                <input type="hidden" value="Blogolect" name="uri"/>

                <input type="hidden" name="loc" value="en_US"/>

                <input type="submit" value="Subscribe" id="bgt-ssw-submit"/>

            </form>

        </div>

Customization :
  • Replace https://www.facebook.com/blogolect with your Facebook Fan Page URL
  • Replace https://www.twitter.com/blogolect with your twitter profile URL
  • Replace https://plus.google.com/+zohaibliaqat with your Google+ Profile URL
  • Replace http://feeds.feedburner.com/blogolect with your RSS Feed URL
  • Replace Blogolect with your RSS Feed Name 
Step 4. Hit the Save Button
Tadaahh !!
That's it...
If you have any problem regarding this widget, kindly leave your comment below and don't forget to Subscribe Us via Email.

Tags:

60 comments to ''Social Subscription Widget V2 For Blogger"

ADD COMMENT
  1. it was only redirecting to the facebook like us.. all d social button

    ReplyDelete
  2. how to find rss feed name ?

    ReplyDelete
    Replies
    1. Go to http://feeds.feedburner.com and create for your site

      Delete
  3. Very Attractive Subscription box, I put it in my site check Here Employment News

    ReplyDelete
  4. Nice Subscription box Bro ,I need it for my blog Govt Recruitment

    ReplyDelete
  5. good subscription box.i will try it on my blog
    http://www.jobdilade.com

    ReplyDelete
  6. i want these type of subscription box..thank you.
    SBI PO Interview Result 2017

    ReplyDelete
  7. I appreciate your blog. Because there are very interesting information in this blog.
    MP Govt Job

    ReplyDelete
  8. Awesome blog thanks for providing such a great full information.
    Latest Medical Jobs

    ReplyDelete
  9. I want to get Social subscription for my blogger..
    You added the very good information and step by step information here..
    MSBTE Winter Result

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete
  13. This article is really informative and useful as far as I concern and keep going. RRB Notification

    ReplyDelete
  14. Nice page Thanks to the author….Check Latest Govt. Jobs

    ReplyDelete
  15. Very nice article its really good for student those are in computer field. check any university updates

    ReplyDelete
  16. Every year Rajasthan Government provide various government job. this year lots of govenment job are waiting for eligible candidates.

    ReplyDelete
  17. hello sir, nice information . I want to get Social subscription for my blogger. You added the very good information and step by step information here.

    ReplyDelete
  18. nice article. it is very useful to students. which are fights competitive exams.Rajasthan,if you want to explore the beauties of Forts.ITIHAASS

    ReplyDelete
  19. Latest Recruitment Details Are Just One Click Away
    recruitmentforms.in

    ReplyDelete
  20. Railway recruitment Board Guwahati is taking complete responsibility to announce RRB Guwahati Group D Result. There are so many things which can easily be checked from here. On below of this passage, we have mentioned list of important things which you all should check. In just some days, all candidates will be able to check the Railway Guwahati Group D Result 2019.

    ReplyDelete
  21. Time Table contains very important information such as Timing, Date of Exam, Name of Subject and more other information. At time the Board is making HBSE 10th Date Sheet 2020 after complete it. Haryana Board releasing it as soon as. As per previous year statics board record in November month release programme and conducts exam in March month. If you have any queries write comment then we will mention on here.

    ReplyDelete
  22. These kind of information is very useful for students, if you want more information like this check AP TET Syllabus 2019

    ReplyDelete
  23. Thank you for sharing information, know more... visit Relevant_information

    ReplyDelete
  24. Keen to know in deep about India's history
    Check this out...
    itihaass

    ReplyDelete
  25. mts admit card 2019 download can be done from the official website.. The Admit Card for SSC MTS 2019 Tier 1 will release for the Paper 1 examination.

    ReplyDelete
  26. JEE Main 2020 Admit Card will release in 2nd week of December 2019. Download JEE Main hall ticket using application number and date of birth click here to know more about jee main admit card 200

    ReplyDelete
  27. sarkariresultalert.com provides you all the latest Sarkari Results, Sarkari Naukri Jobs in various sectors such as Railway, Bank, SSC, Army, Navyclick here

    ReplyDelete
  28. Thank you for this nice blog...
    Get more latest updates about SSC CGL exams.
    SSC Exam Updates

    ReplyDelete
  29. very informative!
    check the link given below for more awesome stuff.
    SSC Exam Notifications

    ReplyDelete
  30. Nice Article!
    Click on the link given below to know more about career counselling.
    Best for Entreprenuers

    ReplyDelete
  31. best Halal Persian & Mediterranean Restaurant in Schaumburg
    Ali baba Kabab is one of the best Halal Persian & Mediterranean Restaurant in Schaumburg,IL. We offers a unique blend of best mediterranean food. DINE IN | TAKE OUT| DELIVERY | CATERING

    ReplyDelete
  32. Subscription box, I put it in my site check Here Mp Employmnet News

    ReplyDelete
  33. Best Subscription box, I put it in my site check Here Daily SarkariExam

    ReplyDelete
  34. Click Here to see latest MP Sarkari Naukri Information At MP Govt Jobs

    ReplyDelete
  35. Really Very useful Article for All
    Enjoy Your Holidays With Atharva India Tour India’s No. One Tour Company

    ReplyDelete
  36. your creative writing skills has encouraged me to get my own site now. Actually the blogging is spreading its wings rapidly. Your write up is a good example of it Govt Jobs Mp

    ReplyDelete
  37. I have been following your blog for the last 3 months. The reason for this is correct information. One more thank you From MP Govt Jobs

    ReplyDelete
  38. wow nice article published to you https://hindirojgaralert.com/

    ReplyDelete
  39. hi author nice article. i like your post Sarkari Job surely grants you the Best Vacancies in India with High Salary, Good Perks and several other great benefits.

    ReplyDelete
  40. very nice article i was looking for this kind of article 123movies

    ReplyDelete
  41. very nice information please write an article on Soldier General Duty

    ReplyDelete
  42. Nice Subscription box Bro ,I need it for my blog premiumhdmovie

    ReplyDelete
  43. Awesome blog thanks for providing such a great full information. 123movies

    ReplyDelete
  44. Thank you for sharing information, Get the latest career updates

    ReplyDelete
  45. This is very good post by author you can get the latest freejobalert updates

    ReplyDelete