شرح اضافة أداة أخر المشاركات بشكل متحرك مع الصور الرمزية 2014

مرحبا بكل متابعي وزوار مدونة  PH3ahmed


في شرحنا السابق قد قدمت لكم مجموعة كبيرة من إضافة أخر المشاركات بأجمل الأشكال ولكن بدون صورة وهذه الإضافة ستضيف شيئ من الجمال على مدونتك هي أخر المشاركات بتأثير jquery

معاينة

كيفية الإضافة؟

إذهب الى لوحة التحكم في مدونتك
تخطيط > إضافة أداة ثم أختر بين الأدوات أداة HTML/JavaScript ثم أضف الكود التالي في المكان الذي تريد ظهوره

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script> <style>#NBT-widget {overflow: hidden;margin-top: 5px;padding: 0px 0px;height: 385px;}#NBT-widget ul {width: 295px;overflow: hidden;list-style-type: none;padding: 0px 0px;margin: 0px 0px;}#NBT-widget li {width: 282px;padding: 5px 5px;margin: 0px 0px 5px 0px;list-style-type: none;float: none;height: 80px;overflow: hidden;background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNIt1Y9pESd1dcbT-NYLYY0BruKjTz6Ilp3J5p7dhN6e5IdBjskxGzGoFA5LBdw47pjX6TpanMNK9GzfZnYf7T7nPGo6ABVBiUz_Vvuxqkxy6FanV9ZOqCEPs4wNkySUGzFK9Ck1gCRRR7/s1600/NewBloggerTips.com-post.jpg) repeat-x;border: 1px solid #ddd;}#NBT-widget li a {text-decoration: none;color: #4B545B;font-size: 15px;height: 18px;overflow: hidden;margin: 0px 0px;padding: 0px 0px 2px 0px;}#NBT-widget img {float: left;margin-top: 10px;margin-right: 15px;background: #EFEFEF;border: 0;}#NBT-widget img {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;padding: 4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}#NBT-widget img:hover {-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}.spydate {overflow: hidden;font-size: 10px;color: #0284C2;padding: 2px 0px;margin: 1px 0px 0px 0px;height: 15px;font-family: Tahoma,Arial,verdana, sans-serif;}.spycomment {overflow: hidden;font-family: Tahoma,Arial,verdana, sans-serif;font-size: 10px;color: #262B2F;padding: 0px 0px;margin: 0px 0px;}</style><script language='JavaScript'>imgr = new Array();imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5fyziVFOrQbwX-tgOGoK2kBDmeG-_CKZyZcog4k58_C4lWDMoxFgJyeH-X5vkhQFNbezfZ4ZGILexiVZNvI0Ucs017k4lsaA5kGorpLKKV7dUHbkufn2adLv8Bcq5ErOKXwAjePqk_PNH/s1600/No+Image+1.gif";imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5fyziVFOrQbwX-tgOGoK2kBDmeG-_CKZyZcog4k58_C4lWDMoxFgJyeH-X5vkhQFNbezfZ4ZGILexiVZNvI0Ucs017k4lsaA5kGorpLKKV7dUHbkufn2adLv8Bcq5ErOKXwAjePqk_PNH/s1600/No+Image+1.gif";imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5fyziVFOrQbwX-tgOGoK2kBDmeG-_CKZyZcog4k58_C4lWDMoxFgJyeH-X5vkhQFNbezfZ4ZGILexiVZNvI0Ucs017k4lsaA5kGorpLKKV7dUHbkufn2adLv8Bcq5ErOKXwAjePqk_PNH/s1600/No+Image+1.gif";imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5fyziVFOrQbwX-tgOGoK2kBDmeG-_CKZyZcog4k58_C4lWDMoxFgJyeH-X5vkhQFNbezfZ4ZGILexiVZNvI0Ucs017k4lsaA5kGorpLKKV7dUHbkufn2adLv8Bcq5ErOKXwAjePqk_PNH/s1600/No+Image+1.gif";imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5fyziVFOrQbwX-tgOGoK2kBDmeG-_CKZyZcog4k58_C4lWDMoxFgJyeH-X5vkhQFNbezfZ4ZGILexiVZNvI0Ucs017k4lsaA5kGorpLKKV7dUHbkufn2adLv8Bcq5ErOKXwAjePqk_PNH/s1600/No+Image+1.gif";showRandomImg = true;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 50;thumbheight = 50;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = "تعليقات";showPostDate = true;summaryPost = 40;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";numposts = 10;home_page = "http://PH3ahmed.blogspot.com/";limitspy=4;intervalspy=4000;</script><div id="NBT-widget"><script src='https://dl.dropbox.com/s/gviv5r1iksjfvj3/Scrolling_recent-posts-Spy-NBT.js' type='text/javascript'></script></div>

غير رابط موقعك بدلاً من http://PH3ahmed.blogspot.com/

لزيادة عدد المشاركات غير الرقم ;limitspy=4 



واختر الحفظ ومبروك عليك

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

Share

Tweet