Showing posts with label Blog design. Show all posts
Showing posts with label Blog design. Show all posts

Tuesday, 4 June 2013

Installing IntenseDebate Comments in Blogger

Posted by Abhishek 4 Comments
intensedebateHello Friends Intensedebate is a popular commenting system that is used by million of other blogs.Well i am not using intensedebate on my blog as i like disqus more than any other commenting system.Intensedebate is another alternative for the blogger commenting system for the blogspost users.Intensedebate commenting system is very fast in loading and comply with almost all types of the design of the blogs.Installing intensedebate in your blog is very easy.With using intensedebate you gives your users to better engage with your blog.It will allow the users who comment on your blog to give a link to their latest post at the bottom of their comment.This will increase the number of comments on your posts as users are getting links back to their posts.So this is another plus point of this commenting system.So Follow my below steps if you want to install intensedebate commenting system in your blogger blog.

Features Of Intensdebate


IntenseDebate is one of the most popular feature-rich comment system for WordPress, Blogger, Tumblr and many other blogging/CMS platforms. With IntenseDebate,you can do many things than your default comment system.These are some main features of IntenseDebate comments.



  • Commentluv

  • Comment Threading.

  • Reply-By-Email.

  • Email Notifications.

  • Commenter Profiles.

  • Moderation/Blacklisting.

  • Reputation Points & Comment Voting.

  • Plugins API.

  • OpenID.

  • Widgets.

  • Twitter Connect.

  • Facebook Connect.

  • RSS Readers & Tracking.


Steps by Step Guide for installing Intensedebate




  • First of all go to Intensedebate and sign up for an account or login if you already have one.

  • After Logging in you will be on your dashboard  in the above menu click on the sites option and then on the Add Blog/Site option.

  • Simply enter url of your blog and click on next step.

  • Here you will be asked to upload the template of your blog. To do so you will need  Go to Template tab in your blog , there in the Upper Right corner you will see a Backup/Restore option , in it there will be option to download the template . Now coming back to the IntenseDebate site , upload the downloaded copy and proceed further

  • Now you will be presented with the code which you have to put inplace of the current template . To do that go to Templates > Edit HTML and then paste all code their and Save.

  • This will install IntenseDebate Comments and you will start seeing them inplace of the default commenting system.

  • Thats it Friends hope it will be easy.



Read More

Wednesday, 17 April 2013

Best Websites To Download Free Blogger Templates

Posted by Abhishek
freebtemplatesWhen it comes to blogging with quality content the second thing that matters the most is the design of your blog.Even through every blogger is not a designer so it's not important that he should design his own template but he can get a good one from the web.There are a tons of Blogger template available out there from which you can download Free Templates for your blog.But sometime some newbies finds it hard to get some Seo Friendly templates for their blog and gets their ranking down in the search engines.So today i am going to provide you with some best websites out there which provides you free Seo Friendly Blogger Templates.

Best Websites To Download Free Blogger Templates

  1. BestBloggerTemplates.Net- This Website has been managed by Paul Crowe Which is a good and known name in the blogging industry.Without any doubt BBT is providing you much quality templates to their users from some past few years.The templates Provided from BBT Are good in design and is Seo Friendly is well.You can get any template you want by using the colour name ,category,style,sidebars etc.

  2. Templateism- It is also a good site .This site is not that much old but they have very good SEO Friendly templates.This site is managed by Syed Faizan Ali.Since it is not so old but they are providing very well designed Templates to their users With good SEO.

  3. Btemplates4U.com-This is another great site for free blogger templates they updates their template most often.There are many Templates availiable so you can find templates according to your needs.It will meet your needs if you want to find a professional looking template for your blog for free.With providing Quality blogger templates you can also get some quality Wordpress themes is well.

  4. Btemplates.com-It is very old site for providing blogger templates along with free blogger templates they also provides some installation instructions given by the site admin.Navigation of this site is very simple and you will not find any difficulties to find templates for your blog.

  5. DeluxTemplates.Net-They have a pretty big collection of templates for both blogger and wordpress.There templates are SEO Friendly.They provide themes related to almost all categories that can fit almost to any type of blog.So if you want to have a stunning design for your blog then you must visit them.


Now do tell us what do u think about these sites if you have any other great site for SEO Friendly templates then do tell us in the comments below.Take care Buddies.

 
Read More

Thursday, 14 March 2013

How to remove blogger default Share buttons

