---
This is an example of a caption.

حل مشكلة ظهور الازر الاجتماعية بالصفحة الرئيسية

يعتبر موقعaddthis من أفضل اضافات المشاركات الاجتماعية كل ما عليك فعله هو الذهاب للموقع واختيار الشكل المناسب
وبعد الحصول على الكود ابحث عن
<data:post.body/>
واضف كود الموقع بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة
عند اضافة الكود  للمدونة سيظهر بالصفحة الرئيسية ولاخفاءه  ليظهر بالتدونية فقط اتبع الاتى

قم باضافة <b:if cond='data:blog.pageType == &quot;item&quot;'> قبل كود الموقع
وهذا الجزء نهاية الكود </b:if>

ليصبح كالاتى
<b:if cond='data:blog.pageType == &quot;item&quot;'><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e19c7af5b572700"></script>
<!-- AddThis Button END --></b:if>

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


[متابعة المقال]

اضافة زر تويتر متحرك ( حيتعبك)

اضافة زر تويتر متحرك
ابحث عن </body>

واضف بعده هذا الكود
<script src='https://sites.google.com/site/xs4wei/newsitlc/newitlac-.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;MyBloggerTricks&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
tripleflapInit();
</script>


[متابعة المقال]

اضافة ازرار المشاركه الاجتماعيه متعدد ة الوظائف

اسعد الله اوقاتكم بكل خير
تتميز تلك الاضافة با ختصار الادوات اضافه ليست جديده من نوعها مضمونا ولكن جديده ورائعه
من حيث تعدد الوظائف,,انها اضافة الاشتراك في القائمه البريديه
مع خاصية متابعة صاحب المدونه او المدونه نفسهاعلى تويتر وفيس بوك
مع ايضا خاصية البحث في المدونه..مع خاصية مشاركة الموضوع او المدونه على مواقع النشر
الاجتماعيه ونشرها..
الان ناتى لتطبيق شرح تركيب تلك الاضافه الرائعه:
1_قم بتسجيل الدخول الي لوحة تحكم مدونتك --> ثم الي تصميم--> ثم الي تحريرHTML

2_قم بالبحث عن هذا الكود </head>

3_قبله مباشرة ضع الكود الموجود بالاسفل .




<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

(ما قمت بترميزه باللون الاحمر لتعديل عرض  القوائم الاربعة)
ثم قم بحفظ قالب مدونتك

4_الان-->  قم بالذهاب الي عناصر الصفحه واختر اضافة اداه جديده".

5_ اختر الاداه من نوع.
html/java script
وضع بها الكود الموجود بالاسفل
<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvwDojM1I/AAAAAAAADgU/tBRpYkXIVho/rss.png" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/TKgvv1xjnUI/AAAAAAAADgE/XnHFsRwk1Js/email.png" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvvhhVo_I/AAAAAAAADf8/IE38PfZs7sE/twitter.png" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvv-pobaI/AAAAAAAADgM/1wAlSk8_1yY/facebook.png" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9fsSTv4I/AAAAAAAAB90/lJxosSNM6jE/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9MH_zqNI/AAAAAAAAB9E/PahHr5GN6dI/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9NTh41aI/AAAAAAAAB9U/2RkBR3wbLBY/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9M5a4BZI/AAAAAAAAB9M/xoWTjnPVepc/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TIb9e_Kpo-I/AAAAAAAAB9s/1WqjOIz3B_A/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9eJ5RTWI/AAAAAAAAB9c/tYvdT6xgaLw/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9egD8XSI/AAAAAAAAB9k/rZY5eofO2SY/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>
واذا اردته بدون محرك البحث والشريط السلفى كهذا الشكل:
 
  •  تجاهل الكود السابق وضع هذا:
<div class="subbox">
<table><tbody><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvwDojM1I/AAAAAAAADgU/tBRpYkXIVho/rss.png" alt="RSS Feed" title="RSS Feed" style="vertical-align: middle; margin-right: 5px; border: medium none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/TKgvv1xjnUI/AAAAAAAADgE/XnHFsRwk1Js/email.png" alt="EMail Feed" title="EMail Feed" style="vertical-align: middle; margin-right: 5px; border: medium none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvvhhVo_I/AAAAAAAADf8/IE38PfZs7sE/twitter.png" alt="Twitter" title="Twitter" style="vertical-align: middle; margin-right: 5px; border: medium none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvv-pobaI/AAAAAAAADgM/1wAlSk8_1yY/facebook.png" alt="Facebook" title="Facebook" style="vertical-align: middle; margin-right: 5px; border: medium none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></tbody></table>
</div>
ملاحظه: لا تنسى تغيير المتغيرات التي بالاسفل قبل حفظ الاداه,
FEEDBURNER-ID قم بتغييره الي اسم حسابك علي فيدبرنر.
TWITTER-USERNAME قم بتغييره الى اسم حسابك على تويتر.
FACEBOOK-USERNAME قم بتغييره الى اسم حسابك على الفيس بوك.
ثم قم بحفظ الاداه وحدد لها المكان الذى ترغب فيه


