Blogger Me Slider Featured Post Gadget Add Kare

ब्लोगर में रेस्पोंसिव स्लाइडर फीचर पोस्ट विजेट ऐड करे

दोस्तों आज में आपके लिए एक नया रेस्पोंसिव स्लाइडर फीचर पोस्ट विजेट लाया हु और ये बहुत अच्छा है. इस स्लाइडर फीचर पोस्ट विजेट एक संवेदनशील और बहुत ही आकर्षक है. ये विजेट पूरी तरह से आटोमेटिक है आप सिर्फ एक बार अपने ब्लॉग का URL जोड़ने पर ये आटोमेटिक स्लाइड होता रहता है. इस स्लाइडर विजेट एक अच्छा और सरल है और इसे ब्लॉग में डालने से ब्लॉग की डिजाईन भी अच्छी लगेगी.  इस विजेट में पोस्ट भी आटोमेटिक अपडेट दिखाई देती है जिससे हमारे ब्लॉग की ट्राफिक भी बढ़ सकती है. फीचर पोस्ट लगाने से हम हमारी ब्लॉग की सबसे अच्छा पोस्ट को विज़िटर के सामने ला पाएँगे ओर इससे हमारी ब्लॉग की ट्राफिक रेंक बढ़ेगी तो चलो जानते है की इस स्लाइडर फीचर पोस्ट विजेट को अपने ब्लॉग में ऐड कैसे करे. Blogger Me Slider Featured Post Gadget Add Kare 

Featured Post Widget Blogger Me Kaise Add Kare

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

Step 2: फिर आप "Layout >> Add Widget" पे क्लिक कीजिये.

Step 3: फिर एक पॉपअप ओपन होगा उसमे आप "HTML/JavaScript" सिलेक्ट कीजिये.

Step 4: अब आप निचे दिया हुआ कोड को कॉपी कीजिये और HTML/JavaScript में पेस्ट कीजिये.

<center>
<div id="headerbox">Featured Posts</div>
<div id="featuredpostside"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://googledrive.com/host/0B6kWnvT5u_K7ak9qcXVjNTRsTTQ" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://hindigenius.blogspot.com",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//]]>
</script>
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'/>
<style scoped="" type="text/css">
/*
Made by hindigenius.blogspot.com with lot of hardwork please keep the comment intact
*/
ul.hg-sidebar-slider * {
    -moz-box-sizing: border-box;
}
ul.hg-sidebar-slider {
    font: 11px Verdana,Geneva,sans-serif;
}
ul.hg-sidebar-slider, ul.hg-sidebar-slider li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
ul.hg-sidebar-slider {
    height: 500px;
    width: 100%;
}
ul.hg-sidebar-slider li {
    display: none;
    float: left;
    height: 24.5%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 100%;
}
ul.hg-sidebar-slider li:nth-child(1), ul.hg-sidebar-slider li:nth-child(2), ul.hg-sidebar-slider li:nth-child(3), ul.hg-sidebar-slider li:nth-child(4) {
    display: block;
}
ul.hg-sidebar-slider li:nth-child(2) {
    left: 0;
    top: 50%;
}
ul.hg-sidebar-slider img {
    border: 0 none;
    height: 100%;
    width: 100%;
}
ul.hg-sidebar-slider .overlayx, ul.hg-sidebar-slider li {
    transition: all 0.4s ease-in-out 0s;
}
ul.hg-sidebar-slider li:nth-child(4) {
    left: 0;
    top: 75%;
    width: 100%;
}
ul.hg-sidebar-slider li:nth-child(3) {
    left: 0;
    top: 25%;
}
ul.hg-sidebar-slider .overlayx {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
ul.hg-sidebar-slider .overlayx, ul.hg-sidebar-slider img {
    border: 4px solid #2E8DCE;
    border-radius: 3px 3px 3px 3px;
}
ul.hg-sidebar-slider .overlayx:hover {
    opacity: 0.1;
}
ul.hg-sidebar-slider h4 {
    color: white;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 100;
    line-height: 1.5em;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    top: 25px;
    width: 100%;
    z-index: 2;
}
ul.hg-sidebar-slider .label_text {
    bottom: 10px;
    color: white;
    font-size: 90%;
    left: 10px;
    position: absolute;
    z-index: 2;
}
ul.hg-sidebar-slider li:nth-child(2) .autname, ul.hg-sidebar-slider li:nth-child(3) .autname {
    display: none;
}
.buttons {
    margin: 5px 0 0;
}
.buttons a {
    display: inline-block;
    height: 25px;
    position: relative;
    text-indent: -9999px;
    width: 15px;
}
.buttons a:before {
    border-color: transparent #535353 transparent transparent;
    border-style: solid;
    border-width: 8px 7px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 0;
}
.buttons a.nextx:before {
    border-color: transparent transparent transparent #535353;
    margin-left: -3px;
}
.date {
    background: none repeat scroll 0 0 rgba(32, 122, 161, 0.84);
    bottom: 93px;
    padding: 8px;
    position: relative;
    right: 6px;
}
#headerbox {
    background: #8FB93D;
    font-family: Oswald;
    padding: 4px;
}
</style>
</center>

Step 5: अब आप इस कोड में http://hindigenius.blogspot.com की जगह अपने ब्लॉग का नाम लिखिए.

Step 6: अब आप "Save" के बटन पे क्लिक करे. [Blogger Me Slider Featured Post Gadget Add Kare]

दोस्तों आज मैंने बहुत अच्छा फीचर पोस्ट का विजेट के बारे में बताया है अगर इस पोस्ट में आपको कोई दिक्कत आ रही है या तो इसे ऐड करते वक्त कोई error आ रही है तो आप मुझे कमेंट के जरिये बताये में आपकी पूरी मदद करूँगा. Blogger Me Slider Featured Post Gadget Add Kare

•   Blogger Me HTML Sitemap Page Kaise Banaye
•   Blogger ke Liye Top 10 Stylish Search Box Widget

Share Post

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Pinterest
• LinkedIn