This blog content is to help bloggers specially blogspot.com bloggers to have tips and tricks few hacks to make their blog look good to people and even to google bots



Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Make Your non-compatible blogger codes to compatible

Parse your blogger code here 👇

Use this online converter to parse your chitika, adsense,adsterra, adbrite and any HTML code into XML code which is not compatible with all the Blogger templates to make code compatible with all blogger templates or other blogs systems.

Parse Code


Now Copy pate this code and it will be compatible in blogger template

Parse Code
Share:

How to change google search snippet for your blog

How to Change Title Meta Tag? 

Do You have problem with your google snippet for your blog? You want this type of link to show in google?, For this you have to change title tag of blog
How to change Google Snippet


So follow these step to make changes in your HTML,  header title meta tag 

1. How to go in html editor see this post but first take backup of your theme so you can revert to your orignal before edit, if anything go wrong  How to edit theme in blogger 

2. Go to top of your html editor if you are not already there. 

3. Find this title tag
 
<title><data:blog.pageTitle/></title> 

 4. And replace title tag with this one by copy paste
<b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> <data:blog.title/></title></b:if>

 5. Save your template

Share:

How to edit theme in blogger

How to Create Blog in Blogger and Edit Blogger Template (Theme) 


1. First go to blogger.com and signin with your email, if still not create blog first signup. 

2. Second step to click on create blog or New blog. Fill your name of blog which you want to create in popup window or new window


click next, in next window fill your blogger name, if that name not available choose another name, if it available then save your blog.



3. To edit your blog theme click theme in your left hand-side panel
4. Now customize button will appear click on arrow as shown in image below
5. Now your theme html section will appear to edit theme. But before making any changes in  template, First take backup of your template to prevent if anything go wrong, with this backup you can revert  blog to its orignal position before edit. Now you are ready to edit your theme, add or remove any code which you want. In this section i show you how to create blog in blogger and edit theme of blogger.



Share:

Add Blogger Avatar in Comment Section

How to add Avatar in Blogger Comments?

This trick will add Avatar in Comment Section in blogger posts. This trick is only for those templates in which avatar is not showing.

Actually blogger add this feature very recently in blogger or blogspot templates. It is inbuilt or in default for blogger templates now. But for those templates which are older and made before this feature you have to add few lines of code which i will tell you step by step.

Note: First backup your current template by download it. For download go to Layout, Click "Edit Template" and Download Full Template, Save it to your PC hard drive at appropriate location for easily find.

Now For Adding Code in Template

Step;1 - First Mark Box of  "Expand Widget Templates" this will expand the template to full.

Step; 2 - In template find this line in color box below, You can find it easily by pressing Ctrl F by your key board, a popup box will appear copy and paste this line in box and click search, if line is there it will highligt, if not pressent box will show message not found.
<dl id='comments-block'>

Step; 3 - Now replace the above line with line given in color box below.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Step; 4 - In this step find this line given in box below just like find in step-1
<a expr:name='data:comment.anchorName'/>

Step; 5 - In step five replace the line of step-4 with this whole code given in color box below.
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>


Step; 6 - Now Save the template and proceed further.

Step; 7 - This is the step for adding default image. For adding this find this line ]]></b:skin>you can find it by scrolling down, for easy find unmark Expand Widget Templates.

Step; 8 - Place given code in color box below just one step above line find out in step-7.
.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkkFzSpE97KcYZGK7v-kEjCkVIwa_6sA-oF7Yc9SF9eFP9_S1_i8OqxXSscHpvqhaOjWt9ypT6zN22MyqbzPwog71rcwDMDimLOSitYH40QmJx8f5A2af0hfS9gwoE3V64ugxebqRQzjI/s1600-h/AvatarBlogger.png); width:35px;height:35px; }
.avatar-image-container img { border:none;}

Save template and you have done. See you post having any comment to check if this hack working.

Important : I have noticed that many template have not line ( ) for this type of template you have to done little more work. So i have add more steps for this type of templates.


Step; 9 - If above hack didn't worked. Find line given in color box below like as in step-1.
<b:loop values='data:post.comments' var='comment'>

