How to add Numbered Popular Post widget In Hindi

ब्लोगर मे पॉपुलर पोस्ट विजेट कैसे एड करे (Add Popular Post Widget In Blogger in Hindi)

दोस्तों पॉपुलर पोस्ट विजेट एक ऐसा विजेट है जो आपके ब्लॉग मे सबसे ज़्यादा पड़ी जाने वाली पोस्ट्स को हाइलाइट करके आपके ब्लॉग के होमपेज पर दिखाता है जिससे हमारे ब्लॉग पर आने वाले विज़िटर्स भी उन पोस्ट्स को पसंद करते है ओर रीड करते है पॉपुलर पोस्ट्स विजेट के मदद से हम अपने ब्लॉग पर विज़िटर्स को आकर्षित करते है क्योकि अगर कोई हमारे ब्लॉग को ओपन भी करता है ओर उसके नज़र पॉपुलर पोस्ट्स पर पढ़ती है तो उसका भी मन उन पोस्ट्स को पढने के लिए करता है इससे वो विज़िटर हमारे ब्लॉग पर ज़्यादा टाइम तक रहता है. (Blogger me Popular Posts Widget kaise Add kare)

पॉपुलर पोस्ट विजेट की मदद से हम अपने ब्लॉग की जो पॉपुलर पोस्ट है उनको दिखा सकते है, जिससे अगर कोई विज़िटर हमारे ब्लॉग पर आए तो वो उन पॉपुलर पोस्ट को भी पढ़े, जिससे हमारे ब्लॉग के पेज व्यूस बढ़ जाते है. दोस्तों आज में आपको एक ऐसा पोपुलर पोस्ट विजेट के बारे में बताने जा रहा हु जिसमे पोस्ट के नंबर भी दिखेगे तो चलिए देखते है कैसे इस विजेट को अपने ब्लॉग में कैसे एड करे. (Blogger me Popular Posts Widget kaise Add kare)

[caption id="" align="aligncenter" width="297"] how to add popular post widget in blogger[/caption]

Blogger me Popular Posts Widget kaise Add kare

Step 1: सबसे पहले आप ब्लोगर पे लॉग इन हो जाये.

Step 2: फिर आप उसमे "Layout >> Add Gadget" पे जाए.

Step 3: फिर एक पॉपअप ओपन होगा उसमे आप "Popular Posts" सिलेक्ट करके एड करे और Save करे.

Step 4: और फिर आप "Template >> Edit HTML" में जाए.

Step 5: उसमे आप ]]></b:skin> को सर्च करे.

Step 6: अब निचे दिया हुआ कोड कॉपी करे और ]]></b:skin> के उपर पेस्ट करे.

.popular-posts ul li a {
background: none repeat scroll 0 0 #222222;
color: #FFFFFF;
display: block;
margin: 10px 0;
padding: 25px 15px 30px;
position: relative;
text-decoration: none;
transition: all 0.3s ease-out 0s;
width: 85%;
}
.popular-posts ul li a:before {
background: none repeat scroll 0 0 #2DB3E9;
color: #FFFFFF;
font-weight: 700;
height: 2em;
line-height: 2em;
margin-left: 88%;
padding: 4px;
position: absolute;
text-align: center;
width: 2em;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}
.popular-posts ul li a:hover {
opacity: 0.8;
}
.popular-posts ul li a:hover:before {
border-left-color: #CCCCCC;
left: -1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before {
content: "10";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before {
content: "9";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before {
content: "8";
}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before {
content: "7";
}
.popular-posts ul li:first-child + li + li + li + li + li a:before {
content: "6";
}
.popular-posts ul li:first-child + li + li + li + li a:before {
content: "5";
}
.popular-posts ul li:first-child + li + li + li a:before {
content: "4";
}
.popular-posts ul li:first-child + li + li a:before {
content: "3";
}
.popular-posts ul li:first-child + li a:before {
content: "2";
}
.popular-posts ul li:first-child a:before {
content: "1";
}
.item-snippet {
display: none;
}
.PopularPosts .item-thumbnail {
display: none;
}

Step 7: फिर आप "Save Template" पे क्लिक कीजिये.

दोस्तों अब आपका नंबर वाला पोपुलर पोस्ट विजेट लग चूका है अगर आपको इस पोस्ट में कोई प्रॉब्लम होता है या कोई दिक्कत है तो आप हमे कमेंट करके बता सकते है हम आपकी पूरी मदद करेंगे. (Blogger me Popular Posts Widget kaise Add kare)