8

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

في اطار سعينا نحن  ومدونة مواقعنا المفضلة  الى تقديم الافضل ودعم المدون العربي وتقديم له كافة التسهيلات من اجل ان يرقى بإبداعه وتقديم الافضل الى المحتوى العربي على الانترنت اليوم نقدم الى زورانا اللاحباء قالب احترافي بتعريب كامل "والكمال لله" 

اولا لناخذ نبذة تعريفية عن القالب :
  • القالب برخصة GPL ويمنع استعماله تجاريا 
  • القالب مقتبس من قالب للوردبريس
  • القالب ذو تصميم احترافي وانيق
  • مصمم القالب : Thrilling
  • محول القالب الى منصة بلوجر Bloganol
  • معرب القالب مدونة علمني بدعم مواقعنا المفضلة 
صورى للقالب قبل التعريب :


مميزات القالب :
  • يمكنك تعديل الهدير ولوغو كما تشاء 
  • اضافة Tabbedمدمجة 
  • اضافة الاشتراك في الخلاصات عبر البريد مدمجة كذلك
  • اعلانات بحجم 125/125 و300/250
  • اضافة اخر المقالات
  • ايقونات المشاركة في الشبكات الاجتماعية
  • وcss وjavascript مضغوطة
  • القالب مجاني وليس تجاري
الان سنشرح كيفية تعديل القالب ليناسب كل مدون :

اولا نافبار العلوية :
نبحث عن هاته الاسطر :

    <ul class='nav1'>
      <li><a expr:href='data:blog.homepageurl'>الرئيسية</a></li>
      <li><a href='http://www.3alymni.info/' title='Blog Archives'>ارشيف المدونة</a></li>
      <li><a href='http://www.3alymni.info/' title='Support'>الدعم الفني</a></li>
      <li><a href='http://www.3alymni.info/' title='Sitemap'>خريطة المدونة</a></li>
      <li><a href='http://www.3alymni.info/' title='About Us'>من نحن</a></li>
      <li><a href='http://www.3alymni.info/' title='Contact Us'>اتصل بنا</a></li>
    </ul><!--/nav1-->
  </div><!-- end .grid_12 -->
</div>
<!--/top--> 
وتعدلونها بما يناسبكم

نافبار السفلية :
<div id='topmenu'>
    <ul class='grid_15' id='nav'>
      <li><a href='http://www.3alymni.info/' title='View all posts filed under Parent Category II'>صفحة مستقلة</a></li>

      <li>
        <a href='http://www.3alymni.info/' title='View all posts filed under Parent Category III'>صفحة مستقلة2</a>

        <ul class='children'>
          <li><a href='http://www.3alymni.info/' title='View all posts filed under Child Category III'>صفحة مستقلة فرعية</a></li>
        </ul>
      </li>

      <li>
        <a href='http://www.3alymni.info/' title='View all posts filed under Parent Category I'>صفحة مستقلة</a>

        <ul class='children'>
          <li><a href='http://www.3alymni.info/' title='View all posts filed under Child Category I'>صفحة مستقلة فرعية</a></li>

          <li>
            <a href='http://www.3alymni.info/' title='View all posts filed under Child Category II'>صفحة فرعية</a>

            <ul class='children'>
              <li><a href='http://www.3alymni.info/' title='View all posts filed under Grandchild Category I'>صفحة مستقلة</a></li>

لتعديل صندوق الاشتراكات
 نبحث عن وتعدلونها بما يناسبكم