Posted by Abhishek
Hello Friends The default share buttons from blogger are small in size looks cool but addthis and sharethis are giving away more functionility to you which are click tracking ,number of likes,share etc. Thats probable the reason why more and more peoples are removing the default share buttons from blogger and install those buttons in their blog.But sometime some newbies struck off on how to remove those default share buttons from their blog.So today i will guide you how you can remove those buttons from your blogger blog.There are basically two methods for you to remove these butttons from your blogger blogs .We will take the simplest one to remove these buttons from your blogger blog.

How to remove blogger default Share buttons

  1. Go to Your Blogger Dashboard.
  2. From the Drop Down Menu Click on Layouts > Edit on the Blog Posts Section.
  3. Now a pop up will pop up and then uncheck the box corresponding to 'Show Share Buttons'.
  4. Now Click on the Save Button Below.
  5. Now refresh your blogger blog the default share butttons will be removed now.
Hope this tutorial was easy enough for you to understand.Do tell us in the comments if any problem occurs.
Read More

Saturday, 2 March 2013

How to link Your Blogger Blog to Twitter Account to Feedburner

Posted by Abhishek
Hello Friends today i will be Explaining how you can link your blogger blog to twitter account using feedburner.You may be thinking why you need to link your twitter account to feedburner.Well managing multiple social accounts will result in the total waste of time for a part time blogger as concerned.Google after doing alogirithams updates like panda now is giving more and more importance to the social presence.Social media is also a great way to bring more and more traffic to your blog.So going to start a blogger blog without having social networking sites is not a good way at all.SO it will be a good way to connect your feedburner account to twitter account so that you can post all of your newer content automatically to twitter accounts.How to link your blogger account to twitter account is just a simple process.

How to link Your Blogger Blog to Twitter Account to Feedburner 

  • Go To Feedburner and then sign in to it .
  • Now choose Your Blog Feed which you want to link to twitter.
  • Then Click on Publicize and then click on Socialize.
  • Now Click On Add A Twitter Account.
  • Now a New window will open just login with your twitter account and click on authorize.
  • Now you will be back to feedburner just customize your setting there and click on save .
Thats it friends nw you have sucsessfully added your twitter account to feedburner and all of your blog posts will automatically published to twitter.Any problems Comment below.
Read More

Friday, 1 March 2013

Add A Stylish Ribbon To Your Latest Post

Posted by Abhishek
Hello Friends you might have seen this type of hack in mbt's template and many of you should have the wish to add this hack to your blogger blog .But you may not have found it any where on the net so today i am here to tell you how you can add this stylish ribbon right to your blogger blog.The main reasons behind using this type of ribbons is these type of ribbons are more eye catching then anything else.This ribbon will be shown at the right top corner of your posts and will look aweosme at your blog .To add this hack you just need to copy paste some codes into your blogger blogs template and then refresh your blog to see it live in action.It will work almost in all major browser wihtout having any problem.

Add A Stylish Ribbon To Your Latest Post

  • Go to Your Blogger Dashboard.
  • From the Drop Down Menu Select Templates >Edit Html
  • Now Look For  and paste the below code just after it.
  • Now Look For  ]]> and paste the below code just above it.
View Coding
  • Now Save your template and go to your blogger blog to see it live in action.
Thats it friends you have installed a working stylish ribbon to your blogger blog.Any problems leave them in the comments below.
Read More

Customized Labels Cloud Widget For Blogger

Posted by Abhishek
Hey Friends today we are here with another cool cloned widget you can say because this widget is mainly invented by MBT.It looks and works very very well on white or plain sheet templates.And the widgets that were developed or invented by MBT will never get old that for sure.THis is a very cool widget you will just need to add some codes to your blogger template and the widget will work fiine .You dont need to worry because i will be going to explain everything to you about how to add this customized labels cloud widget to your blogger blog.


Customized Labels Cloud Widget For Blogger

  • First of all go To Blogger Dashboard
  • From the drop down menu Select Layouts > Add a Widget > Labels.
  • In the customizations Page dont forget to choose the cloud display.
  • Now Add the Gadget .
  • Now Go TO Template >Edit Html .
  • Now Look For ]]>.
  • Paste The Below Css Code just Above it.
  • Now just Save your template and all done
  • Now go to your blog and refresh it to see the widget live in action.
If you have any problems in this widget then comment below.
Read More

Tuesday, 26 February 2013

Stylish Bubbled Social Media Subscription Widget For Blogger Blog

Posted by Abhishek
Hello Friend today i am here with another cool widget that is created by allbloggingtools this a stylish bubble type social media subscription widget and looks very cool in your blogger sidebar.I am sure this widget will surely help you to increase your fb likers twitter followers and rss subscribers.This widget is made of pure css and html so it will not descrease the loading time of your blog.In this widget we have added mainly the google plsu link ,facebook link,twitter and rss feeds.We also have a live demo for this widget so you can check this widget out before adding this widget to your blogger blog.

