ملحوظة: لقد تم إغلاق باب التبادل الإعلانى البنرى حتى إشعار آخر .
السبت، 4 يناير 2014

2 تعليقات إضافة أجمل تأثير على المشاركات الشائعة فى بلوجر


اليوم اشرح كيفية تمييز المشاركات الشائعة فى بلوجر لاكساب مدونتك الشكل الأنيق الجميل حيث أن الشكل الافتراضى فى بلوجر شكل تقليدى ولا يناسب كل الأذواق فكان لابد من حل سريع لهذا الأمر فأداة المشاركات الشائعة مما لاشك فيه مهمة للغاية فهو تصنف المواضيع المميزة الأكثر مشاهدة حيث يستطيع الزائر للوصول لأفضل ما فى مدونتك بسرعة بالغة ، واليوم أقدم لكم شرح بسيط للحل
شرح التركيب
 اذهب للوحة تحكم مدونتك >> القالب >> تحرير HTML >> ابحث عن 
]]></b:skin>  
>> ثم ضع فوقه كود الاضافــــــــــــــــــتة التى تناسبك
ملحوظة هامة : يجب اضافة أداة المشاركات الشائعة أولاً 
الشكــــــــــــــــل الأول 

الكــــــــــــــــــــــود 
#PopularPosts1 ul li a:hover{color:#fff; text-decoration: none !important; margin-bottom:0 !important;}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block;font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-right:35px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:2px;border:1px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:0px 0px 0px 0px;border:1px solid #f7f7f7;-webkit-box-shadow:2px 2px 2px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px;}
#PopularPosts1 img {
border-radius:0px;
max-width:60px;
max-height:60px;
margin-left:4px;
}
الشكــــــــــــل الثانى 
 معاينــــــــــــــــة
الكــــــــــــــــود 
#PopularPosts1 ul li a:hover{color:#000; text-decoration: none !important; margin-bottom:0 !important;}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block;font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-right:35px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li {
  background:#FFFFFF;
  border: 2px solid #777777;
  border-radius: 25px 0;
  margin: 6px 0;
  padding: 10px;
  position: relative;
}
#PopularPosts1 ul li:hover{background:#F1FBFE; border: 2px solid #06BBFD;}
#PopularPosts1 img {
border-radius:200px;
max-width:60px;
max-height:60px;
margin-left:4px;
}
راعى تغيير الألوان ودوران الأركان بالجزء الملون من الكود أعلاه 
أسأل اللـــــــه تعالى أن أكون قد وفيت الشرح
كلمة شكر من الأعضاء تجعلنى ازداد فى العطاء
الأربعاء، 1 يناير 2014

5 تعليقات التعليقات بين ألفاظ غير لائقة و روابط دعائية !


منذ أن تم إنشاء مدونتى المتواضعة  ( مدونة ابداعاتى ) فأنا أحاول قدر الامكان نشر محتوى عربى حصرى وما زلت  ولكن تفاعل الزوار للأسف تفاعل سلبى كل شخص يأخد ما يريد من المدونة ويرحل أو يترك تعليق سخيف أحيانا أو رابط  اعلانى لمدونته ولذلك تجد العديد من الاعلانات لم أقم بنشرها لأنها تخالف التفاعل الايجابى والفعال 


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


شيء آخر يحزننى هو التعليق بصيغة مجهول ( غير معرف ) فلماذا تلجأ لذلك طالما أنك مسجل فى الجيميل وإذا كان ذلك لإخفاء هويتك فلماذا تلجأ لإخفاء هويتك داخل مدونتى ؟
الهدف من  التعليقات
الهدف من خدمة التعليقات هو تكوين نقاش ثري حول المحتوى المنشور، لذا 
« احرص على أن يكون تعليقك مرتبطاً بالمحتوى، ويبتعد عن ألفاظ غير لائقة »
رجـــــــــــــــاء 
عند كتابة تعليق راعى 
أن يكون التعليق يتعلق بالمحتوى المنشور قدر الامكان 
الاقلال من نشر روابط اعلانية فقط 
البعد عن الألفاظ الغير لائقة التى تعطينى طابع عن قبح سلوكك 

