السلام عليكم ورحمة الله وبركاته
اليوم سوف نتطرق إلى إضافة مهمة جداً لكل مدونة إلا وهي " أداة أحدث التدوينات أو أحدث المشاركات " سميها ماشأت .
- طريقة تركيب الإضافة :
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/AVvXsEhibQBgtv3pOhiZyyiATVM9RgA9P2CmpCG-ppompasy4Yv9dkMbaX6gaIeKaH2NvtoIxXcz79x9KnAcRguBGhYV-EhVKHN7hRXShlB5cL1GImlacQy1k4UFy3jBS9Pm9NgxCgLQslgq6p7u/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/AVvXsEgmfxuIWd5TLYA92HlE6JIVe-sSIDXBlCBT1FceuZtIx-Pvgx4Ls19K1X46CpnNlDJgZd_efSGJFvkUBW3dnnPlUCD5aubE1pGW9TusZo8asFLJQ918LAxbksC2kXNz9jntC_yCIJJ5xztI/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>
- عدّل ما بلون الأحمر برابط مدونتك .
ليست هناك تعليقات:
إرسال تعليق