Live Demo

Live Demo

Add Stylish Bubbled Social Media Subscription Widget For Blogger Blog

Adding this wigdet in your blogger blog is very easy i have created an widget generator so that you can add it easily in your blogger blog.

  • Just customize all the setting and then click on Generate
  • After clicking on generate Click on Add to blogger.
  • Now A New tab will be opened Just Choose Your Blog there and give the title you wanna give and click on Add widget.
  • Thats it now go to your blogger blog and refresh it to see this widget live in action.
If you have any problems regarding this widget or the widget generator is not working then kindly leave an comment below.
Read More

Thursday, 21 February 2013

Install Disqus Recent Comments Widget In Blogger

Posted by Abhishek 8 Comments
Hii Friends today i am here with a new cool recent comments widget for you.We have already shared how you can install disqus commenting system in blogger and how you can earn money with disqus discovery program. I have also told you that how you can add Recent comments widget with rounded avtars. THat widget also worked good with blogger comments. But if you switch to Disqus commenting system then this widget does not works any more.And will not show any new comments and will show the last comment before you switched to disqus.So i was searching for a recent comments widget that can be used with blogger itself.And i have founded a good one you can use to add to your blogger blog if you have switched to disqus.Adding this widget in your blog is very easy.I have created a widget generator so you just had to fill in some details and you will be ready to go.So if you want to add this widget then follow the simple steps below.

Install Disqus Recent Comments Widget In Blogger 


Customizations

  • In the above widget generator replace Rkcreationzzz with your disqus site id.You can find it from your disqus account.e.g:-rkcreationzzz.disqus.com
  • In the second field just enter the number of comments you want in the widget.
  • In the third field Enter the size of avtar you want .
  • In the fourth field select whether you want avatars in the comments widget or not.
  • And in the final field just display the number of characters you want to show.
  • Then click on Generate and then click on Add to blogger.
  • And THats it the widget would be added to your blogger blog.

FEED BACK

I have explained everything above but still if you have any problems then feel free to comment below.
Read More

Sunday, 17 February 2013

How to Hide Posts from your Blogger Homepage Easily

Posted by Abhishek
Whenever you start a new blog you will get the default layout like the posts on the left and sidebar on the right side, so thats default and you can add more and more widgets to your sidebar section.But if you want to make your look like an html site then you had to hide these posts from your blog so that you can add widgets to all of your blog and no posts will be visible.

You can easily do this by just adding some codes in the default codes present in your blogger blog.So basically we will use tha b conditional tags to state that we do not need this post section on blogger hompage ,so check out the steps below.

  1. Go to Your Blogger Dashboard.
  2. Now Go To Templates > Edit Html.
  3. Now press Ctrl+Fand search for the below code.
     
  4. Now Just Replace The Whole Code With The Below One.
  5. Now Save Your Template and refresh your blog.
Thats it friends now your blog wont have any posts section visible and if anytime you want your posts back then just remove the red colour code from your blogger blog and your blog will again start showing the posts.
Source-Hackinguniversity
Read More

Add Keyboard Keys Effect to your Text using CSS in Blogger

Posted by Abhishek
Many time you might have seen this type of effects in my blog posts many time i use it and many time i dont uses it.I will still using the same effect to guide you to how you can add this type of keyboard effects in your texts using css in your blogger blog.Well this is firstly inspired by Mr. Amit Agarwal's Blog Labnol.org I dont really know that this was created by him but i firstly seened this effect on his blog and then added it to my blog.

This effect can be used to display many different keystrokes if you are in the windows niche or anywhere else depends on your posting creativity.So now many peoples requested me on how to add this type of effect to their personal blogger blog .So here goes the tutorial ,so check it out and have fun.

  1.  Open Blogger >Templates > Edit Html
  2. Now Press Ctrl+F And search for ]]>now paste below code just above it.
    View Coding
  3. Now Save your Template.

  4. Now Whenever you creat any post and you want this effect then switch to the html mode and type your text and surround it with the below code
    text
  5. Now just Replace the red text with your text and all done.
Source-Hackinguniversity
Read More

Sunday, 10 February 2013

Cool Big Grey Buttons Social Subscribe Widget for Blogger

Posted by Abhishek
Now attract more and more visitors engagging with your blogger blog by adding this 3 panel subscription widget in your blogger blog.This widget will allow you to have acsess to your twitter account ,facebook account & rss feeds.They can also subscribe to your email updates with the widget that is tied below these three buttons.You can see the display of this widget in the above image well i dont have any live demo for this widget but yes you can paste this widget codes in your blog and can look how good it looks

