03-09-2014, 07:41 AM
[center]السلام عليكم
اليوم سأشرح لكم طريقة لاضافة أداة جميلة جدا لمدونتكم
و المتمثلة في أداة ''[highlight=#ff4040]أحدث المواضيع[/highlight]''
و التي تظهر أحدث المواضيع التي كتبت في صورة منزلقة وراء بعضها البعض
*******
[highlight=#ff40bf]خطوات اضافة الأداة[/highlight]
[highlight=#ff4040]أولا:[/highlight] نذهب الى المدونة الخاصة
*ننقر فوق "[highlight=#ff4040]تخطيط[/highlight]" ثم "اضافة أداة"
كما هو موضح في الصورة
<!-- m --><a class="postlink" href="http://www12.0zz0.com/2014/03/06/09/795469431.jpg">http://www12.0zz0.com/2014/03/06/09/795469431.jpg</a><!-- m -->
**************
[highlight=#ff4080]ثانيا:[/highlight] نختار من القائمة
html/javascript
كما هو موضح في الصورة
![[صورة: 114544272.jpg]](http://www12.0zz0.com/2014/03/06/09/114544272.jpg)
**************
[highlight=#ff4040]ثالثا:[/highlight]نقوم باختيار عنوان للأداة مثل
''أحدث المواضيع''
ثم نقوم بنسخ الكود التالي في المكان المخصص له:
**************
<style type="text/css">
#rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#E3D79D; border
olid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;borderolid 1px #00000;width:55px;height:55px;} </style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>
<script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 5; var numchars = 0; </script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>
******
ثم نضغط على "[highlight=#ff4040]حفظ[/highlight]"
كما هو موضح في الصورة
![[صورة: 609065401.jpg]](http://www5.0zz0.com/2014/03/06/12/609065401.jpg)
**************
[highlight=#ff4040]رابعا:[/highlight] نضغط على "[highlight=#ff4040]حفظ الترتيب[/highlight]" في أعلى اليسار
كما هو موضح في الصورة
![[صورة: 453530466.jpg]](http://www12.0zz0.com/2014/03/06/09/453530466.jpg)
***************
و مبروك اضافة الأداة
*************
بالتوفيق
المصدر: http://houssemmedia.blogspot.com/2014/03..._8638.html
/[/center]
اليوم سأشرح لكم طريقة لاضافة أداة جميلة جدا لمدونتكم
و المتمثلة في أداة ''[highlight=#ff4040]أحدث المواضيع[/highlight]''
و التي تظهر أحدث المواضيع التي كتبت في صورة منزلقة وراء بعضها البعض
*******
[highlight=#ff40bf]خطوات اضافة الأداة[/highlight]
[highlight=#ff4040]أولا:[/highlight] نذهب الى المدونة الخاصة
*ننقر فوق "[highlight=#ff4040]تخطيط[/highlight]" ثم "اضافة أداة"
كما هو موضح في الصورة
<!-- m --><a class="postlink" href="http://www12.0zz0.com/2014/03/06/09/795469431.jpg">http://www12.0zz0.com/2014/03/06/09/795469431.jpg</a><!-- m -->
**************
[highlight=#ff4080]ثانيا:[/highlight] نختار من القائمة
html/javascript
كما هو موضح في الصورة
**************
[highlight=#ff4040]ثالثا:[/highlight]نقوم باختيار عنوان للأداة مثل
''أحدث المواضيع''
ثم نقوم بنسخ الكود التالي في المكان المخصص له:
**************
<style type="text/css">
#rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#E3D79D; border
olid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;borderolid 1px #00000;width:55px;height:55px;} </style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>
<script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 5; var numchars = 0; </script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>
******
ثم نضغط على "[highlight=#ff4040]حفظ[/highlight]"
كما هو موضح في الصورة
**************
[highlight=#ff4040]رابعا:[/highlight] نضغط على "[highlight=#ff4040]حفظ الترتيب[/highlight]" في أعلى اليسار
كما هو موضح في الصورة
***************
و مبروك اضافة الأداة
*************
بالتوفيق
المصدر: http://houssemmedia.blogspot.com/2014/03..._8638.html
/[/center]