ब्लॉगर के लिए लोकप्रिय एनीमेशन विजेट

सीमा खान : पेश है ब्लॉगर के लिए लोकप्रिय एनीमेशन  विजेट इस में  एनीमेशन का उपयोग किया गया है इस विजेट को बहुत आसानी से तीन कदमो में अपने ब्लॉग पर लगाया जा सकता है.
इस बिजेट  को ब्लॉग पर लाने के लिए नीचे बताई प्रक्रिया देखे Blogger

Layout

* (यदि आप पहले से ही इस गैजेट का प्रयोग कर रहे है तो  इस कदम को छोड़ दे )
    * के बाद आप लोकप्रिय पोस्ट गैजेट "गैजेट जोड़ें"और फिर "HTML / Javascript" का चयन करें
    * एचटीएमएल / जावास्क्रिप्ट गैजेट के "सामग्री" के लिए सभी स्क्रिप्ट में बॉक्स में रखे .




अब नीचे दिया कोड खुले बॉक्स में डाले 

<style type="text/css" media="screen">

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;

}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

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

#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

#PopularPosts1 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.tags span,
.tags a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://dl.dropbox.com/u/37128917/simplespy.js" type="text/javascript"></script>

अब परिवर्तन को सेब कर दे

Posted in: विजेट