अपने ब्लॉगर अकाउंट में लोगिन करें dashboard से Design > Edit HTML पर जाएँ |
अब Expand Widget Templates विकल्प पर क्लिक करें|
और फिर </head> कोड को खोजिये |
अब दुबारा <body> कोड को खोजिये |
अपने ब्लॉग को सुरक्षित कर लें ताकि अगर आपको भविष्य में कोई कठिनाई हो तो आपका ब्लॉग सुरक्षित रहे , ब्लॉग का बैक-अप् लेने के लिए dashboard से Design > Edit HTML पर जाएँ "download full theme" पर क्लिक करें और ब्लॉग के टेम्पलेट को अपने कंप्यूटर पर सेव कर लें।
अब Expand Widget Templates विकल्प पर क्लिक करें|
और फिर </head> कोड को खोजिये |
कोड खोजने के लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं ।
अब </head> के ठीक पहले निचे लिखा हुवा कोड पेस्ट कर दें |
अब </head> के ठीक पहले निचे लिखा हुवा कोड पेस्ट कर दें |
style type="text/css">
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_k8cwFqeGOnXCzqD8mpnbZSZrwzfsyG-q9ZnmhOdjrxjRk_4FI_WGVggc1jPEi11rKuJCd78Rgx3lgShAUz6jGLfP449XiPhmLbzPEp9LZ3uEUNE_E0ySbxPriFqm3I2WEqisRMYQyC3/s128/newspaper_feed_add.png) no-repeat right top;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_k8cwFqeGOnXCzqD8mpnbZSZrwzfsyG-q9ZnmhOdjrxjRk_4FI_WGVggc1jPEi11rKuJCd78Rgx3lgShAUz6jGLfP449XiPhmLbzPEp9LZ3uEUNE_E0ySbxPriFqm3I2WEqisRMYQyC3/s128/newspaper_feed_add.png) no-repeat right top;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script>
अब दुबारा <body> कोड को खोजिये |
कोड खोजने के लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं ।
अब <body> के ठीक बाद निचे लिखा हुवा कोड पेस्ट कर दें |
<div id='pageflip'>
<a href='http://feeds.feedburner.com/blogspot/XjYdh'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNJQC5A6Dq_gl8AKEvP8iyGcUxZK2RR85DWtQmEZuAsk1gN4ZJGArl3wJw5gLTBuw69P-xGCuyMPsffvQCIQlfoZvkPF4ZKDEBP48uRM-C579Z9n0VPRxtoDtjuDQNwE4M7DGSjq6vxSu/s320/peel-image.png'/></a>
<div class='msg_block'></div>
</div>
<a href='http://feeds.feedburner.com/blogspot/XjYdh'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNJQC5A6Dq_gl8AKEvP8iyGcUxZK2RR85DWtQmEZuAsk1gN4ZJGArl3wJw5gLTBuw69P-xGCuyMPsffvQCIQlfoZvkPF4ZKDEBP48uRM-C579Z9n0VPRxtoDtjuDQNwE4M7DGSjq6vxSu/s320/peel-image.png'/></a>
<div class='msg_block'></div>
</div>
लाल रंग से लिखे हुवे URL की जगह आप अपने ब्लॉग का URL या फिर RSS Feed लिख दे |
सेव करने से पहले पुर्वावलोकन क्लिक कर के देख ले की सब कुछ ठीक है या नहीं ,अगर सब ठीक है तो अपने टेम्पलेट को सेव कर दे और अगर सेव करने के बाद आप को लगता है की आप के ब्लॉग में कुछ परेशानी आ रही है तो वापस अपने पुराने टेम्पलेट को लोड कर ले जो आप ने backup के रूप में सहेज के रखा था |