بتواصلكم نصل إلى عنان السماء فلا تبخلو بالتواصل الفعال الذى يفيدكم ويسعدنى 
الجمعة، 27 ديسمبر 2013

5 تعليقات تحميل كل ملفات dll لحل مشاكل الالعاب برابط مباشر



الشــــــــــــــــــــــرح

أولا: بعد التحمــــــــــــــــيل فك ضغط الملف 
ثانـيا : بعد فك الضغط انســــخ كل الملفات واذهب الى ال c 
ثالـثا : ستجد ملف باسم windows افتحه وستجد بداخله ملف باسم System32
افتحـــــــــــــــه 
رابعا : ضـــــــــع كل الملفات السابق نسخها ووافق على الابتــــــــداء
عدد الملفات 48 ملف     بحجم  22 ميجا
التحميـــــــــــــــل
Or

fileswap
برامج قد تفيدك أيضا 
برنامج لاحضار ملفات dll الغير متواجدة تلقائيا وبرابط مباشر
التحميل من هنا 
اخر اصدار من برنامج daemon  لصنع الاسطوانات الوهميه وفتح الالعاب 
بصيغه iso 
برنامج من شركه مايكروسوفت لتشغيل احدث الالعاب بجرافيك عالى 
بدون تقطيع على رابط مباشر 

من يواجــــه أى مشاكــــــــل عليه كتابتها فى تعليق 
من يجد اى مشكلة فى عدم وجود أى ملف من ملفات  Dll   يكتب تعليق به اسم الملف وساقوم برفعه على الموقع  فى اسرع وقت 

2 تعليقات اسطوانة ابداعاتى اقوى سلسلة اضافات وملحقات الفوتوشوب


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
















تحميـــــــــــــل الاسطوانـــــــــــة 
حجـم الاسطوانـــة 700 ميجـا

مركز الخليج   >>  هنـــــا

رابـــــط مباشر >>  هنـــــا

رابط مباشر آخر >> هنـــــــا


دمتم فى رعايـــــــــــة اللـــــــــــــه 
الأربعاء، 25 ديسمبر 2013

5 تعليقات حصرى : اضافة قائمة علوية منسدلة بتقنية احترافية


