10

بسم الله الرحمان الرحيم 
السلام عليكم ورحمة الله وبركاته 
اهلن بإخواني واخواتي المدونين في درس جديد وحصري على صعيد المدونات والمواقع العربية اليوم درسنا سيكون كيفية اضافة طريقة طي الجانب العلوي للمدونة حتى تظهر  رابط للاشتراك في خدمة 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/AVvXsEjfKb46852uZBDhQFy7glewV42vEEkqNMxinG6G2RNqQYa9KXEo7RyQTFHWGhvIa126Xm0AbRF8y77axWxU7jzAodLkvXdV8TG0FLT1qxNpHNVDNDHhr7bySXMK3_hD2zqW6HjbgiuQuWpE/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

$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 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  

Stumble
Delicious
Twitter
Facebook
Digg
Digg

حسـين بــلال يقول... @ 22 سبتمبر 2010 في 7:14 م  أضف ردا

السلام عليكم

حبذا لو كنت قد اضفت مثال عن العملية قبل التجربة عزيزي


دمت بود.

soufian يقول... @ 22 سبتمبر 2010 في 11:14 م  أضف ردا

وعليكم السلام اخي حسين والله فقط انني نسيت وضع صورة للأضافة لأني كنت مسرع شيئا ما الان تمت الاضافة الى المدونة حتى تتطلع عليها انت والاخرون مباشرة
حياك الله ياخي ومرحبا بك في مدونتي

AhMeD MoHaMeD يقول... @ 23 سبتمبر 2010 في 12:30 م  أضف ردا

الاضافه جميله ومميزه

وان شاء الله جارى تحويلها لاعلانات

وهتنفع على فكره وتبقى افضل
تسلم الايادى ياحبى

AhMeD MoHaMeD يقول... @ 23 سبتمبر 2010 في 12:39 م  أضف ردا

كل مايجب تغييره لتصبح الاضافه خاصه بالاعلان عن مدونه اخرى او موضوع معين تغيير التالى



غير كلمه your rss

وضع عوضا عنها رابط مدونتك كالتالى


http://3alymni.blogspot.com

طبعا انا مينفعش احط اكواد HTML

soufian يقول... @ 23 سبتمبر 2010 في 12:55 م  أضف ردا

اهلن وسهلن باخي العزيز Sasuke Uchiha اضافة تنفع لاشياء كثيرة جدا وليس لخدمة rss فقط وانا جد سعيد أنها عجبتكم بس عندي طلب لكل انو حقوق الاضافة تبقى عليها دون تغيير وحياكم الله

AhMeD MoHaMeD يقول... @ 23 سبتمبر 2010 في 1:29 م  أضف ردا

حبيب قلبى انا هخليها اعلانات

وبالتالى انا مش هستخدم الصوره اللى فى الاضافه

لو دا هيزعلك انا هحاول انقل الكود php بتاع الفيبولتين واخليه يصلح للبلوقر

بس انا علشان مقدرش ازعلك ولا انت ايه رئيك؟

؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

soufian يقول... @ 23 سبتمبر 2010 في 1:36 م  أضف ردا

لا يغالي مش حزعل ابدا عدل كما تشاء يغالي لكن غيرك لن اسمح لهم ههههههههه

حسـين بــلال يقول... @ 24 سبتمبر 2010 في 11:48 ص  أضف ردا

السلام عليكم

الآن استطيع القول أن الأداة مفعلاً جميلة والموضوع مميز كذلك.

دمت بود

Unknown يقول... @ 19 سبتمبر 2011 في 6:56 ص  أضف ردا

لم تشتغل ياأخي

عرضالمدونة الإلكترونية

rabie يقول... @ 1 يناير 2013 في 7:27 م  أضف ردا

لم تشتغل ياأخي