أضافة قائمة رائعة في مدونتك جديد !!

mohamed-alaa

الثلاثاء، 29 أبريل 2014

ألسلام وعليكم ورحمة الله وبركاتة

اليوم أقدم لكم أضافة رائعة ومميزة من نوعها

وهي تعطي شكل رائع لمدونتك وتتيح التصفح لزوار مدونتك

فلنبدأ على بركة الله لنـتعلم كيفية اضافتها في مدونتنا

صورة للأضافة

ألان نأتي لتركيب الأضافة لمدونتا

أبحث عن الكود التالي

اقرأ ايضا

ضع فوقة الكود التالي

أبحث عن الكود التالي

<div id='slide-top-panel'>
<div id='panel'>
<div class='content clearfix'>

<div class='left' style='width:240px !important'>
<h4>
 اشترك فى مدونة سعودي حريف</h4>
<div class='about-author'>
<div class='authorbox'>
  <div class='authorinfo'>
<img 
src='http://lh6.googleusercontent.com/-dDH2YQiTFh4/AAAAAAAAAAI/AAAAAAAAA_w/6zxc7fGdaIQ/s512-c/photo.jpg'/>
<h3
 class='boxtitle'>
عن المدونة</h3>
<p>
مدونة متخصصة بكل جديد فى عالم بلوجر والتدوين من إضافات وقوالب ونصائح 
لتدوين أفضل</p>
</div>
</div>
</div>
<p align='right' style='margin-top: 10px;'>
هل تبحث عن شئ؟</p>
<form action='/search' id='search-box22' method='get'>
  <input name='q' placeholder='اكتب هنا' size='40' type='text'/>
</form>
</div>

<div class='left' style='width:320px !important'>
<h4>
أقسام المدونة</h4>
<div id='sliding-panel'>
<ul>
<li><a 
href='http://saudi-7reeef.blogspot.com/search/label/%D8%A7%D9%84%D8%A8%D8%B1%D8%A7%D9%85%D8%AC'>البرامج</a></li>
<li><a
 
href='http://saudi-7reeef.blogspot.com/search/label/%D8%A7%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1'>اضافات
 بلوجر</a></li>
<li><a 
href='http://saudi-7reeef.blogspot.com/search/label/%D9%83%D9%84%20%D9%85%D8%A7%D9%8A%D8%AE%D8%AA%D8%B5%20%D9%81%D9%8A%20%D8%A7%D9%84%D8%A7%D9%84%D8%B9%D8%A7%D8%A8'>كل
 مايختص في الالعاب</a></li>
<li><a 
href='http://saudi-7reeef.blogspot.com/p/blog-page_3.html'>التبادل 
الأعلاني</a></li>
<li><a 
href='http://saudi-7reeef.blogspot.com/p/blog-page_8368.htmlL'>قسم 
الطلبات</a></li>
<li><a href='#'>فارغ</a></li>
<li><a href='#'>فارغ</a></li>
</ul>
</div>
<div id='sliding-panel2'>
<ul>
<li><a href='#'>فارغ</a></li>
<li><a href='#'>فارغ</a></li>
<li><a href='#'>فارغ</a></li>
<li><a href='#'>فارغ</a></li>
<li><a href='#'>فارغ</a></li>
<li><a href='#'>فارغ</a></li>
<li><a href='#'>فارغ</a></li>
</ul>
</div>
</div>

<div align='center' class='left right'>
<h4>
اشترك فى مدونة سعودي حريف</h4>
<p style='padding:0px 30px;'>
باشتراكك فى مدونتنا سيصلك كل جديد من الموضوعات الخاصة بعالم 
بلوجر</p>
<form 
action='http://feedburner.google.com/fb/a/mailverify?uri=saudi-7reeef/rCev'
 method='post' target='_blank'>
<input class='field' name='email' type='text/' value=''/>
<input name='uri' type='hidden' value='abu-iyad/rCev'/>
<input name='lang' type='hidden' value='en_EN'/>
<input class='button-register' type='submit' 
value='اشتراك'/></form>
<div align='center' style='clear: both;'>
<a href='http://www.facebook.com/Saudi.7reeef'><img 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6jV9gwRQ7klHGAVMfFYB0fFR-p87VXK_-XbERZyHMhokkAoFc-dvVqp5PYhBe4nKigGdXTZR0CyTITU4IgK55YKBArx5ffRHQ95qf6F6PBv_Z0S27ka2QGYWxORuKKCuWuExo3RSow/s1600/Facebook.png'
 style='padding:5px;' title='تابعنا على الفيسبوك' 
width='32'/></a>
<a href='http://feeds.feedburner.com/saudi-7reeef'><img 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxSDPuktwzlrV2U7_8Hr5IALkEjIWYm44l3W4LqJP1buc2AV9Ac3NZSWZLZSxQ_k3mdEh4Gz9I39L1BgW7cYXyB6TmekGAQkxLWFEADoOHzNqEpYE8RwoOWOdAAdaBbzh9gjVBtOhhQ/s1600/RSS.png'
 style='padding:5px;' title='خلاصات المدونة' width='32'/></a>
<a 
href='https://plus.google.com/b/112643454376203166298/+Saudi7reeefBlogspotSaud-7reeef/'><img
 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDtE1KX8OrG2qqmG8BZXkz8ypyfG20GUXGLGhkcrQ2wCPnz_EBBwEnOJnJMtuD3K1ef4GuRjPUqHIk6laF0YiH9FUmc3ttPo11mYoJwhMUpgLyJ_3Ravzx2iX4k-h288NrN2zAdd47bw/s1600/Google-plus.png'
 style='padding:5px;' title='تابعنا على جوجل بلس' 
width='32'/></a>
<a href='https://twitter.com/sadui7reeF'><img 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJTHsuiqVvxqK4Ri76p_dzyfS4v__RbDUMR21KjRiRrWmsi2F8q3STb8Wksk1Qs2Dx-W5PrF7bE4tGS0j9f4lWw0UxFSwUCDGfrN9DomhO89_RFZ3dWNbvXS7j6wQQp7e0duXCk_cn6A/s1600/Twitter.png'
 style='padding:5px;' title='تابعنا على تويتر' width='32'/></a>
</div>
</div>
</div>
</div>
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>  <a class='close' href='#' id='close'>غلق 
القائمة</a>    </li>
<li>  مرحبا بك بمدونتنا   </li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>فتح القائمة</a>

</li>
<li class='right'/>
</ul>
</div>
</div>

وبهذا نكون قد وصلنا ألى نهاية الشرح

أنتظر تشجيعاتكم بفارغ الصبر

الثلاثاء، 29 أبريل 2014