اليوم اقدم لكم قائمة علوية احترافية بتقنية ممتازة يمكنك كتابة ملاحظات للزوار من خلالها وعرضها بطريقة مميزة تعطى لمسة من الجمال لمدونتك وبلا شك تتميز بها عن باقى المدونات التقليدية فكن اول من يطبقها فى مدونته لتحظى بالتميز والتفرد والان مع المعاينة المباشرة لذلك 
طريقة التركيب 
ابحث عن </head>
ضع قبلـــــــه هذا الكود 
<script language='JavaScript'>
//<![CDATA[
var _0xc70b=["\x6A\x51\x75\x65\x72\x79","\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x6E","\x74\x6F\x70","\x6C\x69\x6E\x65\x61\x72","\x65\x78\x74\x65\x6E\x64","\x65\x61\x73\x69\x6E\x67","\x73\x77\x69\x6E\x67","","\x74\x6F\x74\x61\x6C\x48\x65\x69\x67\x68\x74","\x68\x65\x69\x67\x68\x74","\x62\x6F\x72\x64\x65\x72\x53\x69\x7A\x65","\x64\x75\x72\x61\x74\x69\x6F\x6E","\x73\x68\x6F\x77\x41\x66\x74\x65\x72","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x69\x6E\x64","\x2E\x6C\x69\x6E\x6B","\x23\x63\x6C\x6F\x73\x65\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x23\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x61\x6E\x69\x6D\x61\x74\x65","\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x61\x62\x73","\x61\x64\x64\x43\x6C\x61\x73\x73","\x6D\x61\x72\x67\x69\x6E\x54\x6F\x70","\x74\x6F\x70\x5F\x66\x69\x78\x65\x64","\x62\x6F\x74\x74\x6F\x6D","\x62\x6F\x74\x74\x6F\x6D\x5F\x66\x69\x78\x65\x64","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x64\x65\x74\x61\x63\x68","\x62\x6C\x6F\x63\x6B","\x63\x73\x73","\x62\x6F\x64\x79","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6C\x65\x6E\x67\x74\x68","\x2E\x6D\x75\x6C\x74\x69\x4D\x65\x73\x73\x61\x67\x65\x73","\x69\x6E\x69\x74","\x6D\x75\x6C\x74\x69\x70\x6C\x65\x4D\x65\x73\x73\x61\x67\x65\x73","\x6B\x65\x65\x70\x48\x69\x64\x64\x65\x6E","\x63\x6C\x6F\x73\x65\x61\x62\x6C\x65","\x63\x6C\x69\x63\x6B","\x70\x6F\x73\x74","\x63\x6C\x69\x63\x6B\x3D\x74\x72\x75\x65","\x61\x6A\x61\x78","\x3C\x61\x61\x3E","\x70\x72\x65\x70\x65\x6E\x64","\x65\x61\x73\x65\x4F\x75\x74\x42\x6F\x75\x6E\x63\x65","\x68\x61\x73\x4F\x77\x6E\x50\x72\x6F\x70\x65\x72\x74\x79","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E\x57\x72\x61\x70","\x72\x65\x61\x64\x79"];;;(function (_0x9f69x1){_0x9f69x1[_0xc70b[2]][_0xc70b[1]]=function (_0x9f69x2){var _0x9f69x3={duration:500,position:_0xc70b[3],closeable:true,showAfter:0,keepHidden:false,borderSize:3,height:40,easing:_0xc70b[4]},_0x9f69x4=_0x9f69x1[_0xc70b[5]]({},_0x9f69x3,_0x9f69x2);if(_0x9f69x4[_0xc70b[6]]==_0xc70b[7]){_0x9f69x4[_0xc70b[6]]=_0xc70b[8];} ;_0x9f69x4[_0xc70b[9]]=parseInt(_0x9f69x4[_0xc70b[10]],10)+parseInt(_0x9f69x4[_0xc70b[11]],10);_0x9f69x4[_0xc70b[12]]=parseInt(_0x9f69x4[_0xc70b[12]],10);_0x9f69x4[_0xc70b[13]]=parseInt(_0x9f69x4[_0xc70b[13]],10)*1000;var _0x9f69x5=_0x9f69x1(this),_0x9f69x6=_0x9f69x5[_0xc70b[15]](_0xc70b[14]),_0x9f69x7=_0x9f69x6[_0xc70b[15]](_0xc70b[16]),_0x9f69x8=_0x9f69x6[_0xc70b[15]](_0xc70b[17]),_0x9f69x9=_0x9f69x5[_0xc70b[15]](_0xc70b[18]),_0x9f69xa={},_0x9f69xb=_0xc70b[8],_0x9f69xc={},_0x9f69xd=_0xc70b[8],_0x9f69xe=function (){_0x9f69xc[_0x9f69xd]=_0x9f69x4[_0xc70b[9]];_0x9f69x9[_0xc70b[19]](_0x9f69xc,(_0x9f69x4[_0xc70b[12]]/2),_0x9f69x4[_0xc70b[6]]);_0x9f69x5[_0xc70b[21]](_0xc70b[20]);} ,_0x9f69xf=function (){_0x9f69xc[_0x9f69xd]=-Math[_0xc70b[22]](34-_0x9f69x4[_0xc70b[10]]);_0x9f69x9[_0xc70b[19]](_0x9f69xc,(_0x9f69x4[_0xc70b[12]]/2),function (){_0x9f69x10();} );} ,_0x9f69x10=function (){_0x9f69xa[_0x9f69xb]=0;_0x9f69x5[_0xc70b[19]](_0x9f69xa,_0x9f69x4[_0xc70b[12]],_0x9f69x4[_0xc70b[6]],function (){_0x9f69x5[_0xc70b[23]](_0xc70b[20]);} );} ,_0x9f69x11=function (){_0x9f69xa[_0x9f69xb]=-_0x9f69x4[_0xc70b[9]];_0x9f69x5[_0xc70b[19]](_0x9f69xa,_0x9f69x4[_0xc70b[12]],function (){_0x9f69xe();} );} ,_0x9f69x12=false;switch(_0x9f69x4[_0xc70b[28]]){case _0xc70b[3]:_0x9f69xb=_0xc70b[24];_0x9f69xd=_0xc70b[3];break ;;case _0xc70b[25]:_0x9f69xb=_0xc70b[3];_0x9f69xd=_0xc70b[3];break ;;case _0xc70b[27]:_0x9f69xb=_0xc70b[26];_0x9f69xd=_0xc70b[26];break ;;} ;_0x9f69x5[_0xc70b[29]]();_0x9f69x5[_0xc70b[33]](_0xc70b[32])[_0xc70b[31]]({display:_0xc70b[30]});if(_0x9f69x6[_0xc70b[15]](_0xc70b[35])[_0xc70b[34]]){bloggernotificationExtras[_0xc70b[37]][_0xc70b[36]]();} ;if(_0x9f69x12&&_0x9f69x4[_0xc70b[38]]&&_0x9f69x4[_0xc70b[39]]){setTimeout(function (){_0x9f69xe();} ,_0x9f69x4[_0xc70b[13]]);} else {setTimeout(function (){_0x9f69x10();} ,_0x9f69x4[_0xc70b[13]]);} ;_0x9f69x8[_0xc70b[40]](function (){_0x9f69x11();setCookie();} );_0x9f69x9[_0xc70b[40]](function (){_0x9f69xf();setCookie();} );_0x9f69x7[_0xc70b[40]](function (){_0x9f69x1[_0xc70b[43]]({type:_0xc70b[41],data:_0xc70b[42],success:function (_0x9f69x13){} });return true;} );} ;} )(window[_0xc70b[0]]);jQuery(document)[_0xc70b[49]](function (_0x9f69x1){_0x9f69x1(_0xc70b[14])[_0xc70b[45]](_0xc70b[44]);if(!_0x9f69x1[_0xc70b[6]][_0xc70b[47]](_0xc70b[46])){_0x9f69x1[_0xc70b[5]](_0x9f69x1[_0xc70b[6]],{easeOutBounce:function (_0x9f69x14,_0x9f69x15,_0x9f69x16,_0x9f69x17,_0x9f69x18){if((_0x9f69x15/=_0x9f69x18)<(1/2.75)){return _0x9f69x17*(7.5625*_0x9f69x15*_0x9f69x15)+_0x9f69x16;} else {if(_0x9f69x15<(2/2.75)){return _0x9f69x17*(7.5625*(_0x9f69x15-=(1.5/2.75))*_0x9f69x15+0.75)+_0x9f69x16;} else {if(_0x9f69x15<(2.5/2.75)){return _0x9f69x17*(7.5625*(_0x9f69x15-=(2.25/2.75))*_0x9f69x15+0.9375)+_0x9f69x16;} else {return _0x9f69x17*(7.5625*(_0x9f69x15-=(2.625/2.75))*_0x9f69x15+0.984375)+_0x9f69x16;} ;} ;} ;} });} ;_0x9f69x1(_0xc70b[48])[_0xc70b[1]]({position:_0xc70b[3],showAfter:0,keepHidden:true,duration:300,closeable:true,height:40,borderSize:1,easing:_0xc70b[7]});} );
//]]>
</script>
ثم ابحث عن  ]]></b:skin>
ضع قبلها هذا الكود 
#bloggernotificationWrap{
display: none;
margin: 0;
padding: 0;
position: fixed;
margin-top: -41px;
z-index: 999999;
width: 100%;
height: 41px;
}
#bloggernotification {
width: 100%;
height: 28px;
margin: 0px;
padding-top: 7px;
text-align: center;
background: #242729;
position: relative;
box-shadow: 1px 2px 9px rgb(144, 241, 40);
z-index: 9998;
text-decoration: none;
color: rgb(204, 204, 204);
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 4px rgb(0, 0, 0);
border-bottom: 2px solid rgb(144, 241, 40);
}
#bloggernotification a{
text-decoration: none;
color: #fff;
font-family: arial,sans-serif;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
outline: none;
}
#bloggernotification a:hover{
text-decoration: underline;
}
#bloggernotificationWrap #closebloggernotification{
display: block;
position: absolute;
top: 0;
right: 23px;
height: 40px;
width: 21px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUDfAIc9kUOHaOIce10tMjAl7wZcjUVW-oZjxg1TzuE0zPTcbtukitLpTjsYbKfaKRO8HSWrN8CfjAq7IepokYfVGuEyZ6QcV-LyEQ68UPidHZ09znB9jNpd-y2lpHXz88lmt2nB39h49S/s400/light.png) no-repeat 0 center;
cursor: pointer;
}
#bloggernotificationWrap #closebloggernotification:hover{
background-position: -21px 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification{
background-position: right 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification:hover{
background-position: -42px 50%;
}
#bloggernotificationWrap #openbloggernotification{
display: block;
position: absolute;
top: -6px;
right: 15px;
padding: 0 7px;
background: #2E2F2E;
border-left: 2px solid rgb(144, 241, 40);
border-right: 2px solid rgb(144, 241, 40);
border-bottom: 2px solid rgb(144, 241, 40);
cursor: pointer;
z-index: 1;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 1px 2px 9px rgb(144, 241, 40);
}
#bloggernotificationWrap #openbloggernotification span{
display: block;
width: 21px;
height: 34px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUDfAIc9kUOHaOIce10tMjAl7wZcjUVW-oZjxg1TzuE0zPTcbtukitLpTjsYbKfaKRO8HSWrN8CfjAq7IepokYfVGuEyZ6QcV-LyEQ68UPidHZ09znB9jNpd-y2lpHXz88lmt2nB39h49S/s400/light.png) no-repeat right 50%;
}
ثم ابحث عن <body>
ضع بعده هذا الكــــــــــود 
<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><div id='bloggernotification'>
استبدل هذا النــــــــــــص بما تريـــــــــــــــــد <span id='closebloggernotification'/></div><span id='openbloggernotification' style='top: -6px;'><span/></span></div>
لوضع رابط فى القائمة
استبدل الكلمات باللون الأزرق بهذا
<a href="http://myebd3at.blogspot.com/">write what you need here ! </a>
اذا واجهتك اى مشكلة فلا تتردد فى عرضها فى التعليقات 
أتمنى كلمة شكر على المجهود المبذول  

