How To Change Dofollow Attribute Comments in Blogger

Dofollow is a term given to web page or sites / blog which provides (outbound) links to the comments. whereas Nofollow is the opposite.



Here are the advantages and disadvantages of each, Dofollow and Nofollow..



Dofollow

The advantages of the dofollow blogs (sites) is able to increase the blog traffic, as will a lot of visitors who leave their "link traces", that will attract more advertisers who are interested in displaying their ads

The risk of dofollow blogs is that you should be ready to receive comments from spammers who comment without reading the contents of your article or put not relevant link.



Nofollow

The advantages of nofollow blogs is able to filter out spam comments from visitors, The comments obtained truly reflects what the visitors (readers) opinion and not just a "polite" comments and wanted to leave a link. 

The disadvantages is the visitors and advertisers will be reduced from your blog, because usually they will find DoFollow blogs to enhance their position in search engines.



Actually default setting attribute comments from blogger is Nofollow. To tun it into Dofollow, here are the steps we have to do.



Log in to your Blogger >> Dashboard >> Layout >> Edit HTML >> and check the Expand Widget Templates.

Find this script

href='data:comment.authorUrl' rel='nofollow'

and deleted  rel='nofollow', and save template. simply as that...



Note:

To determine whether a blog, is DoFollow or Nofollow. just View their page source, right click on a web page, and select page source, find the href code, if followed by the code rel = 'nofollow' it means that the blog is nofollow, if not there is DoFollow. For an easier way just find rel = 'nofollow' if we do not find then that blog is dofollow.

How To Delete Spam Comments In Blogger

A couple days ago, I found a comment contain with 10 links that not relevant with the article that I have post (spam comment). Since this incident,  I want to give brief tips for New Blogger about How To Delete Spam Comments In Blogger Blog.



Log in to Blogger. In your Dashboard >> choose your blog that you want to delete the comments (if you have more than one blog) >> and click View Blog.

Click the Title of the article that contain the comment that you want to delete >> and look at the "spam" comments.

Just Click the trash image and we will brought to the confirmation page.

Make sure to check the Remove forever? box if you want to delete that comment forever, but remember that this action can not be undone. After you have decided tu check or uncheck... Simply click the DELETE COMMENT.



Done.. the comment will be vanished and leaving the comments name / id and a notice that "This post has been removed by a blog administrator."

How To Make "Back To Top" Navigation Link

Back to Top is a Navigation link at the bottom of the web page. Provide by site owner to jump back to the top of the page.

Sometime when we visited a Website or Blog, In addition to interested in the main article, we are also interested in some "information" that (intentionally placed by the owner to attract visitors) is located at the top of a web page. After finished reading the main article, it would be very helpful if there is a navigation link to the top of the page, so we only need a single click to navigated away to the top page to continue explored another "information" that attracted us.

To make this widget, we must declare the CSS Code of the widget first (declare the name and parameters that set the display widget in browser) then write / put the widget code itself (div id="widget-name") in its position (bottom)



In your HTML Template (Dashboard > Layout > Edit HTML) insert this CSS above ]]></b:skin> 

/* Credit

----------------------------------------------- */

#credit {

margin: 0px 0px 0px 0px;

padding: 2px 0px 0px 0px;

width: 100%;

height: 26px;

clear: both;

font-family: verdana, helvetica;

font-size: 70%;

color: #444444;

font-weight: normal;

background: #777777;

}



#creditleft {

margin: 0px 0px 0px 0px;

padding: 7px 0px 0px 0px;

height: 26px;

position: relative;

float: left;

text-align: left;

display: inline;

width: 71%;

background: #ffffff;

}



#creditright {

margin: -33px 0px 0px 0px;

padding: 7px 0px 0px 0px;

height: 26px;

position: relative;

float: right;

text-align:right;

display: inline;

width: 30%;

background: #ffffff;

}



#creditleft p {

margin: 0;

padding: 0

}



#creditright p {

margin: 0;

padding: 0

}



#creditleft a, .creditleft a:hover, .creditleft a:visited {

color: #444444;

text-decoration: underline;

}



#creditright a, .creditright a:hover, .creditright a:visited {

color: #444444;

text-decoration: underline;

}

We are not going to discuss the CSS Code above, but if we read line by line you will get the "picture" of this widget display settings (please look at the bottom of this page to see the result of the setting...!!!). You can replace the parameters to match with your template. ex: backgrounds or fonts color.



Next, Copy this Widget Script and Paste at the bottom of your HTML Code above the closing tag </body>

<div id='credit'>



<div id='creditleft'>

<p><b>&#160;&#160;&#169; <a href='http://doit2us.blogspot.com/'>New Blogger Tips For Us</a> <i>Free Blogger Template</i> by <a href='http://doit2us.blogspot.com/'>Mc</a> 2010</b></p>

</div>



<div id='creditright'>

<p><b>Back to <a href='#outer-wrapper'>TOP</a>&#160;&#160;</b></p>

</div>



</div> <!-- end credit -->

The final position will be like this :

Widget Script

</body>

</html>

That's all, If you want to... You can replace the Blue with Your Link and Text... And last, do not forget to save your template, view your blog and... enjoy your new "Back to Top" widget