Step; 10 - Place this code in color box below just after the above line in step-9. In this case step-5 Ignored.
<dt><b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if></dt>


Save the template and Check if its worked
Share:

Code for Related Post Widget for Bloggers

Code for Related Post Widget for Bloggers




With Implementing this Code in your Template you will able to show your visitor Related Post Articles in every post at the end. This widget show all related post which have same labels so include as many labels as possible in every post below right hand side box in your  editor. But remember these label should really related with post otherwise you will make this widget source of spam. So do not add labels which are not in any way related to that specific post.


Now here is Code and Implementation guide how to add this widget. But before making any changes you have to download your current Template by Click Download Full Template at top in Edit HTML section with this backup you will be able to revert template to its original state if any problem occurred during adding this widget.

Step. 1- Login your blogger account.

Step. 2- Click Dashboard then Layout then Edit HTML, Take backup of your template as said above.

Step. 3- Click  box  above at template editor.

Step. 4- Search </head> tag it will be somewhere in middle your template, if you are not able to find it then press ctrl f ( control f) in your keyboard a popup box appear, search this tag by copy pate in this search box.

Step. 5- Copy and Paste given code below just one line above it as shown below.

Share:

Earn Money by Uploading Photo



Its true you can make money by uploading photo's and wallpapers. Shareapic is this kind of site which provide space to members for upload pictures and wallpapers. When any visitor see your pic it generate few bucks which can see in stat section in members area. It has no limits of uploading pics, only few conditions you have to follow, means you can not upload porn photograph's which shows nudity of any type, copyrighted pics,photo's etc. Except earn from this site you can also earn from bidvertiser ads serving site which is affiliate of shareapic.You have to put given code from bidvertiser to shareapic in code box. This will show your bidvertiser ads just below you pics and you will earn double earning from one pic at a time. Why are you waiting just signup at both site.To Signup Photo to Upload Click Here and For Advertisement Site Click here

Warnings: 1. Do not Upload Porn, Adult or Nude Pictures of Any Kind like in Underwears,Nude,Upskirt,Nipple slip etc.If you upload these type of material your account will be deleted.
2.  Do not click your own wallpapers if your IP address is static or Fixed.
3. Do not click your own wallpapers when logged in or logged out from same IP.


Tips : 1. You can spread your wallpapers links by  making your own photo blogs or through many popular forums, sites, Social Networks like Orkut etc.
2. Do not click your own wallpapers or photo's if yourIP Address is Fixed.
3. Do not click Your wallpapers when you are logged in.
4. Never click your own wallpapers from same Ip Address from which you login and logout , Change IP address first.
5. Never try to click wallpapers from Proxy sites. As you know these type of sites use few fixed Ip address for free users and these address are known by max all sites and webmasters.
Share:

Automatic Ping Sites



 What is Pinging?


Pinging is the information to send those sites which index feed of blogs. When you make post on your blog these sites index information of that post but this is not automatic, actually you have to inform them about your post. This is done by sending ping to sites. But it will be very tedious to send ping one by one. Now if you find some site which send ping to many sites at once, hows that. These are sites which send ping at once,http://pingblog.co.tv/ . You have to put your blog name and blog url check sites where you want to send ping and click Send Pings or Ping now respectively.
Share:

Recent Post Widget

Add Recent Post Widget in Blogs

When you add this widget in your blog, it will show all your recent post to visitors.This is nice way to tell visitors what is updated on your blog. In the past time it was difficult to include this widget because addind of code to template. And every bloggers  have no knowledge of editing templates. But now blogspot include it, you have to do only some clicks. To include this in your blog.

1. Login your blogger account.
2. Click Layout.
3. Click Add a Gadget, where you want to place this widget.
4. In the popup window click featured.
5. Here you will see two type of gadgets,
    (a) Blogger Recent Posts
    (b) Recent Posts Advanced.
    the difference is that (a) is simple and (b) has more options like
    thumbnails etc.
