How to add 'Wibiya toolbar' to blogger.

HI guys! Today in this post I am going to tell you ‘How to add Wibiya toolbar to blogger’.

What is Wibiya toolbar ?

Wibiya toolbar is a customizable, free and attractive toolbar which allow users to share or promote your content mainly through the social networking sites. The main feature of this toolbar is that the user has no need to navigate away from the site.

Adding this toolbar to your blog or website is very easy. Just follow these simple steps.

1. Go to Wibiya click on get it now.
2. Fill in the form details.
3. Now you will see a screen that looks like this.
   
   
   
   
   
4. Log in to your blogger account.
5. Follow the instructions on wibiya website.
6. Click on “Add Widget” at the bottom of the directed page.
   
   
   
   
   
7. Now check your blog for the attractive wibiya toolbar at the bottom of the page.

Print Page

Techpro365 forum started!

Hi! guys I am happy to anounce that a new forum of techpro365 is opened. Please feel free to share your views and ask any queries there. You can also start discussing on any topic you want.

The link of the forum is given below:

Techpro365 forum

Print Page

How to customize themes of comment box in blogger

Hi! Guys many of us got bored using the simple theme in the comment-box in blogger. Can we change the theme? Of course yes!

In this post I will tell you how to change the comment box theme.

Follow these simple steps:

1. Log in to blogger.
2. Go to template, click on Edit Html.
3. Now find this code]]></b:skin> and paste the below given code before it. You can do it by using Ctrl+F. Also find <div class='comment-form'> and replace class with id.

CODE:

#comment-form iframe{ background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqGpTlfA8N7R9EB0qNnuha4NhbqW3bLU1r_2T57esn3JZbEhbbZa4XcZ70pKwSVuApnMXZv7zK6V7WqC99saW4P7TFLGZE7nfCQWnCZcrcLWSOepwg4qQg895gg9uy2CVijvf76h9nvddp/s1600/comment-theme.png) repeat; border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 5px 5px 5px #CCCCCC; padding:5px; font:normal 12pt "ms sans serif", Arial; color:#0ab00a; width:560px; height:213px !important; } <!--Blogger Comment Box theme customization www.techpro365.blogspot.in--> #comment-form a{ color:#fff; }

You can change the background URL with the image URL you like from the images given below. You can also change the color:#0ab00a, Arial and other attributes of your choice.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqGpTlfA8N7R9EB0qNnuha4NhbqW3bLU1r_2T57esn3JZbEhbbZa4XcZ70pKwSVuApnMXZv7zK6V7WqC99saW4P7TFLGZE7nfCQWnCZcrcLWSOepwg4qQg895gg9uy2CVijvf76h9nvddp/s1600/comment-theme.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjvGcwi6iBINXcFnW_SedzFUIrjXIIPB6yMNreOkuTpPSlcCwZUqHzfOKOww9KS4uZ5dI2ASdt_UnS3t6RMP4HOTxKMCh6OFoV90Xv3Xgrg1lp_tGoXf5-HHZB4RwePqXh-5mNrUlzKYPC/s1600/background+Theme+1.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGHieGJ4I5Ni1lQbLiHyKiU8UqWVY11ZhXIo_QO9JKuP8flEbSNG5TyVILoeJt7_cV-WTTRAQdk1RPhasf2N22jpxgYAnV_WioQAGwLkD1PqFDrk8t4Y9miqHNoHoC-8EUo293RKHEcpIg/s1600/background+Theme+10.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQuJplAHX4mmqeIyug_C5vM-y0uKlHrFvb-egjoeh7HWdSHQ09pWZ0UATGFhylvD1Sde0HLVO5MdBl7dVVsi8Bn-sRRNRRLaJ03jCAeUedE_MD6ebTyePl7WbZEiaeXHLw-PnDF0SahOtM/s1600/background+Theme+2.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4_OriWPIuFf5sai5YQxbREMoIzPgPBwJMALeZpVfMrP1KF1m9ND3vzd5sPEmw04SZHWk8gcwLEDeiUagutdsuF8KSl5gXv2oWHcCbMCTOwaXJZQwny4ovxiU7lirIqclJJEBCOWHswtd/s1600/background+Theme+3.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH9nTK9dm_6JkLS7u_SlGB3EoguaZvjoBSKAQls2PbqhcRKPrSCzKVMzeoFfot84L9RAJbKFTqe1VR1gr5XUPA1qca4rh_TV-bhgClKpfST7PSdV6QMzmUgULOpKjfDlO82mG18jqXn6V/s1600/background+Theme+4.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_SfCoqu0iuCY-3nMms3Ui7OlfE_ZaMG2P24twCuU2xK7YKY9EG75C89_ZgB_naGtcVzHn8hCYZzK4mMVK48xlZ3HLy18DDUaNDbRcGeQLx8yEioVr7SGsBmFSiFmEGmU1A94wvVcX2lGj/s1600/background+Theme+7.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVoFl6j6pMRPgjIYE874UO3VSOJ1K9Y6v_1D7rYFpPUbC0zxdtzKKpZ5_MNCxbHQ2abOi63S2Wsy8Bm9rh6zIYb7JAaPckW-qs-tRcATOGH10PGmAaK5oWpAgxoPnWf-EVJswdp8hTiwY/s1600/background+Theme+8.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQwZXVGUMRgQLKo7WGCfdL1ldNi-XI0e7vL4TAJAmrPpX3_WHQKBU5u3mER9eKnJqExKDXyuogxz4iCl4C6XuRdc3wAXXZF8C1kD5D3yZOzTQuIB0Iz0YUCqlfFUMwKTYzlwHIMEBH32mf/s1600/comment-box-custom-image2.JPG

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTBveJIarz7EJCBF7z-nFRFmXoDDyXs_fREx62Rq4-MJ2Z8xnK5yjmQwjplfCFPQo6GjyomN4rehkyQphjZZww-0Ejomj5NBgUsWLs0c9rsmY8TzlolR4LppR5VhbkjRKuprCDBOIUiT6T/s1600/comment-box-custom-image4.JPG