7 تعليقات حصرى : اضافة سلايدر شو لمدونتك بشكل جميل للغاية

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

طريقة التركيب 
اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> Html/Javascript
ضع بها هذا الكود
<style>
.slider1 { position: relative; z-index: 5; }
.slider1 .shell { position: relative; }
.slider1 .slider-wrapper { position: absolute; top: -233px; left: 0; } 
.slider1 .slider-holder { float: left; display: inline; width: 520px; height: 276px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD7bSCFUe4_ga7wcR0xa0DCnPgS4SldiKgXG70YL1GHfLAPMlEJiPp0S3twHcw_EPVW6TUEb90ZLuZegmy35PJwgGfREq03hn3iR0okFEbTTdFuHc0sIcaSJZ2uWtEI8JESu7m2-NR6lw/s1600/home1-slider.png) no-repeat 0 0; position: relative; margin-left: 14px; } 
.slider1 .slider-holder .content { width: 469px; height: 242px; position: relative; overflow: hidden; margin: 14px 0 0 26px; } 
.slider1 .slider-holder .content ul { list-style: none outside none; position: relative; overflow: hidden; } 
.slider1 .slider-holder .content ul li { width: 469px; height: 242px; position: relative; overflow: hidden; } 
.slider1 .slider-holder .content .jcarousel-clip { width: 469px; height: 242px; position: relative; overflow: hidden; } 
.slider1 .slider-holder .carousel-prev,
.slider1 .slider-holder .carousel-next { position: absolute; top: 114px; width: 52px; height: 53px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider1 .slider-holder .carousel-prev { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRxaLFSGj2Mjij7DzpoIOLk6sauQtYZ-OkeVGrowlzmzbG018KdslNq9SL0t4rnzMSIf9-g801Rh0qKVxS3XzLC_qBDvl9iBs2FEwW3Yj9AXhk0G8-NGhCYKeHHULTZRFHq0-Uu12qO1k/s1600/carousel1-prev.png) no-repeat 0 0; left: -13px;}
.slider1 .slider-holder .carousel-next { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVWz0jK_RyCrtyKhPsUT6a-UndDYOhIM08PqlocDHZR3HeqeIDtO9oZr_Sa_S1rInysEj-KFThm3ZDQDvi-NGYcptDZ7O3Ti72YbSrGUcty5uHk4pxN2NJYufy2VwB2xju6iU1h7Wx5z4/s1600/carousel1-next.png) no-repeat 0 0; right: -13px;}
.slider1 .slider-sidebar { float: left; display: inline; width: 350px; margin: 7px 0 0 75px; }
.slider1 .slider-sidebar h2 { font-size: 35px; font-weight: bold; color: #fff; text-transform: none; text-shadow: 1px 1px 1px #459126; margin-bottom: 16px; }
.slider1 .slider-sidebar p { font-size: 14px; line-height: 20px; color: #fff; }
.slider1 .slider-sidebar .slider-btn { margin-top: 28px; }
.slider1 .slider-nav { position: absolute; bottom: -21px; left: 208px; }
.slider1 .slider-nav ul { list-style: none outside none; }
.slider1 .slider-nav ul li { float: left; display: inline; width: 15px; height: 15px; margin-right: 6px; }
.slider1 .slider-nav ul li a { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttjLjEA4XeJMjTrOiEqQnVVdFWY87A3FgfMGsbAA4HC_7AVq9PenBjwoxPDb6AogeljUJVPeuLIho7y5eYCCG_PigzeJkNi2UrTo9IUuq-EWol35mUDFxNC4SUF9e7Mb8W78IwHmJNfc/s1600/slider1-pagination.gif) no-repeat 0 0; }
.slider1 .slider-nav ul li a:hover,
.slider1 .slider-nav ul li a.active { background-position: right 0; }
.slider2 { }
.slider2 .shell { position: relative; }
.slider2 .slider-holder { width: 100%; position: absolute; top: -235px; left: -10px;}
.slider2 .slider-holder .content { width: 100%; height: 367px; margin: 10px 0 0 17px; position: relative; overflow: hidden; }
.slider2 .slider-holder .content ul { list-style: none outside none; position: relative; overflow: hidden; }
.slider2 .slider-holder .content ul li { width: 100%; height: 367px; position: relative; }
.slider2 .slider-holder .content .jcarousel-clip,
.slider2 .slider-holder .content .jcarousel-container { width: 100%; height: 367px; position: relative; overflow: hidden; }
.slider2 .slider-holder .content ul li .image-holder { width: 450px; float: left; display: inline; }
.slider2 .slider-holder .content ul li .image-holder img { display: block; margin: 30px 0 0 25px; }
.slider2 .slider-holder .content ul li .text-holder { width: 350px; float: left; display: inline; margin: 55px 0 0 35px;}
.slider2 .slider-holder .content ul li .text-holder h2 { font-size: 35px; font-weight: bold; color: #fff; text-transform: none; text-shadow: 1px 1px 1px #459126; margin-bottom: 16px; }
.slider2 .slider-holder .content ul li .text-holder p { font-size: 14px; line-height: 20px; color: #fff; margin-bottom: 15px; }
.slider2 .slider-holder .content ul li .text-holder ul li { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2jrLuDQFvxe5I21W2HSp6k5VjT_QTSgkSfWAh27lsw6QHuhzqMbQWmF8rz38754r1oRblBoxb2gVDvEln4OwptXmpMHOhr6CdfzQ7Fy60mTiPQzz4YU6nEpOmOIc38inLIZtkIiQMV3M/s1600/slider-custom-bullet.png) no-repeat 0 5px; padding-left: 20px; font-size: 14px; color: #fff; width: auto; height: auto; margin-bottom: 3px; }
.slider2 .slider-holder .content ul li .text-holder .slider-btn { margin: 25px 0 0 15px; }
.slider2 .slider-holder .slider-bar { height: 50px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwwfP0kFRyCxh4JGE5Z6RdBM4eJ7jbc0HOFUjJtfJe_7ZK5q998BxXoVcCvEeaQdurGyIvJoNOOnUwUUZbOpk4HCtnLi0g0_bdBm23rlT9B40ovSRPdWYhK5_D-QoC1pEhyphenhyphencPiLZ3o22w/s1600/slider2-bar-bg.png) repeat 0 0; position: absolute; bottom: 18px; left: 19px; width: 957px; z-index: 10; }
.slider2 .slider-holder .slider-bar .content { width: 780px; height: 50px; margin: 0 0 0 20px; }
.slider2 .slider-holder .slider-bar .content .jcarousel-clip,
.slider2 .slider-holder .slider-bar .content .jcarousel-container { width: 780px; height: 50px; }
.slider2 .slider-holder .slider-bar .content ul { list-style: none outside none; position: relative; }
.slider2 .slider-holder .slider-bar .content ul li { width: 780px; height: 50px;position: relative; color: #fff; font-size: 15px; line-height: 50px; }
.slider2 .slider-holder .slider-bar .content ul li a { font-weight: bold; color: #fdbb38; font-size: 15px; }
.slider2 .slider-holder .slider-bar .content ul li a:hover { color: #fff; text-decoration: none; }
.slider2 .slider-holder .slider-bar .carousel-down,
.slider2 .slider-holder .slider-bar .carousel-up { position: absolute; top: 2px; display: block; width: 41px; height: 44px; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider2 .slider-holder .slider-bar .carousel-down { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJUwPrVd4yjTuE1kMUUMbCGcA1RMTdVic-TzzEZkj-KSLz-KtnG6vqNEv2GzMraF4UZEnzyi_39Lva7LkDTkDvsfwmbmxVytxdCg5OjgmPBH4DHtHY53LgC0i2lbNmm1hLCsEBA5XuQs8/s1600/carousel-down.png) no-repeat 0 0; right: 63px;}
.slider2 .slider-holder .slider-bar .carousel-up { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMct840mZbsMwzvvoJBfUBLomgjIQoSSx7CNridOvDxebnO2P4rJpkK55ufglMy2SZhjGvkVwWB7gttSL6CKh6vSOwJjRZx5yu5WYFIcvDjCmTFNZ4oUd7IX8h-pU673oNYCkK5Mqy0hA/s1600/carousel-up.png) no-repeat 0 0; right: 18px; }
</style>
<script src="http://wbt.googlecode.com/svn/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
<script src="http://wbt.googlecode.com/svn/easySlider1.5.js" type="text/javascript" charset="utf-8"></script>
<script src="http://wbt.googlecode.com/svn/jquery.jcarousel.js" type="text/javascript" charset="utf-8"></script>
<script src="http://wbt.googlecode.com/svn/js-func.js" type="text/javascript" charset="utf-8"></script>
<!-- slider 1 -->
<div class="slider1">
<div class="shell">
<!-- slider holder -->
<div class="slider-holder">
<div class="content">
<ul>
<li><img src="IMAGE URL" alt="" /></li>
<li><img src="IMAGE URL" alt="" /></li>
<li><img src="IMAGE URL" alt="" /></li>
<li><img src="IMAGE URL" alt="" /></li>
<li><img src="IMAGE URL" alt="" /></li>
<li><img src="IMAGE URL" alt="" /></li>
<li><img src="IMAGE URL" alt="" /></li>
</ul>
</div>
<a href="#" class="carousel-prev">prev</a>
<a href="#" class="carousel-next">next</a>
<div class="slider-nav">
<ul>
<li><a href="#">Link Title</a></li>
<li><a href="#">Link Title</a></li>
<li><a href="#">Link Title</a></li>
<li><a href="#">Link Title</a></li>
<li><a href="#">Link Title</a></li>
<li><a href="#">Link Title</a></li>
<li><a href="#">Link Title</a></li></ul>
</div>
</div>
<!-- end slider holder -->
<div class="cl">&nbsp;</div>
</div>
</div>
<!-- end slider 1 -->
قم بتغيير IMAGE URL برابط الصورة 
قم بتغيير # بالرابط الذى توصل اليه الصورة

دمتم فى ود