6. Addition of (a) : It has 6 coloum,you can edit and choose options.
7. Addition of (b) :It has 11 options.Editing is same above but here
    difference is that you have to put site url in coloum three in Blog Url.
Share:

Add Social Bookmarking Button

How to add Social Bookmarking Button in Blogger

This Article will tell you how to add Social Bookmarking Buttons in your Blog. First i will tell about chicklets and Badges for side then Badges for post.

Chicklets


These are small horizontal badges which include all bookmarking sites when visitor hover it or click it it opens and visitor chhose site to bookmark pages. There is some free sites which provide these services,what you have to do is register your self to them follow information. Here is two good sites (i) addthis.com (ii) gigya.com

 (i) About addthis --> In your account click Get Your Button at top, select type where you want to put this button example : Blogger,Website,wordpress etc, Select type of button, at this time there is 10 types, Click install to side  bar and choose blog or Copy and paste given code in widget in side bar.

(ii) Now about gigya --> In your account click Get Wildfire at top left side. Now chhose bookmark button from left menu, here you can choose gigya defaul button or enter image url what you want in Customized - Enter image URL: Box. Choose button behavior ,fill Bookmark title, Copy code from Grab Code and paste in side bar.
It consist of two step one to add code in CSS part  and second is Style sheet part. To add Code follow these steps.


Badges For Sidebar 


These are small badges of bookmarking sites which are open and not hidden by chicklets. To put badges in side bar copy and paste given code below in side bar widget.

Share:

Get Feedburner Feed Link


What is Feedburner?

Feedburner is google service which automatically ping to many interesting parties to give feed of any blogger, first it was independent service but later it takeover by google. By making feed burner account you will get other many benificial services like Email Subscription form for your blog and Feed Counter etc to know more click links. here i am telling about to get feedburner feed link.


1. Copy and paste this link in your browser feedburner.google.com.
2. Login with your google,Gmail or Blogger account.
3. Put your blog url in box below this line (Burn a feed right this instant. Type your blog or feed address here:)
4. Press Next and Follow the instructions one by one. If your blog is not related to online video then avoid to mark any box related to postcad.
5. At the end you will find link like this http://feeds.feedburner.com/yoursitemane. This is your feedburner feed link.
Share:

Add Author Comment Differenciate Code

"Add Code to Differentiate Author comments From others"

Here is simple code which you have to install in your template, which differentiate author comments from Visitors Comment in your blog comment section. You can change color what you want of background. Font Style and color. This modification is in two parts , that is CSS , Stylesheet. We first modify CSS part.
Follow Steps :

