Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...

seo Add Recent Comment Widget To Your Blogger Blog 2013

Seo Master present to you:
recent comment widget for blogger
Comments are the most important part of any blog or website. It helps you to form a community or relation with your blog followers. It lets your visitors to give feedback or ask any question on you blog post in form of comments. In this tutorial i will teach you to Add Recent Comment widget to your blogger blog. It shows most recent comments on your blog along with the post link on which comment have been posted and name of user who commented. This will let you know about new and most recent comments on your blog and allow you to easily reply to those comments. This widget is coded in Javascript and styled with CSS. You may customize the widget according to color scheme of your blog template. So lets get started.


How To Add Most Recent Comment Widget To Blogger Blog ?

1. Go to blogger Dashboard > Layout
2. Now click on Add Gadget and Select Html/Javascript
3. Paste the code given below in it.
<script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://www.matrixar.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<span id=mbw-cr><a href=http://www.matrixar.com>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;} #mbw-cr {font-family: Arial,Tahoma;font-size:8px;padding-top:6px;display:block;} </style> 
4. Make following changes to the above code. 
  • Replace http://www.matrixar.com with your blog url.
  • Change #666 to change color of border (line below each comment)
  • Change solid to dotted to make the border dotted
5. Save it and you will have Recent comment widget on your blog.

You May Also Like To Read:

2013, By: Seo Master

seo Adding Animated Cloud Label To Your Blog 2013

Seo Master present to you:
blogger animated label cloud
As you all know good and relevant widgets make your blog easy to navigate and can help to keep visitors engaged on your blog. Today i will teach you to add such usefull widget to your blog. This blogger widget looks cool on your blog as well as helps user to navigate on your blog. I had previosly posted about how to add label or categories cloud on your blog, In this post i will teach you to add animated label cloud to your blog.


Adding Label or Categories Cloud

    1. Go to Dashboard > Layout > Add Gadget.
    2. Now choose labels from pop up window and change setting as show in below image.

    3. Now save it and follow below steps to animate label or categories cloud. For more details check below article.


Animating Label Cloud 

    1. Go to your Blogger Dashboard and Click on Template
    2. Then click on Edit HTML
    3. Now search for below code be clicking CTRL  + F
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
    4. Now paste below code just after the code you search on step 3.
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>My Bloggers World <a href='http://mybloggersworld.blogspot.in/'>Mbw</a> and <a href='http://www.matrixar.com/'>Mbw</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget> 
    5. Now save the template and go to Layout to change the position of the widget.
    6. If you have any problem implementing this widget on your blog leave a comment below, i will be glad to help you out. You may also like to add below widgets to your blog.

Other Usefull Customization For Your Blog

2013, By: Seo Master

seo Disable Right Click On Your Blog To Prevent Copy/Paste 2013

Seo Master present to you:

disable right click
Bloggers always wanted to prevent users or other bloggers from copying the content from their blog or website. Few Bloggers do lots of efforts by researching and writing great articles for their blog, whereas some just copy and paste article and tutorials on their blog from others. So to prevent such bloggers from copying the content from your blog i will teach you to disable right click on your blog with just simple Javascript. So lets get started.


How to disable right click on blog or website ?


   1. Go to your blogger Dashboard and click on Layout.
   2. Then click on Add Gadget.
   3. Choose Html/Javascript From Popup Window
   4. Now Copy and Paste below code into it.

<!--MBW Code-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
 
   5. Now save it and you are done disabling right click on your blog.

Got any problem ?


If you have any problem disabling right click on your blog or have any other question or suggestion then leave a comment below. I will be glad to help you. Don't Forget to subscribe, +1 on Google+ and like us on Facebook.


2013, By: Seo Master
Powered by Blogger.
Design by Dev Nasser