إضافة مواضيع هذا الأسبوع متحركة مثل مدونة المحترف لبلوجر.

بسم الله الرحمن الرحيم ,والصلاة والسلام على رسول الله محمد. أما بعد:
إن كنت من متابعين مدونة المحترف فلربما رأيت الإضافة الجديدة الموجودة في مدونة المحترف التي إسمها هو "مواضيع هذا الأسبوع" وهي متحركة وأنيقة وتظهر عدد التعليقات لكل تدوينة وتاريخ النشر وبها عدة تأثيرات Css ومنها التأثير على الصور, لمعاينتها أنظر لهذه الصورة


طريقة إضافة مواضيع هذا الاسبوع مثل مدونة المحترف في مدونات بلوجر:

1. أدخل إلى بلوجر.
2. إضغط على إسم مدونتك.
3. إضغط على "تخطيط".
4. إضغط على "إضافة أداة" الموجودة في المكان الذي تريد وضع الإضافة فيه.
5. ضع هذا الكود في الفراغ ثم إضغط "حفظ":

ملحوظة: غير رابط مدونتي برابط مدونتك في الكود.   
     

كود:

<script 
src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css" media="screen"><!--
/* ========== Scrolling Recent Posts Widget By NewBloggerTips.com ======== */

#NBT-widget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 400px;
}
#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(http://drek7.blogspot.com/-n-c0E1EolL...s.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;
}

/* ========== Scrolling Recent Posts Widget By NewBloggerTips.com ======== */

--></style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eyhrVaf4uy-PqxjtiaYyp2EjjAxbGM0DQxXj_4HJDiX7YeoFCDy-ZfdYmng1YShDcCpywL8R7KzKlCCCDcZJciDi-vPrZCtPjPm93cPJ2Q6jwcK_y5eQvplrF6nF0MN-M2XxMBjyV8F5/s1600/No+Image+1.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eyhrVaf4uy-PqxjtiaYyp2EjjAxbGM0DQxXj_4HJDiX7YeoFCDy-ZfdYmng1YShDcCpywL8R7KzKlCCCDcZJciDi-vPrZCtPjPm93cPJ2Q6jwcK_y5eQvplrF6nF0MN-M2XxMBjyV8F5/s1600/No+Image+1.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eyhrVaf4uy-PqxjtiaYyp2EjjAxbGM0DQxXj_4HJDiX7YeoFCDy-ZfdYmng1YShDcCpywL8R7KzKlCCCDcZJciDi-vPrZCtPjPm93cPJ2Q6jwcK_y5eQvplrF6nF0MN-M2XxMBjyV8F5/s1600/No+Image+1.gif";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eyhrVaf4uy-PqxjtiaYyp2EjjAxbGM0DQxXj_4HJDiX7YeoFCDy-ZfdYmng1YShDcCpywL8R7KzKlCCCDcZJciDi-vPrZCtPjPm93cPJ2Q6jwcK_y5eQvplrF6nF0MN-M2XxMBjyV8F5/s1600/No+Image+1.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eyhrVaf4uy-PqxjtiaYyp2EjjAxbGM0DQxXj_4HJDiX7YeoFCDy-ZfdYmng1YShDcCpywL8R7KzKlCCCDcZJciDi-vPrZCtPjPm93cPJ2Q6jwcK_y5eQvplrF6nF0MN-M2XxMBjyV8F5/s1600/No+Image+1.gif";
showRandomImg = true;
boxwidth = 240;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://drek7.blogspot.com/";
limitspy=4;
intervalspy=5000;
</script>
<div id="NBT-widget">
<script src='https://dl.dropbox.com/s/gviv5r1iksjfvj3/Scrolling_recent-posts-Spy-NBT.js' type='text/javascript'></script>
</div>

تصنيف : البلوجر