Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

اضافة اخر المواضيع متحركة بشكل عمودى والصور متحركة بشكل دائرى add Widget Latest Post

كينج نت ملك النت | 11/29/2013 |
اضافة اخر المواضيع تتحرك بشكل عمودى الى الأسفل متغيرة بعرض عدد المواضيع الذى تحددة وايضا الأضافة بها ميزة تحريك صورة الموضوع بشكل دائرى اكثر من رائع اثناء وضع مؤشر الماوس على الصورة ويوجد بالأضافة تغير لون خلفية الموضوع عند وضع مؤشر الماوس الذى تعنى بتحديد الموضوع اعتقد بأنها اضافة ستعجب اصحاب المدونات وبالاخص لمن يعشق التزيين وتجميل المدونة وكما افعل بكل اضافة حاليا اقوم بوضع الكود المسؤل الى الأضافة مباشرة حتى تظل الأضافة لمدى الحياة والبعد وكل البعد عن الاكواد المرفوعة على سيرفر اخر الذى من الممكن ان يقوم بحف المستضيف الكود وبالتالى تؤدى الى فشل الاضافة فيما بعد ولم تعمل اطلاقا اسف على الاطالة وتعالو نتعرف سويا على طريقة التركيب الذى لا تستغرق من الوقت سوى دقيقتين فقط .


شرح اضافة اداة اخر المواضيع :
اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/Java Script
اضف الكود التالى داخل الأداء :
<script  type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
<style type="text/css" media="screen">
#workwidget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
}
#workwidget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}
#workwidget li {      
width:230px;      
background: #FF99CC;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 1px 10px !important;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s  ease;-o-transition:all 0.2s ease;border: 0 none  !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;  
}
#workwidget li a {
text-decoration: none;
color: #4B545B;
font-size: 15px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}
#workwidget img {
float: left;
margin-top: 10px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
}
#workwidget 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);
}

#workwidget  li:hover { 
background: #FF3399;
}
#workwidget 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><a href="http://24work.blogspot.com/" rel="dofollow"  rel="nofollow" target="_blank" title="Blogger Tips and Tricks"><img  src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks"  border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"  /></a><a href="http://24work.blogspot.com/" rel="dofollow"  rel="nofollow" target="_blank" title="Latest Tips For Bloggers"><img  src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers"  border="0" style="position: fixed; bottom: 10%; right: 0%;"  /></a><a href="http://24work.blogspot.com/" rel="dofollow"  rel="nofollow" target="_blank" title="Blogger Tricks"><img  src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0"  style="position: fixed; bottom: 10%; left: 0%;"  /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[1] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[2] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[3] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[4] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
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 = 10;
home_page = "http://kingnt.com/";
limitspy=4;
intervalspy=4000;
</script>
<div id="workwidget">
<script type='text/javascript'>
//<![CDATA[
/*
 * Recent Post with Spy effect for blogger.com
 * Widget Bloggerized By - Rahul Ippar 
 * URL -  http://www.helperblogger.com/
 * Script By Abu Farhan (www.abu-farhan.com)
 */
