إضافة " المواضيع الجديده فى المدونه " لبلوجر

بسم الله الرحمن الرحيم

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

النهارده جايب ليكم كود إضافة " المواضيع الجديده فى المدونه " بشكل جميل لمدونات بلوجر

صوره من مدونتنا :

شرح التركيب :

أولاً : قم بفتح لوحة تحكم مدونتك

ثانياً : اختار التخطيط

ثالثاً : قم بإضافة أداة HTML/JavaScript

رابعاً : قم بتسمية الأداة " المواضيع الجديده فى المدونه " أو الأسم الذى تريده لمدونتك على راحتك , و قم بوضع هذا الكود فى المحتوى :

<style type="text/css" >

#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ8_K0BHcxbqjL6gPZv5mWQLHP8c_5ElqqDIEvzstikNAG94PSu7yhl_O6NeO7ZwC2uiFCNFZkcLHsvaoXsUcUg5UI6fNQt6BIgWxQObeXCp6IvHXuKPIGFszhuuO-H5Lb6k68sejFvmE/s320/latesthack.com-.jpg) repeat-x;

    border: 1px solid #ddd;

}

#spylist-widget li a {

    text-decoration: none;

    color: #4B545B;

    font-size: 15px;

    height: 18px;

    overflow: hidden;

    margin: 0px 0px;

    padding: 0px 0px 2px 0px;

}

#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: 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);

}

#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: 0px 0px;

}

</style>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNanBGWowLo7tkR0mGrBEmuOcXozp-ZeNdR39Zawg-V3izmzax2NhES-ji3mACdo4f8hLFqhx9zdFnU0w5XA8wsQRz0Nt0k_Q9f6eC3sQOkB6uHjlhEOCRsob2m-ZuANexPDfsdAbStQ/s1600/defaultimage.jpg";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNanBGWowLo7tkR0mGrBEmuOcXozp-ZeNdR39Zawg-V3izmzax2NhES-ji3mACdo4f8hLFqhx9zdFnU0w5XA8wsQRz0Nt0k_Q9f6eC3sQOkB6uHjlhEOCRsob2m-ZuANexPDfsdAbStQ/s1600/defaultimage.jpg";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNanBGWowLo7tkR0mGrBEmuOcXozp-ZeNdR39Zawg-V3izmzax2NhES-ji3mACdo4f8hLFqhx9zdFnU0w5XA8wsQRz0Nt0k_Q9f6eC3sQOkB6uHjlhEOCRsob2m-ZuANexPDfsdAbStQ/s1600/defaultimage.jpg";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNanBGWowLo7tkR0mGrBEmuOcXozp-ZeNdR39Zawg-V3izmzax2NhES-ji3mACdo4f8hLFqhx9zdFnU0w5XA8wsQRz0Nt0k_Q9f6eC3sQOkB6uHjlhEOCRsob2m-ZuANexPDfsdAbStQ/s1600/defaultimage.jpg";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNanBGWowLo7tkR0mGrBEmuOcXozp-ZeNdR39Zawg-V3izmzax2NhES-ji3mACdo4f8hLFqhx9zdFnU0w5XA8wsQRz0Nt0k_Q9f6eC3sQOkB6uHjlhEOCRsob2m-ZuANexPDfsdAbStQ/s1600/defaultimage.jpg";

imgr[5] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNanBGWowLo7tkR0mGrBEmuOcXozp-ZeNdR39Zawg-V3izmzax2NhES-ji3mACdo4f8hLFqhx9zdFnU0w5XA8wsQRz0Nt0k_Q9f6eC3sQOkB6uHjlhEOCRsob2m-ZuANexPDfsdAbStQ/s1600/defaultimage.jpg";

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;
fntsize = 9;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://profism.blogspot.com/";

limitspy=5;

intervalspy=7000;

</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='http://latest-hacks.googlecode.com/svn/gadgets/scrollingrecentposts/scrollingrecentposts.js' type='text/javascript'></script></center>

</div>

التغيرات التى ستتم فى الكود و هى ( القيم التى تم تلوينها باللون الأحمر فى الكود السابق ) :

1 - home_page = هذا رابط الصفحه الرئيسية للمدونه

2- fntsize = هذا حجم الخط

3- acolor = هذا لتغيير لون الخط

4- numposts = هذا لتغيير عدد البوستات التى ستوضع بالإضافه

5- intervalspy = هذا سرعة نزول الموضوع ( بالثوانى )

أرجو أن يعجبكم الموضوع

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

I'm reading: إضافة " المواضيع الجديده فى المدونه " لبلوجر

بقلم أحمد مصطفى

أحمد مصطفى من مصر 15 سنه , أردت أن أقوم بتقديم معرفتى للعرب و الناس و أفيدهم و أحاول أن أقدم كل ما لدى من معلومات لهم لذلك قمت بعمل هذه المدونه حتى أقدم كل ما لدى من معلومات بها , فإذا عجبتكم معلوماتى و مواضيعى يكفينى شكركم لى , و السلام عليكم ورحمة الله وبركاته.

قسم : بلوجر