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



Add email subscription form

How to add email subscription form in your blog?

Follow these steps and it will be very easy.

Step-1. Go to feedburner.com, login your account.Here you will see form like this in image first.Type your blog url in blank field where in image type animes-for-download.blogspot.com.Click i am apodcaster if you want to include in your blog video or music files otherwise leave it blank.Now click next you will see page -2 as in image -2


Image-1


Step-2. Mark in second feed for blogspot.com bloggers because rss feed is default feed. Click next you will see page-3 as in image-3.


Image-2
Step-3.Check all content is correct as given in image-3 below in your form.

Image-3
Step-4. In 4th step you will see as image in 4.
Image-4
Step-5. Step five is only for those who are podcaster,you can skip this step.But if you want you can fill all information about your site as shown in image-5.
Image-5
Step-6. You can click all items but leave blank if you not want these.
Image-6
Step-7. This is final step of your adding site in feedburner.Here you will see congtatulation about adding you site is done.
Image-7
Step-8. From here your fist step start to get Email subscription code for you blog or site.Look at above bar you will see Publicize click this. In the next page you will see Email Subscription in left-side click it.
Image-8
Step-9. When you click Email Subscription at next page you will see Activate button,at default this service is inactive,activate it by clicking at activate button.
Image-9
Step-10. At final step you will see the page containing Subscription form code below subscription Management. Copy and paste this code in your blog or site where you want this form to appear.
Image-10





Share:

Add RSS Feed Counter in Blog or Site

How to add RSS feed counter in your blog?

Follow all steps given in Add Email Subscription Form  if you have not feedburner account,if you have then login your aacount and follow instuction given here. Instead of geting email subscription form,we will get feed counter code for feed counter.

Step-1. Click on publicize as shown in image above.

Step-2. Now click on Feed Count in  leftside you will see page as given above in image. In default this service is inactive click to active it.

Step-3. You can change the colour of counter and text if you want, in default it is sky blue.

Step-4. Save changes if you made any changes in colour of body and text.

Step-5. there is two options for counter static and animated. Choose one copy code and paste in your blog or site where you want to appeare this counter.



Share:

3D Shooter

Play 3D Shooter

Instructions :

1. Choose your level
2. Click left mouse button for shoot.
3. For reload click on bullete case.








Share:

Collection of Best Font

A Collection of Best Font


These are the hot collection of fonts from A to Z Alphabets. For download

click the link below wait for 15 sec and download all files one by one. extract

all files togeter with winrar.

 
Download






Share:

Code for Expand Post

How to Implement Code for expand post view or read more?


For implement this code in blog template follow these steps.

Remember before making any changes download your template so

you can revert it later if you want.

1. Login to your Blogger account.
2. Then go to layout.
3. Click edit html.
3. Mark in the box Expand Widget Templates.
4. Find( ]]></b:skin> ) or you can just do this
press ctrl-f and copy paste in box and search.
5. Copy paste code given below in colored box just below it.


<!-- Style to implement "Read more on this Article" link in all the posts (Start) --> <style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style> <!-- Style to implement "Read more on this Article" link in all the posts (End) -->

6. Pres again ctrl-f and find this code ( <data:post.body/> )
copy and paste code given in colored box below this code.

<!-- Code to show "Read more ..." Link (Begin) -->
<b:if cond='data:blog.pageType != "item"'>
<span>
<a expr:href='data:post.url' style='color:#0000FF; text-align:right; font-weight:bold; text-decoration:none' >Read more ...</a>
</span>
</b:if>
<!-- Code to show "Read more..." Link (End) -->

7. When you publish post and want to hide some part, then
use this code and place all that piece of post which you
between want to hide between this code.


<span class="fullpost">
place here what you want to hide.
</span>

Share:

Favicon

How to add Favicon ?

First of all, what is favicon? Favicon are logos which appears in we browsers. How can change these in blogger? We can change this in blogger, you have to place code in your html file. When you save this code in your html file, then during page loading this favicon will take over the default blogger favicon.

1. For creating favicons you need a favicon image. For creation

of image click here.

2. Upload this image to any image uploading site in your account,

copy image link to insert in code.


3. Edit given code.

]]></b:skin>


<!-- freefromdragon.blogspot.com dynamic favicon code -->
<link href='http://i39.tinypic.com/2v93vb8.jpg?user=manature' rel='shortcut icon' type='image/x-icon'/>
<link href='http://i39.tinypic.com/2v93vb8.jpg?user=manature' rel='icon' type='image/gif'/>
<!-- end of freefromdragon.blogspot.com dynamic favicon code -->

4. Replace image code in red with your image code.

5. In you html editor find ( ]]></b:skin> ) , paste the above

edited code just below the code in orange and save html file.

Now browse your blog.









Share:

Add Comment Box Below Post

How to add comment box below post?
Do you like blogger Comment Box? No?
Then here is the trick to add comment box just below the post.
1. First you have to need account in draft.blogger.com. Don't
worry, no need for another account,copy and past draft.blogger.com
in explorer and send.There you login with you blogger account.

2. Click settings --> comments --> Comment Form Placement(

here mark Embedded below post) just like in image.




3. Now for changing code. first click layout,the Edit HTML ,the click box of

    Expand Widget Templates . Before you made any changes i suggest you to
   download and save your current template by  click  Download Full
   Template. Now find code given in red below in your html file. if your
   are not able to find  it do this trick. Press ctrl f of your keyboard
   and search  by placing this code ( class='comment-footer ) in
    search box which appear on screen.



Share:

Hide Blogger navbar

How to hide blogger navbar.
As you noticed blogger's default templates have navbar on
the top just below the browser. If you  not like this,  here
is the trick how to hide this.




1. Sign in to your blogger account. Click on the layuot button on
    the top.

2. Now click on the Edit HTML as shown  in the picture below.
    Here your blog html editor will be opened where you have
     to put code to hide navbar.



Share:

Wallpapers of Animals

Wallpapers of Animals















Share:

Ad Space

Responsive Advertisement

Blog Archive