MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

1. Ubuntu 10.04 Live CD ISO available at ubuntu.com.
2. Universal USB Installer available at pendrivelinux.com.

1. Computer Running Windows XP/Vista/7.
2. Fat32 Formatted USB 2.0 Flash Drive, at least 1GB.
3. PC with a Bios that can boot from USB.

1. Run the Universal USB Installer by Pendrivelinux.com that you downloaded earlier.
2. Choose Ubuntu 9.10/10.04.1 Desktop i386.
3. Select the Ubuntu Live CD that you downloaded earlier.
4. Choose your Flash Drive.
5. In this instance, we are going leave the persistence option unchecked.

1. Computer Running Windows XP/Vista/7.
2. Fat32 Formatted USB 2.0 Flash Drive, at least 2GB.
3. PC with a Bios that can boot from USB.

1. Run the Universal USB Installer by Pendrivelinux.com that you downloaded earlier.
2. Choose Ubuntu 9.10/10.04.1 Desktop i386.
3. Select the Ubuntu Live CD that you downloaded earlier.
4. Choose your Flash Drive.
5. Select the Persistence Option of 1GB Casper-RW.

1. USB 2.0 Flash Drive, at least 4GB.
2. PC with a BIOS that can boot from USB.
3. Blank CD.
4. A Computer with the ability to Burn CD/DVD.

1. First, you will need to burn your Ubuntu ISO to CD using a program like ImgBurn available at ImgBurn.com.
2. Boot your computer and press F2 to enter the system BIOS. Within here you will want to disable your Hard Drive. If this is not an option in your BIOS, I would suggest shutting down your computer and unplugging the power and data cables from your hard drive before proceeding. Note: If you choose not to disable your hard drive, you run the risk of installing Ubuntu on top of your current OS and can lose valuable information.
3. After you have disabled your hard drive, place the Ubuntu Live CD into your computer and boot from this.
4. At the initial boot screen, choose to try Ubuntu, not install.
5. Once Ubuntu loads, plug in the desired flash drive into the computer.
6. Now, double click on the Install Ubuntu icon that appears on the desktop.
7. The first 3 screens are language, time zone, and keyboard layout.
8. Now Ubuntu will notify you that there is a disk mounted, and asks to unmount it. This is your flash drive. Give it permission to unmount.
9. This is the prepare disk space screen. I chose to leave mine at default and let the installer handle the partitions needed by Linux.
10. Now you will see the login and user information screen.
11. Now you are ready to install, click install.
12. At one point during the installation, you may notice a skip button appear on the bottom left. This is to skip the auto update, and finally the language packs. I chose to skip language packs update.
13. This may take a while, mine took atbout 35 minutes to complete. When it is done, eject the disk and shut down the computer. Plug your hard drive back in if necessary, or boot your computer into bios and re-enable it. Reboot your computer and press F12 to enter the boot menu, choose the flash drive and boot into Ubuntu.

• https://www.facebook.com/groups/imtiazblogtrick
• https://www.facebook.com/ImtiazBloggerTrick

Add Floating Facebook Like Box

<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>

This 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

3. Backup your template.

• Orange Code.

.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

.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.

<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>

Add Author Profile widget in Blogger

Customize Author Profile Widget in Blogger

/*############################
                Author Profile
#############################*/
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 5px 7px 5px 5px;
border-left:2px solid #0073FF;
border-top:2px solid #0073FF;
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.profile-img:hover {
padding: 5px 5px 5px 5px;
border:2px dotted #00B309;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.profile-data {
padding:0 10px 20px 20px;
padding:0;
font: bold 15px verdana,Arial;
color: #0073FF;
text-align:center;
}
.profile-data:hover {
color:#00B309;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-datablock:hover {
background: transparent url(http://www.matrixar.com/-in_oyhuIL30/UTh4PK728BI/AAAAAAAABGc/QJQsa2x01tY/s1600/admin.png) no-repeat bottom right ;
}
.profile-textblock {
color:#FFFFFF;
margin: 0.5em 0;
line-height: 1.5em;
padding:8px 8px 5px 0;
border-bottom:2px solid #0073FF;
border-right:2px solid #0073FF;
}
.profile-textblock:hover {
color: #00B309;
border-bottom:2px dotted #00B309;
border-right:2px dotted #00B309;
}
.profile-link {
display:none;
}