إضافة المواضيع الجديدة بشكل جديد ومميز
السلام عليكم ورحمة الله وبركاته
زوار المدونة الكرام أتيتكم اليوم بإضافة مميزة وهي إضافة المواضيع الجديدة كليا
ما يميز هذه الأخيرة عن سابقتها هو عند مرور الماوس على الصورة تضهر نافذة صغيرة منبثقة
تحمل عنوان الموضوع ونبذة مختصرة وهذا شيئ جديد في هذه الإضافة
صورة توضيحية
لإضافة الأداة كل ما عليك هو إضافة أداة جديدة ثم ضع فيها هذا الكود
لا تنس تغيير رابط مدونتي برابط مدونتك
يمكنك التحكم في حجمها وعدد المواضيع
لتغيير عدد المواضيع إبحث عن 12 وغيرها بالعدد الذي تريد
للتحكم في عرضها إبحث عن 304 وغيرها بما يناسبك
بالتوفيق
<style type="text/css">#post-gallery {width:304px;margin:0px auto;font:normal 11px Arial,Sans-Serif;color:#494848;padding:8px;background-color:#17B986;-webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);-moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}#post-gallery h2 {font:20px Arial,Sans-Serif;color:white;text-shadow:0px 3px 2px black;text-transform:uppercase;margin:2px 2px 2px;padding:7px 14px;background-color:#48D;text-align: center;}#post-gallery .rp-item {float:left;display:inline;position:relative;margin:2px;padding:0px 0px;background:#fff url('http://softglad.at.ua/images/loading.gif') no-repeat 50% 50%;width:72px;height:72px;}#post-gallery .rp-item img {width:72px;height:72px;border:none !important;margin:0px 0px !important;padding:0px 0px !important;background:transparent !important;display:none;}#post-gallery .rp-item .rp-child {position:relative;top:10%!important;left:10%!important;z-index:1000;width:200px;background-color:white;border-top:5px solid #FA7C19;-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);padding:10px 15px;overflow:hidden;word-wrap:break-word;display:none;opacity: 0.9;}#post-gallery .rp-item .rp-child h4 {font-size:12px;margin:0px 0px 5px;color:#FA7C19;}#post-gallery .rp-item:hover .hidden {display:block;}</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">var rpTitle = "Latest Post", // Widget Titlenumposts = 20, // The number of thumbnails / posts to displaynumchar = 200, // Number of characters in the description tooltiprcFadeSpeed = 600, // Speed of the effect. fadeIn () tooltip appearspBlank = "http://softglad.at.ua/images/no-img.png", // Image that show up if the post doesn't have a imageblogURL = "http://leqaa2.blogspot.com"; // Your Blog Address</script> <script src="http://softglad.at.ua/widgets/post-gallery.js" type="text/javascript"></script>
تطبيق آلاضآفه
من لوحة تحكم المدونة أذهب إلي تصميم
ثم إضافة اداة HTML/JavaScript
لا تنسى تغير رآبط مدونتي برآبط مدونتكـ
إرسال تعليق