If you have any genuine doubts about changing the comment-box template, please feel free to contact.

Print Page

How to add 'Facebook-Twitter-Google+' follower box

Today in this post I would like to take you through the process of “Adding a useful followers widget”. As you guys already know about a ‘follow box’. In this widget we have three in one follow box facility for Facebook , Twitter and Google+. This is a cool widget which shows all your followers at one place. Adding this widget to your blog is very easy.

Follow these steps to add this widget to your blog:

1. Login into your blog and go to Layout.
2. Click on ‘Add a Gadget’.
3. Copy and paste the below given code and click on ‘save’.
4.  Now open your blog and you can view the widget working.

Before adding the code to your blog, please paste it in notepad and make these changes:

1. Change ‘Techpro365’ to your blog’s fan page.

2. Change ‘techpro4u’ to your twitter.

3. Change the google+ id ‘106197391344352891445’ with yours.

CODE:

<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" /> <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script> <div id="on"> <div id="facebook_right" style="top: 12%;"> <div id="facebook_div"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAp5CyUT4QxB3-OkqrzhTwj77AlxC1M_X-Z7ag57cJY6SAY07dm4xLrFzcxek-_DTU1k0hXhEDZV-xVU38tJsFiEUAnI7MhICGvGBsVl7wZuj_Coxq3KxK10kkDzQXo7o67YPThE0lcBfQ/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTechpro365&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe> </div> </div> </div> <div id="on"> <div id="twitter_right" style="top: 28%;"> <div id="twitter_div"> <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVgHYxAw5zxZw8YslqT1gIqCeXvAEHYWKUkRa0LZ-euBMUFb4Qa2Zcv7l2IjnN3op1a8PZiGQmhAiw9Tgdrlss2MKnHbKr3g-DWHI3tTLWTBp6b-gUKTRshCi4Upsq_B4FK08MjTN58Hmg/s1600/NBTtwitter_right.png" /> <script type='text/javascript'> function fanbox_init(screen_name) { document.getElementById('twitterfanbox').innerHTML = '<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=' + screen_name + '" class="FB_SERVER_IFRAME" scrolling="no" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>'; } </script> <div id="twitterfanbox"> <script type="text/javascript"> fanbox_init("techpro4u"); </script> </div> </div> </div> <div id="on"> <div id="google_plus_right" style="top: 45%;"> <div id="google_plus_div"> <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8rDo9zHHjE4cKIfDAI0Zh9lHNR6ZV0ZkAW8bVk_C8Xv4mNyiZYy7Sw0nZTMA_1jWc_qAuHXJdsdNFcFdDHriwWE0CCNHll27XjOUP2IxAetgjY50f9IyYGr3OC1EoacnGCFJGpVsAg4E/s1600/NBTgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"> <a href='http://techpro365.com'> <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqEll4WVNQYy2WJpGuwqW6-cnlVjQ2rQbBwFTP6ZkF6TGYxCDi58hrQNWu0o6kS5B8Ckq1iW9sqCki-lvnlvrZ-MlUTVvOY3wiv0hRgI-FaPgznMY3DxWOJ3Fg2wxHRX-FHDbPs929no2R/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/106197391344352891445" data-source="blogger:blog:followers" data-width="270"> </div> <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> </div> </div> </div>

If you have any genuine queries about this post or facing any problem feel free to ask by posting in the comment box.

Print Page