بسم الله الرحمان الرحيم
السلام عليكم ورحمة الله وبركاته
اهلن بإخواني واخواتي المدونين في درس جديد وحصري على صعيد المدونات والمواقع العربية اليوم درسنا سيكون كيفية اضافة طريقة طي الجانب العلوي للمدونة حتى تظهر رابط للاشتراك في خدمة rss
لنبدأ على بركة الله :
اولا نتجه الى هنا : Layout -> Edit HTML
ثم نبحث عن :
</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/AVvXsEhr1YN4-d95YlqhDAuZ5O6bsu3_ZLVXoNACT8YyheWBH6ox9w7JPR7Gy5lJG-wtU4QeRr59-lPZcAo7ASgm425Q9dkHjE-aU5xpuWrXysx1i_GG-9t2JXbh3ZaLyasQclQUlbUasixMtsQn/s1600/rss.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>
ثم نضيف قبلها
<div id='pageflip'><a href='your rss'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a><div class='msg_block'></div></div>
ثم غير your rss برابط rss ألخاص بمدونتك
ثم اضغط
Save Template
ليست هناك تعليقات:
إرسال تعليق