كيفية إضافة أداة أحدث التدوينات لمدونات بلوجر بشكل جديد

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

اليوم سوف نتطرق إلى إضافة مهمة جداً لكل مدونة إلا وهي  " أداة أحدث التدوينات أو أحدث المشاركات " سميها ماشأت  .

لمشاهدة الإضافة

- طريقة تركيب الإضافة : 

1- أدخل إلى مدونتك  | ثم أختر تحرير قالب .

2- إبحث عن الوسم :  ]]></b:skin>

3- ضع الكود التالي فوقه :

 #post-gallery{width:100%;margin:0 auto;font:normal 11px ge_ss_threeregular,Droid Sans;
Arial,Sans-Serif;color:##000000;padding:8px}#post-gallery .rp-item{float:left;display:inline;position:relative;margin:2px;padding:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkR3KUWxLBDKnXrYgxO7pXbUBu2exwnhHUri2QJ8_UnnevZMlKodmqjb3S1c24MropGkEFgiizPuvoN2XexZAASrG1_1FRpN_af6fjlRN-sIoLISs2sj9nWXqNZallhp6dUR-lwKymID8i/s1600/please-wait.gif) no-repeat 50% 50%;width:79px;height:79px}#post-gallery .rp-item img{width:69px;height:69px;border:2px solid silver;border-radius:50%;margin:0!important;padding:0!important;background:transparent!important;display:none;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;overflow:hidden}#post-gallery .rp-item img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}#post-gallery .rp-item .rp-child{position:relative;top:10%!important;left:10%!important;z-index:1000;width:200px;background-color:#fff;border:2px solid #f56954;-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:initial;word-wrap:break-word;display:none;opacity:.9}#post-gallery .rp-item .rp-child h4{font-size:12px;margin:0 0 5px;color:#1BA1E2}#post-gallery .rp-item:hover .hidden{display:block}

4- احفظ القالب .

5- بعد ذلك أختر تخطيط | ثم أختر إضافة أداة : HTML/JavaScript 

6- اللصق الكود التالي في صندوق الأداة ثم إحفظ .

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
var rpTitle     = "Recent Posts",       // Widget Title
    numposts    = 12,      // Number of Posts to show
    numchar     = 200,      // Number of Characters to be displayed
    rcFadeSpeed = 600,      // Speed
    pBlank      = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6MXjyV3lr6_JLT8cTpeo03gf4zMY8zIhAr3m8kBh8qBqpMDYHB-Lol_Iu4AvVxO-06qrm8fB79GwfVo0hXXQHiOCO_ehqhyphenhyphen2nCVlWYpFEvoM26Vh5-cu1tuirATaeL4YT4vc91XO6FBKR/s1600/grey.png",      // If No Image
    blogURL     = "http://www.homeblog7.blogspot.com/";       // Your Blog URL
</script>
<script src="https://bloggercellcom.googlecode.com/svn/trunk/javascript/animated%20recent%20post%20widget.js" type="text/javascript"></script>

- عدّل ما بلون الأحمر برابط مدونتك .