Pages - Menu

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

Saturday, 17 April 2010

12+ tips to show your inner or older blog post to your reader

Do you ever think, Why your old blog entries and your older article, post is most non viewed elements? Many of you start blogging with annoy identification. It doesn't matter but, this may hurt you after you have large number of blog post. So, you understand? You have to start blogging with entire known identification. Then you and your blog must be popular. This is the solution for the beginners. But, people who already done their work to their blog, What should they do?

You have a good content in your blog. And that content are not able to show to your reader, because that is inside and inside in your blog. So, here is some tips to show your good quality article inside your blog.



Placement of navigation bar on top:  You should place some navigation menu bar to the top of your blog header with some link. Just don't forget not only link, it should be attractive to impress you loyal reader. And navigate to your blog post or different labels.

Random posts: Try to put a random post widget to your blog. This helps to your reader to see the random post whether, they are older or newer.

Removal of useless widget:  If you have some useless widget to your blog, then try to remove it. Because your blog will be heavy and your loyal reader can't access your blog perfectly. If your reader click any other internal link of your blog post, then most of the visitor doesn't patience and get out from your blog or directly close your blog window.

Page navigation: You show place page number navigation widget to show exact number of  your blog pages. Either, they can directly jump to your farthest blog post. And your older blog post will be reviewed. But, you have to ensure that  your widget must be well designed and impressive.

Link to your older post: Time-to-time, you should link to your older blog post by the topic of current features. If you get some topic and you remember your older posts, the of course you can link to it to your post in your new article.

Search bar: Search form is equal important. Your reader can search whatever they want from your blog. They can found their topic and you also happy they also happy :)

Related post: You have to place related post widget to each blog post. And your older blog post can be viewed by your loyal reader. Try to place link not picture with thumbnail.

Contest management: It is very awesome way to redefine your old and new articles. For example, I just launched Top Commentator Contest and also I announced winner. See these links to see the contest result. You can get comment and get views of your older post. Reader try to comment more. In the path of commenting lots of visitors go to comment in your inner post.

Resolve the temporary issues: If your have commented in your inner post of your blog requesting to solve the problem of your blog or their issue then, don't be lazy. Immediately try to place your work in rest position and let's hear your reader's voice.

Commenting to others blog: If you find related article in others blog, the you can link to your blog with encouraging words like, We have same article!

Add rest of the widget: You can put rest of the linked widget to your blog like populat post, recent comments, most discussed, etc.

Keyword popularity: In the search engines, all the website article are searched in the basis of quality keyword. Any one can reach to your any post from the search engines. So, it is important to have quality keyword.


The above are my guess. You can added your own think and voice in this post. Just share your mind via comment. Feel free to take some action about this topic.

View This Article / Download>>

Wednesday, 31 March 2010

Blogging Tips, a blog about blogging

Blogging Tips is a great place to learn about blogging....

Updated: Hey guys, don't forget to participate on Blogging tips Contest. I'm already in the contest :) What about you?

Blogging Tips is owned by Salman, a student and a part time blogger.The site is proudly powered by wordpress with a google page rank of 2, alexa rank of 107K with over 7000 backlinks and a link popularity of 18000 +

Blogging Tips

You can obtain every blogging tips and support from this blog. This blog goes further with your developed blog and help you to have more professional blog.

About the owner of Blogging Tips:

Salman, the owner of Blogging Tips is an active user and a top commentator at my blog.He is very friendly.He is blogging from 2008 and has blogged on over 10 blogs.

Blogging Tips receives quality visitors daily, you can visit the site, leave some comments and drive some of their traffic to your blog via the top commentators plugin.The site uses dofollow comments , so your blog's SERP rank may improve.

Visit this blog: Blogging tips

View This Article / Download>>

Tuesday, 30 March 2010

Floating page loading icon and text for blogger

If your page is taking time to load, this may be the best solution to tell your reader to be patience. You have seen many animated loading icons in Facebook, Fire Fox tab, and anywhere else. The icon disappears when the page is completely loaded.For the dome look can look at here(see the top right corner). This tutorial may be easy to you but, it was difficult to make the script. Here is the tutorials how to add in your blogger blog.


Adding floating loading icon in your blog

It's simple, just you have to copy and paste script in your template code.


Go to layout and Edit Html. In your template section, find the the code

Then, replace the tag with the following code:



Now you can see the loading animated icon in the top right of your blog and it will disappears when your blog is completely loaded.

Changing animated icon and text 

You can change the animated icons with another image or text. You have to change the red colored URL with your image URL. I host the image in Imgboot. It is ultimate image hosting service. You can host with your own service. But, don't try to host it with blogger because the animated image will stop animating.

Here are some animated loading icon:









































And if you want to place text with animated icon, just type your text instead of image URL. Type the text link Loading, Please wait, Be patience or what ever you link.

These codes are not only for blogger, everyone can use who are involved in web designing and who have HTML parts.

Hope this help you. If you found any other animated icons you can share with me via comments :)

View This Article / Download>>

Sunday, 24 January 2010

Some Thoughts and Voice Of Blogger