[متابعة المقال]

اضافة زر الارسال send + زر الاعجاب like لمدونات بلوجر

من لوحة التحكم اضغط على التخطيط – تحرير html
لا تنسى توسيع فوالب عناصرواجهة المستخدم
ابحث عن :
<data:post.body/>
واضف الكود التالي بعدها وسيظهر لاخر التدوينة ، اواضفه قبلها ليظهر اول التدوينة
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>





[متابعة المقال]

حذف النافبار فعليا

الطريقة المنتشرة لا تزيل الشريط العلوي فعلاً ولكنها فقط تخفيه عند العرض بالمتصفح بواسطة خصائص css التى يتم وضعها في رأس القالب ضمن وسم <style>...
إذن فالشريط العلوي سيتم تحميله كل مرة ولكنه لا يعرض، وإذا نظرت إلي مصدر الصفحة ستلاحظ أنه لا يزال هناك وهذا ما لا أريده في رحلة البحث عن قالب blogger
سنعمل  على إزالة أكواد الشريط العلوي من مصدر الصفحة نفسه ولكن قبل ذلك شاهد كود الشريط في مصدر الصفحة.
أكواد الشريط العلوي
هذا الكود يولد تلقائيا في القالب أسفل الوسم <body> ولن تجده عند التحرير والملاحظ فيه أن الشريط هو عبارة عن Widget مثله مثل الصناديق في القائمة الجانبية ورأس الصفحة Header يمكن إزالته مباشرة دون إخفاءه وتجده أيضا بنهاية القالب.

إذهب الى تخطيط >> تحرير HTML ثم إبحث ضمن أكواد القالب عن الوسم...
<body
وأستبدله بالتالي ثم احفظ القالب...
<!-- <body> --> <body
سوف تظهر لك رسالة تنبيه تطلب منك التأكيد على حذف الشريط العلوي المسمى Navbar1 اختر حذف الأدوات للإستمرار...
رسالة تأكيد لحذف الشريط العلوي
هذا كل شيء! وبالنظر الى مصدر الصفحة بعد التعديل ستجد أن كود Navbar تم حذفه بالفعل وما بقى هو مجرد تعليق html صغير، 
لكي تظهر الشريط مرة أخرى أعد الوسم <body> كما كان.
[متابعة المقال]

افضل مواقع مفيدة للمخترعين والباحثين

