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

Seo Master present to you: Adding Stylish Animated Blogger Recent Posts Widget

In This Post I Will help You How Add Recent post Widgets in Blogger/Blog Templates.This Tutorial all About blogger recent post.
How To Add Stylish Animated Blogger Recent Posts Widget

Three Easy Steps Follow.
  • Log in to blogger Design > Page Element. 
  • Click Add Gadget and select 'HTML/Javascript 
  •  Now Paste Below code.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>    
    <style type="text/css" media="screen">     
    <!--
    #spylist {    
    overflow:hidden;     
    margin-top:5px;     
    padding:0px 0px;     
    height:350px;     
    }     
    .spydate{     
    overflow:hidden;     
    font-size:10px;  }

    #spylist ul{     
    width:350px;     
    overflow:hidden;     
    list-style-type: none;     
    padding: 0px 0px;     
    margin:0px 0px;     
    }     
    #spylist li {     
    width:230px;     
    background: #1ed2f2;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 1px 10px !important;
    -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;
    }    

    #spylist li:hover {
    background: #84f6f5;

    }

    #spylist li a {    
    text-decoration:none;     
    color:#4B545B;     
    font-size:11px;     
    height:18px;     
    overflow:hidden;     
    margin:0px 0px;     
    padding:0px 0px 2px 0px;     
    }     

    #spylist li img {     
    float:left;     
    margin-right:5px;
    margin-top:3px;      
    background:none;     
    border:0;     
    }     

    .spycomment{    
    overflow:hidden;     
    font-family:Tahoma,Arial,verdana, sans-serif;     
    font-size:10px;     
    color:#262B2F;     
    padding:0px 0px;     
    margin:0px 0px;     
    }
    -->
    </style>
     <script language='JavaScript'>


    imgr = new Array();

    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;

    boxwidth = 255;

    cellspacing = 6;

    borderColor = "#232c35";

    bgTD = "#000000";

    thumbwidth = 70;

    thumbheight = 70;

    fntsize = 12;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = "comments";

    showPostDate = false;

    summaryPost = 40;

    summaryFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 5;

    home_page = "http://www.matrixar.com/";

    limitspy=4
    intervalspy=4000

    </script>

    <div id="spylist">
        <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
    </div><a style=" float:right;font-size:8px; color:#3B78CD; text-decoration:none;" href="hhh">Blogger widget</a>

  • Now After paste above code  
  • Replace http://www.matrixar.com/ with your Site URL 
  • Now save your HTML/Javascript'. 
i Hope You are done it. 2013, By: Seo Master





Cara mudah mengganti password gmail Google - Setelah anda membuat gmail tentunya anda ingin agar akun anda ini tetap aman dari jangkauan para pembobol data di luar sana. Sebenarnya tidak ada jalan yang 100% bekerja untuk masalah yang satu ini, tapi satu hal yang bisa kita lakukan adalah dengan rutin mengubah password.



Perlu dicatat bahwa password yang sudah pernah digunakan sudah tidak




9 FAKTOR OPTIMASI SEO ONPAGE UNTUK BLOG - Apakah saudara punya blog yang sepinya minta ampun? Sudah capek blogwalking tapi pengunjungnya cuma segitu saja. Apakah anda bingung kenapa tidak ada sumbangan dari Search Engine seperti Google? Pertanyaan ini banyak dialami mereka yang baru pertama kali mencoba untuk blogging. Jadi mari kita coba melihat seberapa "cantik" blog anda di mata Google.


Powered by Blogger.