var _0x140a=["\x6D\x6F\x75\x73\x65\x6C\x65\x61\x76\x65","\x73\x74\x61\x72\x74","\x74\x72\x69\x67\x67\x65\x72","\x62\x69\x6E\x64","\x6D\x6F\x75\x73\x65\x65\x6E\x74\x65\x72","\x73\x74\x6F\x70","\x73\x69\x6D\x70\x6C\x65\x53\x70\x79","\x75\x6C\x2E\x73\x70\x79","\x66\x6E","\x68\x65\x69\x67\x68\x74","\x3E\x20\x6C\x69\x3A\x66\x69\x72\x73\x74","\x66\x69\x6E\x64","\x3C\x6C\x69\x3E","\x68\x74\x6D\x6C","\x3C\x2F\x6C\x69\x3E","\x70\x75\x73\x68","\x65\x61\x63\x68","\x3E\x20\x6C\x69","\x6C\x65\x6E\x67\x74\x68","\x63\x73\x73","\x70\x61\x72\x65\x6E\x74","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x57\x72\x61\x70\x70\x65\x72\x22\x20\x2F\x3E","\x77\x72\x61\x70","\x72\x65\x6D\x6F\x76\x65","\x3A\x67\x74\x28","\x29","\x66\x69\x6C\x74\x65\x72","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6E\x6F\x6E\x65","\x61\x6E\x69\x6D\x61\x74\x65","\x3E\x20\x6C\x69\x3A\x6C\x61\x73\x74","\x3C\x75\x6C\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x22\x3E","\x77\x72\x69\x74\x65","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x20","\x73\x70\x6C\x69\x74","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x6D\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","\x6E\x6F","\x3C\x69\x3E\x3C\x66\x6F\x6E\x74\x20\x63\x6F\x6C\x6F\x72\x3D\x22","\x22\x3E\x28","\x29\x3C\x2F\x66\x6F\x6E\x74\x3E\x3C\x2F\x69\x3E","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x2D","\x22\x3E\x20\x28","\x3C\x62\x3E","\x3C\x2F\x62\x3E","\x3C\x6C\x69\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x20\x77\x69\x64\x74\x68\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x74\x68\x75\x6D\x62\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x6C\x69\x6E\x6B\x22\x3E","\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x64\x61\x74\x65\x22\x3E","\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x63\x6F\x6D\x6D\x65\x6E\x74\x22\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x75\x6C\x3E","\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x64\x65\x66\x61\x75\x6C\x74\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x26\x6F\x72\x64\x65\x72\x62\x79\x3D\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x73\x68\x6F\x77\x72\x65\x63\x65\x6E\x74\x70\x6F\x73\x74\x73\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x3C\x6E\x6F\x73\x63\x72\x69\x70\x74\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x72\x69\x67\x68\x74\x3A\x20\x30\x25\x3B\x20\x74\x6F\x70\x3A\x20\x30\x70\x78\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x46\x72\x65\x65\x20\x42\x61\x63\x6B\x6C\x69\x6E\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x46\x72\x65\x65\x20\x42\x61\x63\x6B\x6C\x69\x6E\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x72\x69\x67\x68\x74\x3A\x20\x30\x25\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x4C\x61\x74\x65\x73\x74\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x4C\x61\x74\x65\x73\x74\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x6C\x65\x66\x74\x3A\x20\x30\x25\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x6E\x6F\x73\x63\x72\x69\x70\x74\x3E"];jQuery(function (){jQuery(_0x140a[7])[_0x140a[6]](limitspy,intervalspy)[_0x140a[3]](_0x140a[4],function (){jQuery(this)[_0x140a[2]](_0x140a[5]);} )[_0x140a[3]](_0x140a[0],function (){jQuery(this)[_0x140a[2]](_0x140a[1]);} );} );(function (_0x1ee2x1){_0x1ee2x1[_0x140a[8]][_0x140a[6]]=function (_0x1ee2x2,_0x1ee2x3){_0x1ee2x2=_0x1ee2x2||4;_0x1ee2x3=_0x1ee2x3||5000;return this[_0x140a[16]](function (){var _0x1ee2x4=_0x1ee2x1(this),_0x1ee2x5=true,_0x1ee2x6=[],_0x1ee2x7=_0x1ee2x2,_0x1ee2x8=0,_0x1ee2x9=_0x1ee2x4[_0x140a[11]](_0x140a[10])[_0x140a[9]]();_0x1ee2x4[_0x140a[11]](_0x140a[17])[_0x140a[16]](function (){_0x1ee2x6[_0x140a[15]](_0x140a[12]+_0x1ee2x1(this)[_0x140a[13]]()+_0x140a[14]);} );_0x1ee2x8=_0x1ee2x6[_0x140a[18]];_0x1ee2x4[_0x140a[22]](_0x140a[21])[_0x140a[20]]()[_0x140a[19]]({height:_0x1ee2x9*_0x1ee2x2});_0x1ee2x4[_0x140a[11]](_0x140a[17])[_0x140a[26]](_0x140a[24]+(_0x1ee2x2-1)+_0x140a[25])[_0x140a[23]]();_0x1ee2x4[_0x140a[3]](_0x140a[5],function (){_0x1ee2x5=false;} )[_0x140a[3]](_0x140a[1],function (){_0x1ee2x5=true;} );function _0x1ee2xa(){if(_0x1ee2x5){var _0x1ee2xb=_0x1ee2x1(_0x1ee2x6[_0x1ee2x7])[_0x140a[19]]({height:0,opacity:0,display:_0x140a[28]})[_0x140a[27]](_0x1ee2x4);_0x1ee2x4[_0x140a[11]](_0x140a[30])[_0x140a[29]]({opacity:0},1000,function (){_0x1ee2xb[_0x140a[29]]({height:_0x1ee2x9},1000)[_0x140a[29]]({opacity:1},1000);_0x1ee2x1(this)[_0x140a[23]]();} );_0x1ee2x7++;if(_0x1ee2x7>=_0x1ee2x8){_0x1ee2x7=0;} ;} ;setTimeout(_0x1ee2xa,_0x1ee2x3);} ;_0x1ee2xa();} );} ;} )(jQuery);function showrecentposts(_0x1ee2xd){document[_0x140a[32]](_0x140a[31]);j=(showRandomImg)?Math[_0x140a[34]]((imgr[_0x140a[18]]+1)*Math[_0x140a[33]]()):0;img= new Array();for(var _0x1ee2x8=0;_0x1ee2x8<numposts;_0x1ee2x8++){var _0x1ee2xe=_0x1ee2xd[_0x140a[36]][_0x140a[35]][_0x1ee2x8];var _0x1ee2x3=_0x1ee2xe[_0x140a[38]][_0x140a[37]];var _0x1ee2x2;var _0x1ee2xb;if(_0x1ee2x8==_0x1ee2xd[_0x140a[36]][_0x140a[35]][_0x140a[18]]){break ;} ;for(var _0x1ee2x4=0;_0x1ee2x4<_0x1ee2xe[_0x140a[39]][_0x140a[18]];_0x1ee2x4++){if(_0x1ee2xe[_0x140a[39]][_0x1ee2x4][_0x140a[40]]==_0x140a[41]){_0x1ee2xb=_0x1ee2xe[_0x140a[39]][_0x1ee2x4][_0x140a[42]];break ;} ;} ;for(var _0x1ee2x4=0;_0x1ee2x4<_0x1ee2xe[_0x140a[39]][_0x140a[18]];_0x1ee2x4++){if(_0x1ee2xe[_0x140a[39]][_0x1ee2x4][_0x140a[40]]==_0x140a[43]&&_0x1ee2xe[_0x140a[39]][_0x1ee2x4][_0x140a[44]]==_0x140a[45]){_0x1ee2x2=_0x1ee2xe[_0x140a[39]][_0x1ee2x4][_0x140a[38]][_0x140a[47]](_0x140a[46])[0];break ;} ;} ;if(_0x140a[48] in _0x1ee2xe){var _0x1ee2xf=_0x1ee2xe[_0x140a[48]][_0x140a[37]];} else {if(_0x140a[49] in _0x1ee2xe){var _0x1ee2xf=_0x1ee2xe[_0x140a[49]][_0x140a[37]];} else {var _0x1ee2xf=_0x140a[50];} ;} ;postdate=_0x1ee2xe[_0x140a[51]][_0x140a[37]];if(j>imgr[_0x140a[18]]-1){j=0;} ;img[_0x1ee2x8]=imgr[j];s=_0x1ee2xf;a=s[_0x140a[53]](_0x140a[52]);b=s[_0x140a[53]](_0x140a[54],a);c=s[_0x140a[53]](_0x140a[55],b+5);d=s[_0x140a[56]](b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=_0x140a[50])){img[_0x1ee2x8]=d;} ;cmtext=(text!=_0x140a[57])?_0x140a[58]+acolor+_0x140a[59]+_0x1ee2x2+_0x140a[46]+text+_0x140a[60]:_0x140a[50];var _0x1ee2x10=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x1ee2x11=[_0x140a[61],_0x140a[62],_0x140a[63],_0x140a[64],_0x140a[65],_0x140a[66],_0x140a[67],_0x140a[68],_0x140a[69],_0x140a[70],_0x140a[71],_0x140a[72]];var _0x1ee2x12=postdate[_0x140a[47]](_0x140a[74])[2][_0x140a[73]](0,2);var _0x1ee2x9=postdate[_0x140a[47]](_0x140a[74])[1];var _0x1ee2x13=postdate[_0x140a[47]](_0x140a[74])[0];for(var _0x1ee2x1=0;_0x1ee2x1<_0x1ee2x10[_0x140a[18]];_0x1ee2x1++){if(parseInt(_0x1ee2x9)==_0x1ee2x10[_0x1ee2x1]){_0x1ee2x9=_0x1ee2x11[_0x1ee2x1];break ;} ;} ;var _0x1ee2xa=(showPostDate)?_0x140a[58]+acolor+_0x140a[75]+_0x1ee2x12+_0x140a[46]+_0x1ee2x9+_0x140a[46]+_0x1ee2x13+_0x140a[60]:_0x140a[50];_0x1ee2x3=(aBold)?_0x140a[76]+_0x1ee2x3+_0x140a[77]:_0x1ee2x3;var _0x1ee2x14=_0x140a[78]+_0x1ee2xb+_0x140a[79]+img[_0x1ee2x8]+_0x140a[80]+thumbwidth+_0x140a[81]+thumbheight+_0x140a[82]+_0x1ee2xb+_0x140a[83]+_0x1ee2x3+_0x140a[84]+_0x1ee2xa+_0x140a[85]+cmtext+_0x140a[86];document[_0x140a[32]](_0x1ee2x14);j++;} ;document[_0x140a[32]](_0x140a[87]);} ;document[_0x140a[32]](_0x140a[88]+home_page+_0x140a[89]+numposts+_0x140a[90]);;;document[_0x140a[32]](_0x140a[91]); 
//]]>
</script></script>
</div>
قبل ان تحفظ الكود يجب ان تقوم بعمل هذه التغيرات البسيطة :
1- الكود المحدد باللون الأحمر هو المسؤل عن لون خلفية المواضيع
2- الكود المحدد باللون الاورنج هو المسؤل عن لون خلفية المواضيع اثناء وضع مؤشر الماوس عليها 
3- ضع رابط موقع بدل من رابط موقعى المحدد باللون الأصفر
فى الأخير اضغط حفظ وانتهى التركيب .
صور توضح لشكل الاضافة بعد التركيب :
صورة توضح لشكل الاضافة الأكثر من رائعة 
صورة اخرى توضح لشكل تغيير لون الخلفية اثناء وضع مؤشر الماوس عليها :
كما تلاحظون بالصورة السابقة تم تغيير لون خلفية الموضوع المحدد اثناء وضع مؤشر الماوس عليها فهذه الالوان بامكانك ان تتحكم بها لكى تتناسب مع شكل استايل مدونتك والتغييرات من خلال الشرح الذى وضعته ولاننسى بأن هذه الاضافة المواضيع تتحرك عموديا الى اسفل وايضا الصور تتحرك بشكل دائرى اكثر من رائع اثناء وضع مؤشر الماوس عليها .
ارجو بأن هذه الاضافة اعجبتكم وانتظرونى بأضافة اخرى جديدة ومميزة 

هناك تعليق واحد :

  1. ربنا يخليك.

    دورة html لتصميم الويب كاااملة
    http://saadgsem.blogspot.com/

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف