اضافة احدث المشاركات متحركه بلوجر

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

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

بعد رؤيتك للاضافه اذا رغبت تركيبها اتبع الشرح التالى

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

1- من خلال لوحة تحكم مدونتك اختر تخطيط
2- اختر اضافه اداه جديده
3- حدد اداه من نوع HTML/java

الان انسخ والصق الكود التالى

<style type="text/css" >
/*--- spylist By th3maestro.com ----*/
#spylist-widget {
        overflow: hidden;
        margin-top: 5px;
        padding: 0px 0px;
        height: 385px;
        font-family:calibri;
    }
#spylist-widget ul {
        width: 295px;
        overflow: hidden;
        list-style-type: none;
        padding: 0px 0px;
        margin: 0px 0px;
    }
#spylist-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(http://4.bp.blogspot.com/-WDUBJa-mYoo/T_qxxdfWF0I/AAAAAAAABAM/JcxGrlxGCc8/s320/latesthack.com-.jpg) repeat-x;
        border: 1px solid #ddd;
    }
#spylist-widget li a {
        text-decoration: none;
        color: #353535;
        font-size: 14px;
        height: 18px;
        overflow: hidden;
        margin: 0px 0px;
        padding: 0px 0px 2px 0px;
    }

#spylist-widget li a:hover {
       
        color: #E74C3C;
    }

#spylist-widget img {
        float: left;
        margin-top: 5px;
        margin-right: 15px;
        background: #EFEFEF;
        border: 0;
        -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: 50px;
        -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);
    }
#spylist-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: -10px;
    }
/*--- spylist By th3maestro.com ----*/

</style>
<script language='JavaScript'>
    imgr = new Array();
    imgr[0] = "http://4.bp.blogspot.com/-A6NQTW-MBZY/T37HVOov53I/AAAAAAAAAys/XLjZX6HrE50/s1600/defaultimage.jpg";
    imgr[1] = "http://4.bp.blogspot.com/-A6NQTW-MBZY/T37HVOov53I/AAAAAAAAAys/XLjZX6HrE50/s1600/defaultimage.jpg";
    imgr[2] = "http://4.bp.blogspot.com/-A6NQTW-MBZY/T37HVOov53I/AAAAAAAAAys/XLjZX6HrE50/s1600/defaultimage.jpg";
    imgr[3] = "http://4.bp.blogspot.com/-A6NQTW-MBZY/T37HVOov53I/AAAAAAAAAys/XLjZX6HrE50/s1600/defaultimage.jpg";
    imgr[4] = "http://4.bp.blogspot.com/-A6NQTW-MBZY/T37HVOov53I/AAAAAAAAAys/XLjZX6HrE50/s1600/defaultimage.jpg";
    imgr[5] = "http://4.bp.blogspot.com/-A6NQTW-MBZY/T37HVOov53I/AAAAAAAAAys/XLjZX6HrE50/s1600/defaultimage.jpg";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 60;
    thumbheight = 60;fntsize = 7;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "تعليقات";
    showPostDate = false;
    summaryPost = 40;
    summaryFontsize = 9;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;
    home_page = "http://www.th3maestro.com/";
    limitspy=5;
    intervalspy=3000;
    </script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
    <center><div id="spylist-widget">
    <script src='https://th3maestro.googlecode.com/svn/trunk/js/scrollingrecentposts.js' type='text/javascript'></script></div></center>

التعديلات على الكود السابق

استبدل الرابط التالى برابط مدونتك

http://www.th3maestro.com/

لتغيير طول الاضافه ابحث عن  height: 385px
لتغيير عرض القطعة ابحث عن width: 295px - width: 282px
لتغيير حجم الخط  ابحث عن fntsize
 لتغيير اللون  ابحث عن acolor
لتغيير سمك الخط  ابحث عن aBold
هذه القيمة تمثل عدد المواضيع التي ستظهر numposts = 10;
واخيرا لتغييرسرعة الانزلاق للقطعه ابحث عن intervalspy = 3000

HashtagsTech

هاشتاج التقنيه قوالب واضافات بلوجر وجديد الاخبار التقنيه

Facebook

Twitter

Instagram

شارك هذا الموضوع