0
{إحترافية} إضافة آخر المواضيع بطريقة جد احترافية .

اليوم سنتحدث عن طريقة إضافة اخر المواضيع بطريقة جد احترافية ،على شكل صور ووصف يضهر عند تمرير الماوس بها.

  • بعد معاينة الاداة يجب عليك تتبع الخطوات التالية لإضافة مثل هذه الإضافة لقالبك :
  1.  ادخل الى لوحة تحكم بلوجر من هنا .
  2. ثم بعد ذلك اذهب الى التخطيط ثم اختار اضافة اداة {HTML/JavaScript} واضف هذا الكود :
<style>
.Abter-Itar{text-align: right;background:linear-gradient(to bottom, #fefefe 0%, #ffffff 100%);border:1px solid #A8A8A8;border-radius:5px;margin:10px 0 40px 7.5%;padding:8px 8px 5px;width:320px;box-shadow: 1px 30px 30px -26px #818181}
.Abter-Itar object{border:0}
</style>
<center>
<div class="Abter-Itar">
<link href="https://dl.dropboxusercontent.com/s/5qu9k5666cctdbf/Abter-Recent-Posts.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var rpTitle     = "آخر المواضيع",       // Widget Title
   numposts    =  12,      // 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      = "https://dl.dropbox.com/s/p7vbmqqepocd5d0/no_img-Abter.png",      // Image that show up if the post doesn't have a image
    blogURL     = "http://Abter.blogspot.com";       // Your Blog Address
</script>
<script src="https://dl.dropboxusercontent.com/s/421c4y8cwpw2b9r/Abter-Recent-Post.js" type="text/javascript"></script>
<br />
<div class="clear">
</div>
<span class="widget-item-control">
<span class="item-control blog-admin">
By : <a href="http://abter.blogspot.com/2014/07/Gallery-Recent-Post.html" target="_blank">Abter</a></span></span><br />
<div class="clear">
</div>
</div> 

  •   غير http://Abter.blogspot.com برابط مدونتك
  • غير آخر المواضيع بالاسم الذي تريد.
  • غير 12 بعدد المواضيع الذي ستضهر.
  • غير 200 بعدد الحروف اللتي ستضهر في الوصف.
اي استفسار اكتبه في التعليقات.

إرسال تعليق Blogger