ظهر مؤخرا في سماء الإنترنت موقعا طريفا لأغرب الاختراعات المفيدة للإنسان يعرض للكثير والمثير من البضائع التي نالت على بساطتها براءات اختراع
    www.Totallyabsurd.com
    فملعقة استخلاص كرات البوظة التي تعمل بالحرارة فكرة غريبة ولكنها فعالة جدا، و حمالات الركب ذات العجلات فكرة لا تقل روعة عن سابقتها ، لاسيما للذين يحتاجون إلى الجثو على ركبهم لإنجاز بعض الأعمال ، الكثير من الأفكار الغريبة التي يجمعها أمر واحد وهو كونها مبتكرة ونيرة بالفعل وذات مغزى عملي.
    •   يعتبر موقع www.inventionshow.com من المواقع التي تجمع بين كونها دليلا شاملا ومتنوعاً مع تقديمه للعديد من الخدمات فيما يخص عالم الابتكارات والمخترعين ويتيح على صفحاته باقة متنوعة من المساعدات الخدمية للمخترعين منها إمكانية تسجيل بيانات الاختراع على الاستمارة المتاحة على المواقع والمعدة لهذا الغرض للحصول على براءة الاختراع بالإضافة إلى عرض المعلومات التي تمكن المتجول المخترع من كيفية الاستفادة بالحصول على هذه البراءة.
    وتقسم خدمات الموقع إلى جانب مختص بعرض النصائح التي تهم المخترعين و أخر لسرد قصص بعض المخترعات المهمة على مستوى العالم ، ويجد المتجول على الموقع صفحة للمسابقات التي يمكن أن يتقدم المتجول على الشبكة بإنتاجه للدخول فيها كما يخصص الموقع جزءا من صفحاته لعرض نكت وطرائف تتعلق بالاختراعات ، بالإضافة إلى النوادي والخدمات التي تقدم للمخترعين ،ثم يصنف الموقع أهم العناوين الخاصة بموضوع الاختراعات والمتاحة على شبكة الإنترنت إلى نحو 16 قسما منها مواقع الاختراعات الطبية والعناوين التي تقدم التمويل للمخترعين والمعترف بها دوليا ثم الاختراعات الحاصلة على الترخيصات ومالكي حق بيعها وتاريخ العلم عموما.
    (2)المقالات المتخصصة

    ويتوفر على شبكة الإنترنت بعض المواقع التي تقدم العديد من المقالات المتخصصة من قبل المحامين المتخصصين في عمليات تسجيل اختراعات وتسويق الأعمال الجديدة منها موقع www.gibbsgroup.com الاستثمار في الأفكار ومن المواقع المهمة جدا لكل مبتكر هي المتخصصة في تقديم الاستثمارات لتحويل الأفكار على ارض الواقع  وهو خاص بالخطوات التي يجب ان يتبعها المبتكر عندما تتولد لديه فكرة ابتكاريه جديدة ، حيث يجب البدء بالبحث على شبكة الإنترنت عن الأعمال الشبيهة بفكرته من خلال المواقع المتاحة على الشبكة ، ويوفر الموقع عناوين لبعض هذه المواقع للتأكد بان الفكرة لم يسبقه أحد إليها وبالتالي أما الاستمرار في بلورة الفكرة ومحاولة تجسيدها على ارض الواقع أو إلغائها تجنبا لضياع الوقت والجهد والأموال فيما لا يفيد.
    (3) احتياجات المخترعين

    من المواقع الشاملة أيضا لكثير من احتياجات المخترعين عنوان www.inventionconvention.com الذي يفصل صفحاته ما بين عالم الاختراعات ومساعدة المخترعين ، بالإضافة إلى معلومات عن التجارة في الاختراعات إلى جانب دليل للمواقع المتخصصة على شبكة الإنترنت وأيضا نماذج معروضة للبيع ويمكن البحث من خلال الموقع بعدد من الأدوات المصنفة بطريقة بسيطة ويتيح الموقع عبر صفحاته عنوان لمجلة متخصصة على الإنترنت تقدم للمتجولين التقارير الخاصة بالموضوع ولمحة عن حياة المخترعين العظماء واستكشاف عقل المخترع وبراءات الاختراع والعلامات التجارية وحقوق طبع كما تعرض هذه المجلة الفائزة بعدد من الجوائز العالمية المتخصصة كل ما يهم المخترعين منها الاختراعات المتوافرة للبيع علي شبكة الإنترنت والأماكن المتخصصة في تقديم الاستثمارات ومصادر للمخترعين وأشهر المحامين الذين يقومون بعمليات التسجيل لبراءات الاختراع .

    (4) أخبار الاختراعات

    موقع http://www.asktheinventors.com فهو يقدم النصائح المجانية إلى جانب احدث الأخبار المتخصصة في دنيا الاختراعات ، كما يوفر للمتجولين قسما خاصا به عناوين أهم المواقع التي تهتم بتغطية الجانب الإخباري وعرض أهم الأحداث المتعلقة بالموضوع ، ومن المواقع التي تعد أيضا من قبيل المكتبات المتخصصة في عرض كل ما يهم المخترعين





        * موقع براءات الاختراعات

    http://members.tripod.com/patentpage

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

    •  موقع الأفكار
    http://www.alafkar.com/main.htm

    موقع علمي تجاري يساهم بالنهضة الصناعية عن طريق تقديم أفكار لمنتجات جديدة للصناعيين ويحل لهم الكثير من المشاكل التقنية التي قد تعترضهم والموقع مفتوح للجميع في سوريا وخارجها ضمن الأنظمة والقوانين المرعية، إضافة إلى اهتمامه البالغ بالمخترعين والمبتكرين والموهوبين.
    • مكتب براءات الاختراع  المصرى


    •     موقع دائرة براءات الاختراع السورية
    www.spo.gov.sy

    •   المجتمع العربي للملكية الفكرية
    http://www.aspip.org/?lang=ar

    •   موقع علم الاختراع والتطوير يهتم بإشاعة ثقافة الاختراع والحديث عنه كعلم وكيفية تطويره، ويعطي نبذة مختصرة عن مؤسسه السوري نزار فريسان
    http://www.sidteam.org/indexAR.php

    •   جمعية خبراء التراخيص، تهدف إلى الاستثمار في القدرات البشرية لخلق مجموعة من الخبراء العرب المؤهلين في مجال التراخيص ونقل التكنولوجيـا، وللمساعدة في التطويـر الاقتصادي للعالم العربي من خلال تشجيع وتسهيل وإنفـاذ تراخيص الملكية الفكريـة، و الاستثمار في البحث والتطوير.
    http://www.lesarab.org/Default.aspx?〈=ar

    •     المناهل، منبع العلم والمعرفة

    http://www.mnahel.net/category.php?id=19

    •   بيت الاختراع، موقع مخصص لصالح المهندس المصري شحات سعيد أبوذكري، الذي تمكن من اختراع جهاز يمنع سرقة السيارات.

    http://www.inventions-home.110mb.com/index_a.htm

    •      الموسوعة العلمية العربية، تتضمن معلومات طبية ومعلوما ثقافية في كافة مناحي العلوم والثقافة والتكنولوجيا بالإضافة إلى الاهتمام بالاختراعات والمخترعين

    http://www.elmowsoa.host.sk/index1.html
    abuiyad
    [متابعة المقال]

    افضل6 برامج لتصميم الايقونات والشعارات

    [متابعة المقال]

    jqueryعرض مواضيع المدونةبترقيم الاسهم



    ولعمل ذلك
    اذهب الى عناصر الصفحة - ثم اختر اضف اداة  - اختر  HTML/JavaScript - ثم انسخ الكود التالي والصقه داخله :

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

    <script src="http://nivo.dev7studios.com/scripts/nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(window).load(function() {
    $('#slider').nivoSlider();
    });
    </script>

    <style>
    #slider {
    position:relative;
    }
    #slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    }
    #slider a {
    border:0;
    display:block;
    }

    .nivo-controlNav {
    position:absolute;
    left:260px;
    bottom:-42px;
    }
    .nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/TQ-dlkBU2zI/AAAAAAAADME/t3LPHO0VCso/s400/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
    }
    .nivo-controlNav a.active {
    background-position:0 -22px;
    }

    .nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/TQ-dlGeZ32I/AAAAAAAADL0/R3v8bZsCtqo/s400/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
    }
    a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
    }
    a.nivo-prevNav {
    left:15px;
    }

    .nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
    font-size:16px;
    padding: 10px 0px;
    }
    .nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
    }

    .clear {
    clear:both;
    }

    .nivoSlider {
    position:relative;
    }
    .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    }
    .nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
    }

    .nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
    }
    .nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    opacity:0.7; /* Overridden by captionOpacity setting */
    width:100%;
    z-index:89;
    }
    .nivo-caption p {
    padding:5px;
    margin:0;
    }
    .nivo-caption a {
    display:inline !important;
    }
    .nivo-html-caption {
    display:none;
    }

    .nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:99;
    cursor:pointer;
    }
    .nivo-prevNav {
    left:0px;
    }
    .nivo-nextNav {
    right:0px;
    }
    .nivo-controlNav a {
    position:relative;
    z-index:99;
    cursor:pointer;
    }
    .nivo-controlNav a.active {
    font-weight:bold;
    }
    </style>

    <div id="slider">


    <a href="ضع رابط الموضوع هنا"> <img src="ضع رابط الصورة هنا" alt="" title="الوصف الخاص بالرابط" /></a>

    <a href="ضع رابط الموضوع هنا"> <img src="ضع رابط الصورة هنا" alt="" title="الوصف الخاص بالرابط" /></a>

    <a href="ضع رابط الموضوع هنا"> <img src="ضع رابط الصورة هنا" alt="" title="الوصف الخاص بالرابط" /></a>

    <a href="ضع رابط الموضوع هنا"> <img src="ضع رابط الصورة هنا" alt="" title="الوصف الخاص بالرابط" /></a>

    <a href="ضع رابط الموضوع هنا"> <img src="ضع رابط الصورة هنا" alt="" title="الوصف الخاص بالرابط" /></a>

    </div>
    <br/>
    <br/>

    احفظ العنصر
     وقم بتصميم الصور الخاصة بك بنفس مقاس العرض والارتفاع الخاص  بالاضافة وهو 618   270x
    وارفعها على احد مواقع استضافة الصور واضف رابطها الى مكانه المخصص
    ومبروك عليك الاضافة .
    [متابعة المقال]
     

    ©2011 NEWSitlac | by almnawr