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

Loading...
Seo Master present to you:

CMS's full name is the Content Management System.All the CMS search engine friendly and SEO enable  system . Google gives it priority in all cases.WordPress and Joomla content management systems are popular in the world. 60% - 80% is more like the web master.WordPress is more popular. If the site is to create it, the better results you will get very less time.there's in one plugging which All in One SEO pack . 
It is very powerful. Separately for each post that you will get the opportunity to seo.Separately for each post title, description, key word, and allowed ad libitum tag.Which are likely to have to go to the top of search engines.Which are likely to have to go to the top of search engines. 1 tag is very important things. The key word in your post if you tag, the search engines will give it much priority.This is our site for all the details. We hope you'll soon seo experts. So, stay with us.
Our nest lesson many many SEO tips. Thanks 
2013, By: Seo Master

seo Master SEO for CMS 2013

Seo Master present to you:
How To Add Floating Facebook Like Box Widget For Blogger
This Tutorial Related Social Media Shearing Widgets For FaceBook like Box Floating.Add facebook like box to blogger, how do I make it?. Do you know facebook and twitter now becomes biggest social media and many people in the world use it.its A Best Source For increase Your Blogger And Blog Site  traffic Increase.So i Hope you Will Enjoy this.Amazing Css Style .






Join Me On Facebook


Add Floating Facebook Like Box


1. Go to Blogger > Layout > Add a gadget
2. And select HTML/JavaScript
3. Add this code into it



<style>
#thiswidget {
   height: 20px;
   width: 56px;
   border-radius: 0 0 5px 5px;
   float: left;
   padding: 0 0 0 12px;
   background-color: #D0D0D0;
}
#boxshare {
   display: scroll;
   position:fixed;
   bottom:40%;
   left:2%;
   width: 68px;
   background-color:#FFFFFF;
   border: 1px solid #A3A3A3;
   border-radius:5px;
   padding:0 0 2px 0;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   z-index:10;
}
#boxshare .boxbutton {
   float:left;
   clear:both;
   margin:5px;
}
.fb_share_count_top {
   width:68px !important;
}
.fb_share_count_top, .fb_share_count_inner {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
}
.FBConnectButton_Small .FBConnectButton_Text {
   padding:2px 2px 3px !important;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   font-size:8px;
}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {
   width:68px !important;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
}
</style>
<div id='boxshare' title="Share This">
<div class='boxbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='boxbutton' id="fb-root"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send layout="box_count" show_faces="false" font=""></fb:send></div>
<div class='boxbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="imtiazblogtrick">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class='boxbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='boxbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align: center;">
</div>
<a href='http://www.matrixar.com/2013/03/how-to-add-floating-facebook-like-box.html' id='thiswidget'>widget</a>
</div>



Now Replace highlight with your user name of the twitter without @
4. Finally click Save it.

You can make facebook like box on right & Left your page with replace Aqua highlight from left to right. And you can adjust the distance replace 40% with the distance you want.



2013, By: Seo Master

seo How To Add Floating Facebook Like Box Widget For Blogger 2013

Seo Master present to you:

How Highlight Author Comments in Blogspot/BloggerThis tutorial About How Create your author comments in blogger differently between visitor comments. And to design a better author comments you do not use a lot color "px" or use image background because it will use more resources and it is not good for your blogspot blog. So you design simple author comments but looks attractive and prominent.i Hope You Will Done Use these Steps.


Customize Author Comments in Blogger

1. Go to Blogger >> Template >> Edit HTML.
2. Give check "Expand Widget Templates" box.
3. Backup your template.


  • Orange Code.

How Highlight Author Comments in Blogspot/Blogger

.comment-body-author {
   background: url(http://www.matrixar.com/-6Y9Ocs109wM/UTXkd2jqdZI/AAAAAAAABD0/bOCU0KZncWw/s1600/comment+author.png) no-repeat top right;
   color: #621A00;
   font-family: Arial, Verdana;
   border: 1px dotted #E03C00;
    padding:0 36px 0 20px;
   margin:0;
}

  • Green Code
How Highlight Author Comments in Blogspot/Blogger

.comment-body-author {
   background: url(http://www.matrixar.com/-NoS939qarZw/UTXoVzVi47I/AAAAAAAABEM/--wu99K9lPs/s1600/comment+author+0.png) no-repeat top right;
   color: #013408;
   font-family: Arial, Verdana;
   border: 1px dotted #02CA1D;
   padding:0 36px 0 20px;
   margin:0;
}


  • Make your author comments you want to Change.


.comment-body-author {    background: #FFFFFF;    color: #0C1F0E;
   font-family: Arial, Verdana;
   border: 1px dotted #06DD22;
   padding:0 5px 0 20px;
   margin:0;
}

#FFFFFF use to change your background color
#0C1F0E use to change your font color
#06DD22 use to change your border color, dotted use to change border style you can replace with solid or dashed.

4. And search this code use [CTRL+F].

]]></b:skin>

5. And select one the author comments color you want and paste just above it.
6. Search this code Your Template Code too [use CTRL + F]

<data:commentPostedByMsg/>       </dt>
      <dd class='comment-body'>
         <b:if cond='data:comment.isDeleted'>
           <span class='deleted-comment'><data:comment.body/></span>
         <b:else/>
           <p><data:comment.body/></p>
         </b:if>
      </dd> 
7. And replace with this code.

<data:commentPostedByMsg/>
      </dt>
<b:if cond='data:comment.author == data:post.author'><dd class='comment-body-author'><p><data:comment.body/></p></dd><b:else/>      <dd class='comment-body'>
         <b:if cond='data:comment.isDeleted'>
           <span class='deleted-comment'><data:comment.body/></span>
         <b:else/>
           <p><data:comment.body/></p>
         </b:if>
      </dd>
</b:if>

8. And save your template now author comments in your blogger will change.
Now You Will Done It.
2013, By: Seo Master

seo How Highlight Author Comments in Blogspot/Blogger 2013

Powered by Blogger.
Design by Dev Nasser