اضافة كود اخر المواضيع بشكل جميل ومتناسق

السلام عليكم ورحمة الله وبركاته

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

الكود

<div class="widget-content">
<style type="text/css">#post-gallery {   margin:0px auto;   font:normal 11px Arial,Sans-Serif;   color:#494848;   padding:8px;   -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 {   color:white;   text-transform:uppercase;   margin:2px 2px 2px;   padding:7px 14px;   background-color:#3c3c3c;   text-align: center; } #post-gallery .rp-item {   float:right;   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     = "المشاركات الاخيرة",       // Widget Title     numposts    = 21,      // The number of thumbnail / posts to display     numchar     = 200,      // Number of characters in the description tooltip     rcFadeSpeed = 600,      // Speed of the effect. fadeIn () tooltip appears     pBlank      = "http://softglad.at.ua/images/no-img.png",      // Image that show up if the post doesn't have a image     blogURL     = "http://al-mohtarif99.blogspot.com";       // Your Blog Address </script><script src="http://softglad.at.ua/widgets/post-gallery.js" type="text/javascript"></script></div>

هل أعجبك الموضوع ؟

بقلم مصطفى

اهتم بكل ما هو جديد في عالم الانترنت انشأت هدا المدونة لمشاركة الناس خبرتي المتواضعة في هدا المجال

اضافة كود اخر المواضيع بشكل جميل ومتناسق

بقلم مصطفى

مواضيع مشابهة :

ليست هناك تعليقات:

إرسال تعليق

التبادل الاعلاني