قالب Insomnia


بسم الله الرحمن الرحيم
الصلاة والسلام على خير الأنبياء محمد صلى الله عليه وسلم
السلام على من اتبع الهدى
اسم قالب: Insomnia
تعريب : مدونة قوالب بلوجر  http://www.tempblogge.com
ولمن أرادا القالب بدون سلايد شو يكتب في التعليق 
Demo | Download

معلومات التغيير
1- للتغيير في القائمة المنسدلة 
إبحث عن الكود التالي :
------------------------------------------------------------------------------------------------------
<li><a href='/'>الصفحة الرئيسية</a>
<ul class='sub-menu'>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
</ul>
</li>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a>
<ul class='sub-menu'>
 <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>
</li>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
------------------------------------------------------------------------------------------------------
ثم قم بتغيير الكلمة التي باللون الأزرق إلى الكلمة المناسبة لك
وغير علامة # بالرابط المناسب
2- للتغيير في السلايد شو
إبحث عن الكود التالي:
------------------------------------------------------------------------------------------------------
 <div class='viewport'>
 <ul class='overview'>
 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjtJr6xIi0_fXBtsSegbS7oZScYswlscK0YZ8euWRbO9k1ipqd1HIYXEoCBL6LNzZI_8T85iSAuU6YeiFGe09OQl_zPArSscMDxBj2B6e_9jYUe7mo0eC_1EiWhbMoM8L5T8zBfwfC8kY/s300/1.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>

 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4pPTAj9tFh8okpP2yKzlENeFbs5JJkMBK_HEQdBfhu9KTSZG0WXJ2gtPLqKGcGHx0c3zurebv-0XSit2iyHNDYuqZVCzkk0wj_W6lm-vWzEdzh-_BofNaPVhjLFroxv4_asAAQ_h7N-Y/s300/2.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>

 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgokKd2Dqhk7AoYpFQot0L7dvr900wPGlOvbfJtgp6ixhE0l21rfs4aYv7DpClD8tIbb3lKyBlCYtZUM1M_FVzKR0u0W8gs5LjfFMWgA1vl-DSI7poFg5Uhu-wUdFpvZ57pr4wq7yYmUhI/s300/3.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>

 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsg4WEfqmw4-kvwY5_okcTbIF9R_P0-U1-udurbl7Up0i1jYZ6qr7wuEHSAw3OnyI0xep1PsyKfvWXw4dX3UW9_IuA4RtbwgA5VV4C9gIhh6N1HkMzZVwie3i18qE1L9XZ3fwLipH-TGg/s300/4.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>

 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8qsTO1mCQudUfS5RG9Ui1OXAM-EzqoFFZG4r7xdImfDehIUyn8vTs247TyB2SrMiiUZrSwbsN2uObyObcEbxXXV-IuW4OJ19cEy6uqqMBBCbpDeD4CF8hGm7kyYAyYKqv5J6gZkDT5qk/s300/5.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>

 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKKL7UD7NjLJM-Hb6eUZOK14s6YEMp8qOKHc0N93MXsGD8d02sWoVSbMeB_d1tAcJkAs8FxSVXx0zVJn6Y22tavDA5JLgk029Ix0PSY7ETq1vWnvBZPT2pb7jddaS1nViTY_gXhuwcguY/s300/6.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>

 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh5v3CnsATu0UQyTlE_shhrcddFLijN4E8U_49DsPRgbrJaEYa-VfiTlzwZA7vCVfAuWlEExcpNV5rN1EvBk6WNLNwSDStuBP19QRPlI4jVCuAgKqM00AY4aOSuvdCEyBDRcIjqj6X9kY/s300/7.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>

 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis44LZqh2ncR8_DZoxqRxq3qULvQ9ntstKxpCwmyIFIypWjPjicP0HfDspnSyVnUes8dHRgrRlfiCDcrlg4r95FLdMyKRxmK2U9lRlgaoXeMT_8wle27f8lfHuNZz0ylIx2Ffb_Nwp-R0/s300/8.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>

 <li class='featured-post col g4'>
 <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrMu_PCSVdpwP0RqB0bgEHru6kp5z-QOoywiw1SuS6poKdshqPIaQNzh2OARSFQjxVFZ0ZNiVeO7c4CVYuI4KJkpu46wFrKWflFDQ-EokjF3bCrYY7d3FUL7WNKovgOuxj3QJGlFwkj4/s300/9.jpg' width='300'/></a>
 <div class='post-info'>
 <h2 class='entry-title'><a href='#'>عنوان الموضوع</a></h2>
 </div>
 </li>
 </ul>
 </div> 
------------------------------------------------------------------------------------------------------
غير كلمة (عنوان الموضوع) بما يناسبك
وغير علامة # برابط الموضوع المناسب لك
وغير رابط الصورة الذي باللون الأخضر بارط صورة الموضوع 