Add Cool Big Grey Buttons Social Subscribe Widget for Blogger

  • To Add this Beautiful Widget in your blogger blog Just customize the settings in the Below widget generator
  • Then CLick On The Generate Button.
  • Then CLick On The Add To Blogger Button

If you are having any problem regarding this topic then you can freely leave an comment below and i will help you as soon as below
Source-Hackinguniversity
Read More

Friday, 8 February 2013

Glossy Black Social Subscribe Buttons for Blogger Blogs

Posted by Abhishek
Hello Friends today we are here with a new set of social subscribe buttons for your blogger blog.This widget can be used in your blogger blog or wordpress blog without facing any problem.So you will just need to add some codes and you will be good to display your social subscribe buttons to your visitors.These social subscribe buttons dont need any javascript to hover this is the magic of css.So this widget will not effect the loading time for your blogger blog.This widget is good to attract your visitors attention and make them turn into your social subscribers. This widget is very easy to add you will just need to paste some css and some html coding in your template and you will be good to go. So Lets start....

How To Add Glossy Black Social Subscribe Buttons for Blogger Blogs

  • Go To Your Blogger Dashboard-->Templates-->Edit Html
  • Now Look For ]]> paste below css above it.
  • View Coding

  • Now Save your template.
  • Now Go To Layouts-->Add Gadget
  • Choose Html/Javascript And paste the below coding in it
View Coding

  • Now Just Replace xxxxxxx  With your profile links.
  • Now Save the widget and all done Friends.

Source-Hackinguniversity
Read More

Thursday, 7 February 2013

How to Replace Newer, Older & Home Navigation Links with Image Buttons

Posted by Abhishek
Hello Friends today in this tutorial i will show you how you can replace the home,older,and newer navigation links with images.These buttons can be downloaded from here.These Cool Buttons are been made by Mybloggertricks.com.If you are using the numbered page navigation these links will only be visible on post pages only. Because the page navigation widget does not works on the post pages so these icons will be good to add on post pages is well.However you can also design your own icons to use instead of those icons  made by Mybloggertricks. This widget will also not provide any effect on your page navigation widget.

How to Replace Newer, Older & Home Navigation Links with Image Buttons

  • Go TO Your Blogger Dashboard -->Templates -->Edit Html
  • Then Check The Expand Widget Templates
  • Now To Replace The Older Link Look For  and replace it with the below code

  •  To Replace The Newer Link Look For  and replace it with the below code
  • To Replace the Home Link Look For   and replace it with the below code

  • You Can also change the images by replacing the images in above codes 
  • All Done Now Save your template And enjoy the newer buttons and do comment about the tutorial 


Read More

Saturday, 2 February 2013

Add Flying Text Following Mouse Cursor in Blogger Blog

Posted by Abhishek
Hello Friends you might have seen on some low priority blogs that they uses some scripts that shows text flying and following the mouse cursor position.So Where ever the mouse will go the tet will follow the cursor in an dancing way.If you have seen this type of scripts in some blogs and have wished to add this to your blogger blog to then you are at the right place . So in todays tutorial we will tell you how you can add flying text message to mouse cursor in your blogger blog.
This widget is basically depends on the javascript.So follow the easy steps below to add flying text to mouse curosr in you blogger blog.
  • Go To YOur Blogger Dashboard--> Templates-->Edit Html
  • Now Look For and paste the below coding just above .
View Coding
  • Now Just Change The Text In Red Colour To Your Message.
  • You Can Also Change The Colour Just Change The code in Blue Colour.
  • So that's it now the test will be live on your blog following your cursor in a dancing way, do comment about how you liked this tutorial.
Source-Hackinguniversity
Read More

Thursday, 31 January 2013

ADD A NUMBERED PAGE NAVIGATION WIDGET WITH HOVER EFFECTS IN YOUR BLOGGER BLOG

Posted by Abhishek

Hello Friends Today i am here and i will be telling you how you can add a numbered page navigation widget with hover effects in your blogger blog.Numbered Page navigation is proved to be unique style for blogger blog becuase it gives a different look to your visitors and also reduces the codings of home,newer,older.So in Todays post i will tell you how you can add a numbered page navigation widget with hover effects to your blogger blog.Adding this page navigation widget to your blogger blog is very easy you just need to paste some javascript codes and some css codes to your template and all done. And the most important thing is that you can easily customize this widget according 
to your need. To customize this widget you just need 
to have a bit knowledge of css. And thats it you can sutomize this widget to your need.So below Are the steps for you how you can add this numbered page navigation widget to your blogger blog.

