أضافة اخر المواضيع في بلوجر

اليوم ان شاء الله مع اضافة رهيبة الكل يحبها و الكل يبحث عليها

اضافة عبارة عن اخر مواضيع على شكل صور

ويمكنك تغيير لون الخلفية و اي شيئ

انسخ و لصق الكود في اي مكان تريد

طريقة التركيب ادخل الى اضافة اداة Html

غير رابط www.webs-arabic.blogspot.com بلون أحمر الى رابط مدونتك

ومبروك عليك

<center><style type="text/css">
#post-gallery {
  width:250px;  margin:0px auto;
  font:normal 10px Arial,Sans-Serif;
  color:#000000
;
  padding:5px;
  background-color:#1BA1E2
;
  -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 .rp-item {
  float:left;
  display:inline;
  position:relative;
  margin:2px;
  padding:0px 0px;
  background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim6Ias8iIKdV9mXauRIS-QcMs9t6Yldsq1PNEsJO3ZViJiSX8rvixkzlEu5A4-fGDU7OileXYy89rSBtp8vgp4M1mcj15Wnm7IoMjJBAXLo-LTdUNeOep__c35FtXL4DKv3A1uVixxTtGQ/s48/Bloggerheroe.comloading.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 #1BA1E2;
  -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:#1BA1E2;
}
#post-gallery .rp-item:hover .hidden {display:block;}
</style>
<script src="https://bilokr.googlecode.com/files/djquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var rpTitle     = "",       // Widget Title
    numposts    = 12,      // The number of thumbnails / posts to display
    numchar     = 200,      // Number of characters in the description tooltip
    rcFadeSpeed = 600,      // Speed of the effect. fadeIn () tooltip appears
    pBlank      = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin20P6_MNuRfk5gbw9kRTOblj7pQWtCypZ8DzDWPm8PP0Gzi9cd5exSRLn8orSbq9EqDIrGk0WFo8Sg48iMHXBpLoPD95Y55PspBckyB3aL1XlO9vWtyGyooGi5pDwle7Tltvka6nd1Grr/s100/no-img.png",      // Image that show up if the post doesn't have a image
    blogURL     = "www.webs-arabic.blogspot.com";       // Your Blog Address
</script>
<script src="http://dl.dropbox.com/u/81212926/Recent%20Post%20Thumbnail