لتغيير الخط في المدونة عليك بإظافة الكود التالي تحت <head>
--------------------------------------------------------------------------------------------------------------

<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/>
-------------------------------------------------------------------------------------------------------------- ثم بعد ذلك ابحث عن font-family:
وغير الخط الذي يأتي بعدها بالخط الذي تريده مثل القائمة التالية

 
font-family: 'Amiri', serif;
font-family: 'Droid Arabic Kufi', serif;
font-family: 'Droid Arabic Naskh', serif;
font-family: 'Lateef', serif;
font-family: 'Scheherazade', serif;
font-family: 'Thabit', serif;
بالنسبة للخطأ الأول […] ابحث عنه وغيره بثلاثة نقاط ...
بالنسبة لمواقع التواصل الاجتماعي 
ادخل على تخطيط في لوحة تحكم المدونة ثم على جهة اليسار اضغط على إضافة أداة ثم اختر   HTML/JavaScript ثم انسخ الكود التالي :
--------------------------------------------------------------------------------------------------------------
<style>p#hb_socialicons img { /* Spinning Social Icons Widget By www.4we-eb.blogspot.com */ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } /* Spinning Social Icons Widget By www.4we-eb.blogspot.com */ </style> <center> <p id="hb_socialicons"> <a href="رابط حسابك في الفيسبوك"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx5fK1kBX52M9l4wVhu48eppfW1F-nybhH0twfJdOM1JTneD22x5zpXlicYoY_XJFoO2tsk49AnUeIZNYa4eVav7CDBzMhyphenhyphenl6e0jdLT1dcQNLkkqAWok5_29oKpt-6KXj2_LpS0ER1ZfI/s1600/helperblogger.com-facebook.png" /></a> <a href="رابط حسابك في تويتر"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0xeYQmHhIYtNNN9ESA9bVNhIbGpukKVKrS0MxjtNnrQ6lZ46uILUKbLNAAVFx5KMap_zxZ4_309Pa6luqPylJXgF79_n7420mC3MitUtVAVNdeIEf5EV0P7WyfvIxwUhAEjJB5h6fWF4/s1600/helperblogger.com-twitter.png" /></a> <a href="رابط حسابك في جوجل بلس"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnOySu9aFgPRH-CnEUM1lt2nKS1g5qNH98c9hSIwCdS5APykARwY89zHIOZBfvBl3A5wMD240WU_1Q4vKecG4FIdnASuydkO5cc-1I3e0EGxl2eiMStmale33qzHatC7pbTbVDF6aDkL0/s1600/helperblogger.com-google_plus.png" /></a> <a href="رابط خلاصات مواضيع مدونتك"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVFgBfWmZbWUcUi_gen_DZ8ZQUlOuGOO7ykTrUP9nJSZXRmQ2EVo4TcDNa2O3ewQuLrbOiL_Qr3dQW9ljDSj6Jrk9AC_erpA55r_VR8y47KN2O6V2KTdHwNZ3I7tRsm8TnF1Asf-1lY-w/s1600/helperblogger.com-rss.png" /></a></p></center>

--------------------------------------------------------------------------------------------------------------
 قم بتغيير 
  • رابط حسابك على الفيسبوك
  • رابط حسابك على التويتر
  • رابط حسابك على جوجل بلس
  • رابط خلاصات مواضيع مدونتك
  • رابط حسابك على اليوتوب
وبالله التوفيق







إلتحق بفريق التعريب | تثبيت قالب مدونة | سجل الزوار            حقوق التعريب محفوظة

5 ردود حتى الآن.

  1. غير معرف يقول :
    19 نوفمبر 2013 في 9:37 ص

    لوسمحت كنت عايز اعرف طريقة إزاله (+) اللى جنب الأقسام جنب الصفحة الرئيسية

  2. غير معرف يقول :
    18 يناير 2014 في 3:48 ص

    السلام عليكم فوزي. اريد نوع خط جديد يكون مناسب للقالب، يالاضافة الى كيفية اضافة ازرار مواقعه التواصل داخل المقالة. وهنا رمز يظهر لي في المقالة وهو ( […] ).

    وهناك ملاحظة اخرى اين خلاصات rss لانني اريدها حاتى افعل feedbuner

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

  3. فوزي يقول :
    18 يناير 2014 في 11:58 م

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

  4. غير معرف يقول :
    19 يناير 2014 في 8:47 ص

    أخي الكريم .. ادرك مشاغلكم وانك تعمل وحدك .. ولكننا وثقنا بجميل صنعك..ممكن توضه لنا الى ما ترمز العلامتين (#) في السلايد .. اذا كانت واحدة للصفحة فالثانية لمن؟

    شكرا لك.

  5. فوزي يقول :
    19 يناير 2014 في 11:36 م

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

ضع تعليق