ADD A NUMBERED PAGE NAVIGATION WIDGET WITH HOVER EFFECTS IN YOUR BLOGGER BLOG

  • Go To your Blogger Dashboard
  • From Drop Down Menu Select Templates
  • Now Check the Expand Widget Templates box
  • Now Look For  and paste the below css coding just beofre it.
View Coding
  • Now Look For The Below Line

  • Paste The Below Coding Just After the above line
View Coding

  • Find Below Line
 

  • And Replace it with the below coding
  

  • Now tap on save your template and you are done
From The Editors Desk:-
Hope the above tutorial was easy for you the main benefit of this widget is you can jump to any page you want from your homepage. Well i will be coming up with more page navigation widget in some days till then enjoy this one. Any problems in this widget just comment below and i will provide you with the solution.



Read More

Blogism Elegant Blue Contrast Blogger Template Download

Posted by Abhishek
Hello Friends Today we are here to provide you another excellent blogger template that is being developed by templateism.com.The Name of this excellent blogger template is blogism. Blogism is simple yet elegantly clean blogger template.This theme can support multiple blogs of different niches.However, this template is perfect for Blogging, Technology, Social Media and new bulletin based websites.it also has many features that will bring spark in the eyes of your visitors. We have added an incredible header that are full of marvelous gadget like navigation menu and more.

Live Demo

Live Demo

Features

  • Social Sharing Buttons With Counter
  • Auto Read More Button
  • Ads Ready
  • Author Avatar with Each Article
  • Wordpress Type
  • Magazine Style
  • Threaded commenting system

Download

Download Now
Read More

Tuesday, 29 January 2013

SEO Optimize Blogger Post Titles for Higher Search Results

Posted by Abhishek
Hello Friends Today i will tell you how you can get Higher Rankings In Search Engines. Working on blogger is a lot easier with doing a few customizations and bit of little hard work.Everything is right at place under one hood and even served by Google.So We all rely on blogger for its awesome features but it still need some customizations for seo to get higher search results.So i am writing this post for you  to optimize their blogger post titles to get higher rankings in search.

So now what I am talking about is you might have seen this like your Blog Title coming first and then comes your Post Title like below example.

My Premium Lab | SEO Optimize Blogger Post Titles for Higher Search Results

In The Above Line you can see that the title of your blog is coming ahead of your post title. So you will get the same as above in the google search  your title will look less attractive to get more visitors to your blog. SO We Will make it like Below to make it attractive and get more and more visitors.

SEO Optimize Blogger Post Titles for Higher Search Results | Mypremiumlab

 So now just jump into below tutorial and start optimizing your blogger posts

  • Go to your Blogger Dashboard
  • From Drop Down Menu Select Templates
  • Now Click On Edit Html and search for the below code
<data:blog.title/>

  • Now Replace It With The Below Code
 <data:blog.pageName/> |<span><data:blog.title/></span><data:blog.pageTitle/>

  •  If you want to remove the blog title from the end then kindly remove that code  from the  upper coding
  • Thats it Friends 

Source-Hackinguniversity
Read More

Sunday, 27 January 2013

My Blogger Tricks LikeBlogger Template

Posted by Abhishek
Hello Users You might have seen the blogger tips & tricks giant mybloggertricks has changed their template to a very cool one.This new template only needs one word "Awesome".The updated version of mbt's template is very techy . So We Decided to clone this blogger template and come with the master piece . So Today we are sharing this beautiful techy blogger template to our loyal users.

Live Demo

Live Demo

Features

This Blogger Template has many features listed below:-
  • Automatic Read More
  • Seo optimized
  • Ads Ready
  • Technology Style
  • Author box
  • Responsive Template

Download

Download Now
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

Saturday, 19 January 2013

Minimum a Responsive Blogger template

Posted by Abhishek

Hello Friends Today We are sharing a template which is designed by chandeep from blogtipsntricks.comWe are very happy to release this responsive template. This Template is a wordpress child template published by studiopress.This Template has many features like inbuilt social profiles, Subscribe form,custom button,threaded comments and much more.

Live Demo


Main Features

  • Nice and Clean Design
  • Responsive Theme Layout
  • Minimal look
  • SEO Optimized
  • Fast loading Theme
  • custom home page layout
  • 2 Navigation Menus
  • Custom About me widget
  • Page navigation Widget
  • Stunning Threaded Comments Section
  • Customized heading tags (h1 to h6)
  • Custom opt-in subscribe form
  • Custom Social Profile widget (home Page)
  • Custom Tables
  • Custom Forms and Buttons

Download

Read More