Any Lessons and Tips Through Regular Posts

?max-results=10">Advertisement
');
    ?max-results="+numposts8+"&orderby=published&alt=json-in-script&callback=recentarticles7\"><\/script>");

Tuesday, April 29, 2014

How to Make Dofollow Comment Blog


dofollow comment blog pic
Do you want to make your blog dofollow comment blog? This question also arise when you want more visitors and more comments on your blog because most of the people want to comment on those blogs which are dofollow. Dofollow blog is that blog which induce backlinks for other. I will say next time about what backlink is. So the most bloggers and users want to comment on those blog and make backlink.

By the way, blogger blog is nofollow blog in default. Nofollow is not important for SEO. When you make your blog dofollow, you might get lots of comment as well as spam comments. So you should able to face with spamming because webmasters search dofollow blogs and treat them for backlinks. However, you get also lot of original comment if your blog is unique and good. In order to make your blog dofollow comment blog, just follow the given steps:-

Step 1: Lets enter into the blogger dashboard.
Step 2: And then just click on template and edit html.
Step 3. Now let just find the given code. Press CTRL and F then find this code
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
Step 4: Just replace the code nofollow by dofollow otherwise just delete the above code.
Step 5: Now click on Save Template.

Sunday, April 27, 2014

Displaying and Hiding Widgets of Blogger in Specific Pages


blogger widgetsHey guys, do you want to make your blog same like the websites? If you want, then you should modify your widget position and widget location in specific place only because there can be lot of widgets in your blog. So all of them showing in all the pages looks some what badly organized. Blogger does not have facility to arrange the widgets in particular fields but now here we are going
to write about some well tips for displaying and hiding your widgets in particular pages or fields.
It is easy to show and hide widget in particular pages in the blogger blog. Lets go through step by step solution to know hiding and displaying the widget in particular place.

Warning: Don't change any code of your template without keeping back up of that template.

  • First of all, add a widget by going in dashboard of blogger and clicking on layout then selecting the   html/javscript. 
  • After adding gadget, go to template and click on edit html.
  • Now find the the name of that widget simply pressing ctrl and f. Such as if your widget name is label, find label. When you find your widget name that should seem same like the following code
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:includable></b:widget>
  • then when you find your widget name add given tags colored with blue as the given style.
# Put as following code to display widget only in homepage.
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>
  • Add same as following to display in a specific page.
In the above code you should replace the URL of your blog link.<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>

# Put the code as following to display widgets in static pages only

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>


# Add code as given below codes to hide widget in particular pages only

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>

  • Here also your should put the URL of your blog in URL of the page

# Add the codes as give to hide blogger widget in static pages only

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>


# To display particular widget in archive page only, add the code as following 

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>

  • At last save the template after adding the codes.
  • Thank you, you have successfully done.

Friday, April 18, 2014

Add Image Icon Next to The Post Title of Blog


It is said that picture speaks itself. So as in our daily life picture is also important in web world. I mean to say that if you make your blog or site's looking good, then many unique visitors can also return in your blog or site. So that adding the image icon just before your post title may a good idea for increasing the visitors.

Here is some steps that you should consider to add image icon:

1. First of all you should make a good icon that suits your sits. Then you should upload it into www.tinypic.com and then copy the link of this picture. But your image icon size should be appropriate.

2. And then go to Dashboard and click on template>>edit html

3. Find the code below

<b:includable id='post' var='post'>

4. When you find this code then you should click on the left arrow seeing there to expand that widget code.

5. After that you should delete until you reach to <div class='post-header'>

6. And then paste the following codes in that place.
 <b:includable id='post' var='post'>  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>    <b:if cond='data:post.firstImageUrl'>      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>    </b:if>    <meta expr:content='data:blog.blogId' itemprop='blogId'/>    <meta expr:content='data:post.id' itemprop='postId'/>
    <a expr:name='data:post.id'/>    <b:if cond='data:post.title'>      <table><tr>        <td class='posttitle'>           <img src='IconUrl'/></td>        <td><h3 class='post-title entry-title' itemprop='name'>      <b:if cond='data:post.link'>        <a expr:href='data:post.link'><data:post.title/></a>      <b:else/>        <b:if cond='data:post.url'>          <b:if cond='data:blog.url != data:post.url'>            <a expr:href='data:post.url'><data:post.title/></a>          <b:else/>            <data:post.title/>          </b:if>        <b:else/>          <data:post.title/>        </b:if>      </b:if>      </h3>        </td>        </tr></table>           <style>        h3.post-title {          margin: 0px !important;        }      </style>       </b:if>

8. At last you should replace the IconUrl text in red color URL

9. Finally click on save template.

Wow You have successfully done.

Tuesday, April 01, 2014

How to Add Gadget/Widget Section Above the Blogger Title


Some bloggers want to add their adsense ads on the top of the blog. In that situation, they can use this method to do what want to. This trick can help them to increase their adsense earnings. Here you can see how to add gadget or widget section above the blog title.

  1. First go to the template section and while you enter in your blogger dashboard. After that click on Edit Html.
  2. Then find the given code <div id=’header-wrapper’> or <div class=’region-inner header-inner’>. To find this code first of all press CTRL + F and paste the any above code.
  3. And then you can see the following code after any one of above codes.
  4. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  5. Replace the value of green 1 into 3 and no into yes just like below
  6. <b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
  7. And then click on the save template button. 
  8. Now you have done successfully. 
After saving the template you can see the layout like this
Adding gadget section just above the blog title
This is the very simplest method to add widget or gadget section just above the blog title.
If you want to add adsense ad unit in this section you can.
Too ad adsense ad just follow the following steps:

  • Go to the adsense account and copy the ad code and then just enter into the blogger dashboard where you can find the gadget section top of the header and click on that section ‘add gadet’ then choose adsense or html/javascript
  • Then paste the ad code into there.
  • At last click on the save arrangement button.
  • Congrats you did well.