In our blog-o-sphere many people are sharing the tips, tricks views and whatever in their opinion. Blogger is one of the great place to connect with friends and making money online & it's too easy to use.

In this platform few people have custom like tradition i.e they copy the article from prefect bloggers and paste to their site. It's not legal. They will not get any more benefits because the readers are not that much mad they will leave the perfect bloggers and go according to ticker who copy the are article from good minded people.



I got some popular blogger blogspots:-


Blogger Buster

Blogger Plugins

Blogger Stop

Anshul Dudeja

All Blog Tools

Blogger Tricks

One who create an idea and he/she decided to share to theirs, other copy their idea with or without credits. This procsess happens continuously until the topic ends. For better example search for any blogger tricks in Google, You will found thousand of search results.

If we all try to share the same idea, then who will use blogger to write the real thought? Many people are not using this service properly. There are few people who use this with perfect handle. The author of Blogger Tips And Tricks is Peter. According to his introduction he is just a simple pensioner. He is an introvert who find it hard to smile for the camera. Any way he is the hard worker.

So many people are addicted with blogger and so many people have  some dream to do something with their blog in future. What happen if this service close? I got some thought from Suraz. He is author of YouCanHack. He is dreaming about blogspot blogs are shutting down. Read his full article here.

What do you think? Is it good to copy and share the same tricks everywhere?  Increasing blog population just create Web Warming :P



Any way all the rights of your blog is reserved by you. I'm just trying to share my thought to you all. I have a full time ti hear your voice by comment :) Happy Blogging.

View This Article / Download>>

Friday, 1 January 2010

Placement of Ads or Widgets below the post title in Blogger

This post is specially for one of my reader. I have just received a comment from Sarvesh. He was asking about how to put the Google ads below the post title. This will give better ad revenue and this is one of the good placement of ads.

Admin
it will great if you show how to add ads in the post like you have in blogger i want to know it plz will u write a post abt it or tell me plz :)
I am glad to answer this question. Now have a look how to do this.




First log in to Blogger.com -> Layout-> Edit Html tab and Check Expand Widget Template.
Search for the following line of code:
If you haven't found above code, search for the following:
 
Got it? ok. Now you can add the widget (ads) code just below the above code. See the below example:


You ads Code Goes Here....
                         OR

You ads Code Goes Here....
Replace the red colored text with your ad or widget code. If you get some problem like the ads or widget are show in home page also, you have to put some line of the code to show the widget in only one post page ( inside the page).

Replace the code which you have found above with:



You ads Code Goes Here....(first ad)

                             OR



You ads Code Goes Here....(first ad)

 
 Now, you will see your ads or widget are only inside the page. But don't forget to replace red text with your code.
Placement for second ad

The above one is first ad (left in position) . Now you can put second ad (Right in position). See the following example for details:




You ads Code Goes Here....(second ad)

                        Or



You ads Code Goes Here....(second ad)

Updated

It may not work if you copy the ad code directly form adsense. You have to encode that html ads code. Do the following:
Copy & paste your ad code to following form and click Convert. Then copy the code after converting it & replace red text with the code which you have converted.



And that's it. Hope it was clear. If you get some problem, you can frequently ask me :)

View This Article / Download>>

Thursday, 31 December 2009

Add Advanced Three Wrapper Widget in blogger

You have seen the three wrapper widget in many modified templates. It is very useful in blogging platform. You can add html and javascript gadgets like recent posts, recent articles, popular posts or whatever you like. It is better to add gadgets in sidebar. But it's more better to keep widget in bottom of the page.

As it is bottom of the page, readers can read your full article first and widget in last. Where widgets are not much important your post. See the following example:




You can add this widget by following the steps.

First Log in to Blogger.com

Go to Layout -> Edit Html Tabs.

Now search for these code:

   

   

   Paste your code here. And paste the below code as show above:






 
 
   


 

 

   
 


 









 
 
   


 

 

   
 


 









 
 
   


 

 

   
 


 






If you get some problems, you have to add the CSS code.

Now, find ]]>

Paste the following code before ]]>


#lower {
       margin:auto;
       padding: 0px 0px 20px 0px;
       width: 100%;
       background:#F6F6F6;
      
     
} 
#lower-wrapper {
       margin:auto;
       padding: 30px 0px 20px 0px;
       width: 960px;

}

#lowerbar-wrapper {
       border:1px solid #DEDEDE;
       background:#FFFFFF;
       float: left;
       margin: 0px 5px auto;
       padding-bottom: 20px;
       width: 32%;
       text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
       overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}


.lowerbar h2 {
       margin: 0px 0px 10px 0px;
       padding: 6px 0px 10px 6px;
       background: #7AA1C3;
       text-align: left;
       color:#FFF;
       font-weight: normal;
       font-size:16px;
}

.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}

.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px solid #ccc;
}

