صندوق اعجابات الفيس بوك ينزلق عندما تنزل اسفل صفحة المدونة بطريقة جميلة بتقنية الجي كيوري

بسم الله الرحمن الرحيم وبه نستعين والصلاة والسلام علي اشرف المرسلين ثم اما بعد اليوم مع اضافة جميلة جدا ويبحث عنها الكثير و انا اليوم  اتيت بها من اجلكم علي مدونة بلوجر فيس وهذا الاضافة عبارة عن صندوق ينثق عندما تنزل الي اسفل الصفحة وبه زر اعجبني للصفحتك علي الفيس بوك بتقنة الجي كيوري مع خاصية الاغلاق ساريكم مثال حي علي ذلك

مشاهدة حية

اذا اعجبتك وتريدها في مدونتك تابع معي الشرح

بالنسبة للواجهة الجديدة  :                                           -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                           لاتنسى اخد نسخة احتياطية للقالب 

1.لوحة التحكم                                                                              1 -.لوحة التحكم
2.القالب                                                                                      2  - .تخطيط أوتصميم  

3. ثم تحريرhtml;.                                                                      ثم 3 - تحريرhtml. 
4.متابعة                                                                                      4-.توسيع القالب 
5 -.توسيع القالب

نبحث عن الكود التالي باستخدم f3  او  ctrl&f

</head>

بعد ما وجدت هذا الكود تضع قبله او فوقه الكود التالي

<style type="text/css">

.slidenote { width: 540px; height: 140px; background: #FBEC78; padding: 1em; 

-moz-box-shadow: -0.2em -0.2em 0.7em #333; -webkit-box-shadow: -0.2em -0.2em 0.7em #333;}

.slidenote img { float: left; margin-left: -2em; margin-top: -2em; }

.slidenote img:hover { margin-top: -1.95em; }

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<script src="http://latest-hacks.googlecode.com/svn/gadgets/Sliding Description Panel/jquery.slidenote.min.js" type="text/javascript"></script>

وغير ما باللون الاحمر اذا اردت بلون اخر بما يناسبك ويكمنك دخول صفحة اكواد الالوان من هنا

وبعدها تبحث عن

</body>

وتضع قبله او فوقه هذا الكود

<div class='slidenote' id='note'>

<div id='container'>

<h2>اذا اعجبتك المدونة اضغط اعجبني</h2>

<span><em>المدونة علي فيس بوك</em></span>

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fblogger.face&amp;send=false&amp;layout=standard&amp;width=300&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=80&amp;appId=374608635945221' style='border:none; overflow:hidden; width:300px; height:80px;'/>

</div>

</div>

<script type='text/javascript'>

$(&#39;#note&#39;).slideNote({

closeImage: &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiquQp7IL0YWGb5Pa0jaFJNBQq02jiTHbBG_18aJDsIOXpVm3QiqbOHm7TnNmTe6NlHBSl3iEtez8B2UUKMrDL-NNVw9QDTNbB7rPVtnFu38EU9q_c1n3GnXWmAqfq78-3ObC1oJxC4b-w/s320/slidenote.close.png&#39;

});

</script>

.ملاحظة غير ما يلزم .استبدل: blogger.face.برابط صفحتك واذا كان رابط صفحتك طويل استخدام هذا وبه ارقام كثير https://www.facebook.com/username.ادخل الرابط الذي بالاعلي واختار اسم لصفحتك.واستبدل الكلامات بما تريد

وعين الاضافة قبل الحفظ ثم احفظ ومبروك عليك الاضافة واي استفسار اترك تعليق ومنتظر تقيمكم للموضوع
والسلام عليكم و رحمة الله وبركاته

من فضلك اضغظ لايك لمشاهدة لينك التحميل