1. Login your blogger account.
2. Go to your template by click first, Layout then Edit HTML.
3. Backup your existing template to revert back in any fault.
4. Find comment section in template , it is always at the upper part
   of templates, for quick search You can find by pressing ctrl+f and
   insert line in search box popup, what you have to search is  
   .comment-body {  or  .comment-author { , if you find any one
    between two these then good other wise search manually in CSS
    part related to comment
5. Now copy paste code given in "red color" just like given in colored
     box below.

Share:

Set Up Label Cloud or Tag Clod

In this article i am going to tell you how you can set up Label Cloud or Tag cloud in your Blogger Blogs.
Actually there is three diffrent codes which you have to add in your blog. These three parts are CSS or Stylesheet part, Configuration Part and Widget Part. Now we are going to add these but before adding these code backup your existing Template so that occuring of any mistake you can restore it. For downloading existing Template go to Layout, Edit HTML and Click on  Download Full Template save it to your Computer.

Now adding Label Cloud

1. Login your Blogger account.
2. Click Layout --> Edit HTML
3. Find out in template this code ]]></b:skin> (if you are not able to
    find manually then click "ctrl+F" .
4. Copy and Paste  Code given below in Box before it. Just Like in
    Box.

Share:

Promote Blogs

In this article To Promote your Blog I am giving some tips

1. Always update your blog regularly by posting good articles.
2. Do not copy paste others blogger articles.
3. Avoid useless topics.
4. Submit your blog to Blog Directory.See List here
5. Link Exchange with other Bloggers related to your blog.
6. Follow others Blog. Like Google Follower,Networked Blog,Spicy Page etc.

7. Put some gadgets on your blogs like recent viewers, Followers,Vote my blog etc so that people can follow your blog and vote for them. The aim is to place your profile link on there blog or account. This will not harm anyoune so always do it.
8. If you found interesting article on any blog bookmark that article to bookmarking site. May be someone bookmark yours. This habit is good for all bloggers.
9. Avoid to make blog on blogspot, I have blog on it and with time i found that blogspot restrict users to some points.
10. Make friends on Social Networks like, Facebook,Stumbleupon,Blogcatalog,Mybloglog,Spicypages, etc. Some sites also work as bookmarking sites, So from these sites have double benefits.
11. Do not make your blog heavy by placing usless codes and banners.
12. Write Good Comment on others articles and put your blog link with it. Do not write like (good blog,Nice Blog, Love your Blog etc), Instead of these write comment in detail about that article what you think about that article. Actually giving good comments in detail in 4 to 5 lines will sure your comment published with your blog link if comments are moderated by owner.
Share:

Add Scrollbar in Sidebar Widgets

How to add Scrollbar in Blog Widgets ?


                                                    Fig - 1

Some time your sidebar Link List or other links Widget become Very large and you want to hide it without removing links. Here is trick by which you can do this. In this trick all your links will be in scrollbar and your widget will look Very short in size. For add this scrollbar in your widget you need to modify your Template. It is not very difficult, you have to add code in your template for this follow instructions below:

1. Login You blogger Account.
2. Click Layout and then click EditHTML.
3. Scroll down to see Widget IDs Look Like In Fig - 2.



 
                                                     Fig - 2

Share:

Add Contact Me Form in Blog

How To Add Contact Me Form In Your Blog.

Contact me form is to contact you by your visitor for any purpose like link exchange, ask something personally etc.
Do you want to add Contact Me form in your blog but don't know how? Here i am giving little tutorial to implement this. You can do this by google doc. Login your google doc with your Google ID or Gmail ID,Blogger ID etc. If you have not create one before.

Here is Step By Step Tutorial:

1. Login your google account.
2. Click on New at Upper Left side and then click Form fom drop down
     menu.
3. It will be look like this in Fig-1.


                                                           Fig -1  

Share:

List of Blog Directory

List Of Blog Directories where you can apply for Index your Blog. 

Note that some of Directories are Regional so read there Term and conditions before submit your blog for index.


Tips: 1. Your aim is to get Google page rank and more traffic so do
             not bother about what kind of Directory in which you are
            applying. Just apply because because they are linking you.
         2. Always link back those directory, it 99% reduce your chances
             not to index your blog.
         3. Fill complete informations what they want.
         4. Always add Banner, Button, Screen Shots of your blogs if they
              ask. It make your  blog attractive.


 Computer,softwares,hardwares.games,money,rapidshar

blogCloud


 Computers Blogs - Blog Top Sites

Rochester NY, Work from home



TopOfBlogs

Top Computers blogs

Web Development & Design Blogs - Blog Top Sites

TOP.ORG - Topsites

GoLedy.com

Programming Blogs - Blog Catalog Blog Directory

Top Blogs


blog search directory



WORLD TOP BLOGS - Top Blog Directory | Submit URL | Add URL

BlogRankers.com

blogsbycategory.com

Video Games Blogs - Blog Rankings

blogarama - the blog directory

Add to Technorati Favorites

Dr.5z5 Open Feed Directory

Blog Directory



Topics on computer softwares,

Blog Directory

Scouter for Discussion Portal



My Blog Directory

SGBlog.com

Blog Search

Listed in LS Blogs the Blog Directory and Blog Search Engine

Search4Blogs Blogs Directory

blogoriffic.com



blog directory





Increase Page Rank
 


Indian Blogs Directory

Join My Community at MyBloglog!



Visit blogadda.com to discover Indian blogs



Top Blogs

BestCom

GetBlogs Blog Directory

Blogs Directory 
Share:

Ad Space

Responsive Advertisement

Blog Archive