<div class='box1' id='box1'>  

     <h4 style='font-size: 22px; font-weight: bold; letter-spacing: -1px;'>اشترك الان في الخلاصات:</h4>

  <a href='http://feeds2.feedburner.com/3alymni' title='Subscribe to the RSS feed'><img alt='RSS' border='0' src='http://www.bloganol.com/blogger/templates/thrilling/images/ico-rss-trans.png' style='float: right; vertical-align: middle; padding-left: 10px;'/></a>

  <p style='padding: 5px 0pt;'><a href='http://feeds2.feedburner.com/3alymni' title='Subscribe to updates via RSS'>احصل الان على جميع تحديثاث المدونة!</a><br/>(ما&#39; هو? &#8212; <a href='http://www.youtube.com/watch?v=0klgLsSxGsU' target='_blank' title='RSS in Plain English'>اعرف اكثر عن RSS</a>)</p>
  <br style='clear: both;'/>
  
  <a href='http://feedburner.google.com/fb/a/mailverify?uri=3alymni' title='Get email updates delivered to your email inbox!'><img alt='subscribe' border='0' src='http://www.bloganol.com/blogger/templates/thrilling/images/mail-forward-trans.png' style='float: right; vertical-align: middle; padding-left: 10px;'/></a>
  <p style='padding: 5px 0pt;'>او احصل على التحديثات مباشرة الى صندوق بريدك الخاص:</p>
  <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=427503&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='text-align: center;' target='popupwindow'>

   <input name='email' style='width: 140px;' type='text'/>
   <input name='uri' type='hidden' value='427503'/>
   <input name='loc' type='hidden' value='en_US'/>
   <input onmouseover='style.cursor=&apos;pointer&apos;' style='margin: 5px; cursor: pointer;' type='submit' value='Subscribe'/>
  </form> </div><!--/widget-->
 نصل الان الى تعديل الاعلانات حجم 125/125 
نبحث عن الاسطر التالية :
ما باللون الازرق هو رابط المعلن
وما باللون الاحمر هو للصورة الاعلان
<div class='box2'>
       
    <div class='ads'> 
                
        <a href='http://www.3alymni.info'><img alt='' src='http://www.bloganol.com/blogger/templates/thrilling/images/ad-125x125.gif'/></a>

        <a href='http://www.3alymni.info'><img alt='' class='last' src='http://www.bloganol.com/blogger/templates/thrilling/images/ad-125x125.gif'/></a>

    </div>

  
<div class='ads'>    
    <a href='http://www.3alymni.info'><img alt='' src='http://www.bloganol.com/blogger/templates/thrilling/images/ad-125x125.gif'/></a>

    <a href='http://www.3alymni.info'><img alt='' class='last' src='http://www.bloganol.com/blogger/templates/thrilling/images/ad-125x125.gif'/></a>
   </div>
                     
</div>
<!--/box2 -->
الان صندوق تحديثاث تويتر

نبحث عن ونعدل ما هو بلون الاحمر باسم حسابك في تويتر
<div class='box1'>
  <div class='spacer'>

            <h2><img alt='' src='http://www.bloganol.com/blogger/templates/thrilling/images/twitter-trans.png' style='margin: -5px -5px -5px 5px;'/>تحديثات تويتر</h2>

            
      <span class='author_photo' style='float: left; margin: 0 8px 0 0;'><a href='http://twitter.com/OS161'><img alt='' height='48' src='http://a1.twimg.com/profile_images/572732506/9134_1047076433959_1737131433_88890_6289792_n_normal.jpg' width='48'/></a></span>

        <script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/os161.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

      
      <br style='clear: both;'/>
      
      <h3 style='margin-top: 10px;'><a href='http://twitter.com/os161' style='color: #363636;'>تابعني على تويتر&#8594;</a></h3>
       
  </div>
 </div>
الان حانة دور صندوق صور فليكر 


نعدل ما باللون الازرق برابط الصور 
<div class='box2'>
        <div class='top'/>
        <div class='spacer flickr'>           
            <h3><a href='http://www.flickr.com/photos/78725254@N00/' title=''><span style='color:#363636'>أخر</span><span style='color:#0063DC'>الصور</span><span style='color:#FF0084'>على</span><span style='color:#363636'>فليكر</span></a></h3>
            <script src='http://www.flickr.com/badge_code_v2.gne?count=9&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=78725254@N00' type='text/javascript'/>  
  </div><!--/spacer -->
        <div class='fix'/>

"شروط الأستخدام"
1- عدم نزع حقوق التعريب أو التصميم .
2- ذكر المصدر عند نقل مقال القالب
إن كان هناك أي مشاكل بالقوالب فأرجو إرسالها على بريدي الألكتروني

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً
تم بحمد الله

Stumble
Delicious
Twitter
Facebook
Digg
Digg

ميساء يقول... @ 12 نوفمبر 2010 في 3:06 م  أضف ردا

يالله قلب روعة اخي سفيان تشكر عالتعريب والجهد المبدول جاري تجميله وتركيبه

09876 يقول... @ 14 نوفمبر 2010 في 7:01 ص  أضف ردا

ألففففف شكرر (=
أهمشئ الشرح والله ماقصرتوآ <4

soufian يقول... @ 14 نوفمبر 2010 في 11:54 ص  أضف ردا

@ميساء
الهن وسهلا بالاخت ميساء شكرا لك على ردك الجميل

soufian يقول... @ 14 نوفمبر 2010 في 11:55 ص  أضف ردا

@(= Design SoOose
العفو اختي الكريمة ان هدفنا هو تقديم الافضل وتبسيط الامور على المدون العربي
حياك الله

غير معرف يقول... @ 12 يونيو 2011 في 11:49 ص  أضف ردا

مجهود جميل جدا

غير معرف يقول... @ 12 يونيو 2011 في 11:50 ص  أضف ردا

اتمنى ان نجد سهوله اكتر فى السيو

غير معرف يقول... @ 12 يونيو 2011 في 11:51 ص  أضف ردا

علمنى ال سيو

غير معرف يقول... @ 12 يونيو 2011 في 11:53 ص  أضف ردا

علمنى ال سيو