.lowerbar a {color:  #698CAB; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: #B5BFC9;}
.lowerbar a:visited {text-decoration: none; color: #B5BFC9;}

You can customize the CSS code as your like and Save The Template. And you're Done!



See in the layout section. You can find three new advanced 'Ad a Gadget'. Now add whatever you like!

View This Article / Download>>

Saturday, 5 December 2009

Arrange your Comments Avatar with CSS in blogger

Showing the profile image in blogger comments is being popular now a day. But, it comes to have many problems based on CSS code. Many of them are searching for good CSS based codes. As I have got some problem like there is no extra place for profile image avatars. Look at the below screenshot.



 Playing with CSS and having some fun I have a trick for that. Now, look at this solved problem.

Isn't it cool? Of course it is:)

Now how to do it.
First of all Go to Blogger > Settings > Comments and enable “Show profile images on comment” as before.

In your blogger's Edit Html section search for the following code in CSS area.

    #comments-block
    width: 580px;
    float: left;
    padding: 0;
    margin: 0;
Search only #comments-block for easy (Press Ctrl+F). Now you have to customize that CSS. Change the width 580px to 545px (The width must have different according to your template) and float: left; to float: right; or you can change it's width according to your template.

Now go to Blogger Layout >Edit HTML and backup your template. Don't forget to check "Expand widget templates". And find the following code:


Or if you haven't find the above code, try to find this:


 And finally you found it? Ok then replace it with this.


Now again find this line in code: ( You can find this code easily press Ctrl+F)


And replace it with below codes.










Now Just Go to blogger edit/Html and find for ]]> tag and place the below css codes before it.
/* Avatar */
.avatar-image-container img {
background:url(http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=35);
width:35px;
height:35px;
}
Of course you can just edit the image link, height and width in above css codes as you like.

And save the template, you are Done! :) Look at my comments how it looks as better than before.
I hope your problem is solved like mine. If you have still some problem leave your comment I will try to solve it. Feel free to ask questions.

View This Article / Download>>

Saturday, 28 November 2009

Warning: Do Not Turn your Blog to "DoFollow" Blog

“Do follow” is the opposite of “No-Follow”. Wordpress blogs, by default, use the HTML nofollow attribute on links that point away from the blog. This no follow attribute comes into play with the posting of blog comments. The no-follow tag tells the search engines NOT to follow the link to any other web sites. And I suggest you to don't turn your blog to Do Follow Blog. It will be really bad to your blog. Why to turn blog to "DoFollow" blog?
Removing rel="nofollow" will bring the bad flood to your blog SEO and your pagerank. After that you can't find your page indexed in google. Making a blog a dofollow badly divides your PageRank amongst all those who come to comment and leave a link to your site. It turns a blog into a spam spot because people will comment on your blog and spam respectively (non-stop). Not only that Yahoo and Live search, you can't even get them to index your site properly much less quickly. Search Engine Optimization (SEO) can't get you properly and none of you can find your post in Search Engine. I am experienced about it.

Now I am going to tell you my story. My previous blogs Get Blogger Tricks (I changed its domain to blogspotter.co.cc) crawler rate was high. When I post something in that blog, Google can crawl my posts in just less than 2 minutes(For the proof see this post). In that time my alexa rank was increasing tremendously. But now...It is so bad. Neither my blog url is in google nor my pagerank is saved. My blog is not indexed in Google Search. I lost lots of visitors from google and other source. It all happen because rel="nofollow" attribute was removed. I can't believe that removing just a attribute can create this type of flood.

Dofollow Social Bookmark services will  decrease your PageRank and you will loose traffic. So, do it or not at your own risk. I am just giving you a simple information.
Now I have changed my blog's url and name Get Blogger Tricks to BlogSpotter. I hope google will index my blog soon.
Note: It just happen to my blog or your blog also have same problem, I don't know. But I know that I can solve your problem as mine.

Upadted: My blog url is now listed search engine. Thank God!!! :) 


Also see this, google is crawling my blog faster and faster. Look at this.








My latest post Making Flash website using free service. I have check that post's URL immediately in google search after posting that article. It just takes a minute to crawl my blog. It is really cool. My crawler access is going faster.

View This Article / Download>>

Friday, 20 November 2009

Cool CSS Hacks For Blogger/Blogspot

I have posted Making more professional blogger blogs before this. I suggest you to play with CSS because it is one of the cool stuff to make blog professional and well manage. And today I am sharing you some cool & good looking CSS hacks for your blog. It helps you to have more professional:) So, let's try it.

Create a stunning 3D push button

Nowadays, we can see 3d push buttons nearly everywhere. Most of them are achieved via JavaScript. The main problem of using these scripts is that there are greater chances that they might get blocked by the browser. And with the advent of many ad blockers it has become a serious drawback. In this situation, the CSS comes to rescue. Thought we can’t create 3d push buttons as professional as created by using JavaScript, we can create a basic 3d push button with the help of CSS.



The main CSS commands you’ll need are:
    a.pushbut {

    color:#26a;
    display:block;
    border:1px solid;
    border-color:#aaa #000 #000 #aaa;
    text-decoration:none;
    width:8em; text-align:center;
    height:2em; line-height:2em;
    background:#fc0; font-weight:bold
    }
    a.pushbut:hover
    {
    color:#26a;
    background:#ffd633;
    position:relative;
    top:1px;
    left:1px;
    border-color:#000 #aaa #aaa #000
    }
These must be within