Skip to main content

Posts

Showing posts from February, 2016

How to Finding NAME wordpress Themes detector blogger templates

Hi Guys today i am back with another blogger tutorial, it is kind of out of box tutorial, there is no exact way of detecting blogger’s blog template, but at-least you can give a try to find out which template a blogger blog is using. I will not be showing way to find template of your own blog as if you own a blog you must know the name of template your blog is using, this tutorial is for detecting templates for the blogs that you don’t own. so let’s get started into our tutorial i.e How To Detect Blogger Template. Step 1 : Identify If blog is using Blogger or not ? For this purpose we will be using a cool free online tool known as buildwith . All you need to do is simply open up buildwith.com & paste the link of blog in order to find what content management system it is using. Now simply Click on lookup, if that blog turns out to be using other content management system like my blog uses WordPress then you can read this post :  Best WordPress Theme Detectors . But if blog turns

How To Rename or change Labels in Blog of Blogger

Labelled each and every post can make your blog to simply navigate and it’s helps to get related posts within your site. To better organize your site content we always suggest you to label your blog posts, so its also important for blog engagement and help to decrease your blog bounce rate. In Blogger you’ll be able to simply manage all of your labels from posts area where you’ll be able to add or remove labels. but presently Blogger has no such feature as renaming blog labels. the only possibility you’ve got is by deleting the present labels and adding a new one. There are 2 ways to implement this; one is by editing labels in each and every post which is time consuming. the other one is renaming labels by bulk action method that’s deleting existing labels in all posts and assigning a new label to all those post. With this method we are able to transfer one recent label into new label or add many label into one label.  How to Rename Blogger Labels Go to blogger dashboard >> Pos

How to Add 360 Rotate CSS Effect in Blogger

Hello Friends, Today i’ll show you a very cool CSS trick. Rotate your blog 360 degree when loading. This effect is very eye catching so your visitor impress to you. Once adding this impact all the pages of your blog can rotate simply once the total loading of your blog. The live demo of this impact may be seen by clicking on the button below. Demo! Adding the 360 Rotate Effect To add this effect to your blog you do not need to follow completely different tedious steps simply click the 1-Click widget Install button and add this widget to your required blog. After putting in you and your visitors will see this cool rotating result in your blog. NOTE :  This result works solely in Google Chrome and Mozilla Firefox. Browsers like Internet Explorer and Opera are not supported. Hope You Like this 360 Rotate Effect. Comment Below if you have any cool effect idea. rotate css animation rotate image css text rotate css rotate background image css rotate css generator rotate css transition rota

How To Add Auto Scrolling Recent Posts Widget For Blogger / Blogspot jQuery

Recent posts slider is a best way to show of you blog's recent posts as a slide show.You may see the slider such slider in many wordpress blogs but when coming to blogger it is certainly not much seen.This widget is shared by Abu-Farhan and using my own tricks further I customized this plugin to works perfect with your blog.If you are thinking that customization's will be hard then you are wrong,this gadget is very easy to customize and very easy to add.You don't need to add images,text or any links like other sliders all is Automatic :D.  Here I am giving a tutorial about adding recent post slider to blogger.First take a preview on slider. Live Demo ▼ How To Add This Slider To Blogger? Step 1 - Applying Styles Go to Blogger Dashboard > Design > Edit HTML. (In new User Interface It Is - Dashboard > Template) As always download a copy of your template first. Now find for ]]></b:skin> Add below code  just before   ]]></b:skin> /* START EasySlider B

What is my google+ profile id Finding a Google+ numeric ID

Recently Google Plus offered some changes to profile URL. Now Google+ is allowing its users to set custom URL for their profile. Like my old Google+ profile link was https://plus.google.com/106527290580119996124 and now it has been changed to  https://plus.google.com/+RahulIppar/  but still in many cases you have to use your numeric ID, like most of widget generators on Helper Blogger uses Google+ numeric ID because I published them before this change. Also in most of the Google+ widgets you are required to enter numeric ID of your Google+ profile. How to find your Google+ Numeric ID? It is very easy process to find out your numeric ID. Just follow me step by step :) Login to your Google+ Profile Go to your profile Right click on your name and from list choose Copy link address  The link will look like this: https://plus.google.com/ 106527290580119996124 The numbers in bold ( 106527290580119996124 ) is my ID so your ID will look like this. That's it :) Hope you guys found this tuto

How to Add 4 in 1 Social Subscribing Slide Out Widget To Blogger

If you don't have a space for your social subscribing widgets then don't worry.Here I have a solution with this problem.Hide and show them out with smooth jQuery slide out hover effect.This 4 in 1 slide out widget contains a  floating facebook like box , your recent tweets , Google +1 button  and  feedburner email subscription form  means all in one :).Here I am providing a widget generator so that you don't need to edit any code,just change my username with yours hit the generate button and finally add the widget.This script for this widget is created by Nitin  and we developed the widget generator.Take a preview on gadget Gadget Demo How To Add This Gadget To Blogger? Replace my username's with yours Hit Generate Button And finally add it to to your blog Widget Generator Login To Your Blogger Account Before Using Widget Generator Update - If above widget generator is not visible then use code below.... Copy and paste below code as a  HTML/Javascript  widget. <styl

How to change or Replace Post a Comment Text Cool Image/Text On Blogger

Spice up your comment section by changing your old boring "Post a Comment" text with cool image or a text as you wish.This is a very simple hack you don't need to add any JavaScript or any other codes just replace a piece of code with your own image or text.Here I am giving few image which you can use these images or you can add your own images.Now lets go to the tutorial: How To Replace Post a Comment Text? Go to Blogger Dashboard > Design > Edit HTML. As always download/backup a copy of your template. Tick expand widget template checkbox Now find below piece of code in your template <data:postCommentMsg/> You will find this code more than once,you need to find the code which looks like this - <h4 id='comment-post-message'> <data:postCommentMsg/> </h4> Now replace above red colored code with one of the below image code.Here you can use your own image or your own text also. Some Image Samples Here I am giving some sample of images you

Add Facebook Popup Widge WordPress Style For Blogger Like Box

Facebook likebox popup is one of the evergreen blogger widget. Till now I have shared many versions of facebook likebox popups but this one is totally different among of them, you may have seen this type of popup on wordpress blogs. But today I am sharing a totally bloggerized version of this popup. Live Widget Demo Before going further have a look on other popup widgets by Helper Blogger Other Popup Widgets By Helper Blogger  Widget Installation The installation of this widget is damn easy, you can add this widget as an simple HTML/JavaScript widget. Follow below steps to add this widget Go to Blogger Dashboard Select your blog from Go to Layout > Add Widget > HTML/JavaScript Copy and Paste code (don't forgot to change our username with yours) Save your widget <script src= 'http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' type= 'text/javascript' ></script> <style> #hbfanback { display : none ; backgroun