عرض المشاركات المصنفة بحسب مدى الصلة بالموضوع لطلب البحث قوالب بلوجر. تصنيف بحسب التاريخ عرض كل المشاركات
عرض المشاركات المصنفة بحسب مدى الصلة بالموضوع لطلب البحث قوالب بلوجر. تصنيف بحسب التاريخ عرض كل المشاركات

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

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

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


معاينة القالب

تحميل القالب




الآن نمر إلى تركيب و تعديل القالب
1
أولا : لتشغيل ألسليدر
إبحث عن هذا الكود
1
2
3
4
5
6
7
8
<div class='slidshow'>
<script>
var Label = &quot;دورة تصميم قوالب بلوجر&quot;;
var Type = &quot;slideshow&quot;;
var numpost = 7;
load ();
</script>
  </div>
و غير “دورة تصميم قوالب بلوجر” بتصنيف من مدونتك و هو الذي تقوم بتحديده للمواضيع من خلال هذه الخانة
قوالب بلوجر قالب المساعد العربي النسخة الاحترافية
قوالب بلوجر قالب المساعد العربي النسخة الاحترافية
ثانيا : إضافة صندوق الأخبار
أولا إبحث عن هذا الكود
1
<!-- For editiong-->



و أضف أسفله هذا الكود الخاص بصندوق الأخبار
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class='Big_Block'>
<div class='top'>
<h2><a href='http://www.3rab-help.com/'>اخبار<span/></a></h2>
<a class='toggle' href='javascript:'>+</a></div>
<div class='Block_Content'>
<script>
var Label = &quot;دورة تصميم قوالب بلوجر&quot;;
var Type = &quot;box&quot;;
var numpost = 5;
load ();
</script>
</div>

</div>
مع تغيير “دورة تصميم قوالب بلوجر” بالتصنيف الذي تريد
و يمكنك إضافته أكتر من مرة على حسب العدد المطلوب
قوالب بلوجر قالب المساعد العربي النسخة الاحترافية
ثالثا : لإضافة صندوق الأخبار الطويل
نفس خطوات الصندوق الكبير لكن تضيف هذا الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div class='Small_Block_C'>
<div class='Small_Block'>
<div class='top'>
<h2><a href='http://www.3rab-help.com/'>فكاهة<span/></a></h2>
<a class='toggle' href='javascript:'>+</a></div>
<div class='Block_Content'>

<script>
var Label = &quot;كل&quot;;
var Type = &quot;list&quot;;
var numpost = 5;
load ();
</script>

</div>

</div>

<div class='Small_Block'>
<div class='top'>
<h2><a href='http://www.3rab-help.com/'>رياضة<span/></a></h2>
<a class='toggle' href='javascript:'>+</a></div>
<div class='Block_Content'>
<script>
var Label = &quot;كل&quot;;
var Type = &quot;list&quot;;
var numpost = 5;
load ();
</script>
</div>

</div>

</div>
مع تغيير “كل” بالتصنيف الذي تريد
قوالب بلوجر قالب المساعد العربي النسخة الاحترافية
رابعا : لإضافة صندوق المواقع الإجتماعية هذا هو الكود
1
2
3
4
5
6
7
8
9
10
11
<div class="Footer_logo">
<div class="Social">
<ul>
<li class="facebook"><a class="s_title" href="https://www.facebook.com/modawenondotcom" target="_blank" title="facebook"></a></li>
<li class="twitter"><a class="s_title" href="https://twitter.com/" target="_blank" title="twitter"></a></li>
<li class="youtube"><a class="s_title" href="" target="_blank" title="youtube"></a></li>
<li class="google"><a class="s_title" href="" target="_blank" title="google"></a></li>
<li class="rss"><a class="s_title" href="http://www.3rab-help.com/feed/" target="_blank" title="rss"></a></li>
</ul>
</div>
</div>
مع تغيير الراوبط بروابطك أما لتغيير اللوجو إبحث عن هذا الرابط في القالب (html)
1
http://www.3rab-help.com/wp-content/uploads/2013/10/Logo3rab-help.png
و ضع مكانه رابط اللوجو الخاص بك
قوالب بلوجر قالب المساعد العربي النسخة الاحترافية
خامسا : لتعديل إضافة المواقع الإجتماعية الموجودة في ألسيدبار
هذا هو كودها
1
2
3
4
5
6
7
 <div class='Feeeds'>
<ul>
<li class='facebook'><a href='https://www.facebook.com/Modawenondotcom' target='_blank'>8000</a></li>
  <li class='twitter'><a href='https://twitter.com/' target='_blank'>0000</a></li>
<li class='youtube'><a href='https://www.youtube.com/' target='_blank'>1000</a></li>
</ul>
</div>
مع تغيير الأرقام و الروابط بالخاصة بك
قوالب بلوجر قالب المساعد العربي النسخة الاحترافية
سادسا و أخيرا : إضافة آخر المواضيع في ألسيدبار تضيفها من تخطيط
هذا هو كودها
1
2
3
4
5
<script>
var Type = "list";
var numpost = 5;
loadd ();
</script>
كيفية إضافة فيديو إلى موضوع
عند كتابة موضوع تذهب إلى شق html
و تضع هذا الكود
1
<iframe allowfullscreen="" frameborder="0" height="320" src="http://www.youtube.com/embed/أيدي الفيديو" width="100%"></iframe>
و تغير الأيدي إلى أيدي الفيديو 
مميزات القالب
يحتوي على تعليقات الفيسبوك و أيضا عداد التعليقات خاص فقط بتعليقات الفيسبوك
جلب صورة الفيديو إلى الموضوع ووضعها في صفحة التصنيفات دون الحاجة إلى رفعها مع الموضوع
شكل في الرئيسية على شكل مجلة إحترافية
سهولة في لتعمل مع القالب من حيث التخطيط المنسق

لا تقرا و ترحل ضع تعليق ليكون على الاقل شكرا لي

قوالب بلوجر قالب الاسود الاحترافي

قوالب بلوجر قالب الاسود الاحترافيقوالب بلوجر قالب الاسود الاحترافي
قوالب بلوجر قالب الاسود الاحترافي


السلام عليكم ورحمة الله وبركاته
نقدم لكم  قالب متميز جدا بخاصيات عالية وتم اضافة له العديد من الميزات كما ان القالب مدفوع الاجر ولكن اليوم هو مجانا قالب احترافي أنيق وخفيف صديق محركات البحث خاصيات جديدة لايشبه أبدا القوالب المنتشرة في المواقع العربية ندعكم مع المعاينة سوف تعبر! 


مميزات القالب


  • مقالات ذات الصلة
  • خاصية أقرا المزيد
  • سحابة التسميات
  • شريط الانتقال
  • ايقونات الاشتراكات والمواقع الاجتماعية
  • تأثيرات على المشاركات الشائعة
  • خاصية الرد بالتعليقات
  • ازرار الانتقال اقدم واحدث فوق التعليقات على الشكل الحديث
  • ثلاث اعمدة في تزييل القالب


     تخصيص القالب
    التعديلات الواجب تنفيذها

    اولا التعديل على الشريط المنزلق 
    قوالب بلوجر قالب الاسود الاحترافي
    أذهب الى لوحة التحكم القالب تحرير html ثم ابحث عن الرمز
    <div id='lavalamp'/>


    للتعديل على شريط أخر المقالات أذهب الى القالب ثم إضغط على تحرير html ثم أنزل في أخر القالب سوف تجد الكود هناك قم بتغيير الرابط www.madad2.com برابط مدونتك


    ثانيا لتعديل على ايقونات مواقع التواصل الأجتماعي 
    قوالب بلوجر قالب الاسود الاحترافي

ايضا داخل القالب ابحث عن الرمز 
<div class='socialicons'>
وعدل على المشار إليها باللون الأحمر من الرموز

  <div class='socialicons'>              <div class='socialheading'>                تابعنا على مواقع التواصل الأجتماعي!              </div>              <ul>                <li>                  <a href='https://www.facebook.com/563356490365166'>                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTE93TvkXG4AlOEBZSwVGIQedhBwj7qZu3OYc2mWPHrxjzBEGN3gIq0-01lUSVRMSOr0pUkHZ6MK8qGYTV74PziCgZ-SlOtqhVFH7ggbD2-rfzT2PjJ2LZBlqW_ELLUdWyww7bWdLohqaA/s1600/facebook_64.png' title='Facebook'/>                  </a>                </li>                <li>                  <a href='https://twitter.com/mohammed1811990'>                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHRJkDkmjTxWag-vS7szpWYmrGfrh8w4yF3gvYkKOX7bPOXWY83rt-wNsOyy-zUGBNHyNfZj4DbRmJ1qiBKGyrPGp4CfUXmYTS7r1Owcz9w4AfXT43HnHBdHnseQOgvZla5ttu6nS6TFUD/s1600/twitter_64.png' title='Twitter'/>                  </a>                </li>                <li>                  <a href='https://plus.google.com/111748598580235575485/'>                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_T2GRdZCaHoZiBeOJLc0yq_Om3pEQSwbB6jmwnMtuURs20KE7OhHU_4wQwXF5NOR5_DM7x-X4iZjSzthXvSIlCX5amuCBjWZxH0BLoNTDo3E4OJ2kSP_z6CWz3xoOXL371nW_tSN5Jj_H/s1600/google-plus_64.png' title='Google +'/>                  </a>                </li>                <li>                  <a href='http://feeds.feedburner.com/blogspot/madad'>                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDYX2kFR0UYUwYrfUQ9UUXtD4zoOVAB-KaieXjpmOMYVS9jOHi5qg7s2U5HpDe2UZbhZoTfq8giqEIvmNRFSEy_9SgAjft0_ja2ceoZ5a4VKq_F5bPUpoErKdHkHUU3eQeCptYBB6AyM9Y/s1600/rss_64.png' title='Rss'/>                  </a>                </li>                <li>                  <a href='http://pinterest.com/yaqoobhisbani/'>                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUCiMlQCGBm-P-aSuPO18Zhs4dTyhI6fg4SyrFt7XL9g1pWJKYA2KqlD1N3_YnjS65iDSPDlSCRffhAEalUUrADpqNxeLyCAMzuhM6_YKZU43Sp6DkyPCPJNgGU0rBNPjGKSPcOaeThKnN/s1600/pinterest_64.png' title='Pinterest'/>                  </a>                </li>              </ul>            </div>          </div>

الان نأتي الى تعديل الشريط السفلي بالمدونة 


قوالب بلوجر قالب الاسود الاحترافي

أبحث في القالب عن الرمز 
<ul id='footer-navigation'>


لإضافة السلايدر شو هو سلاير بسيط جدا اذا كنت تريد اضافته انسخ الكود التالي ثم عدل عليه

قوالب بلوجر قالب الاسود الاحترافي

طبعا الاضافة عن طريق الذهاب الى تخطيط ثم اضافة اداة جافا سكربت
الكود

<style type='text/css'>.btnt-slider {  margin: 30px auto;  max-width: 850px;  padding: 0 20px;  }.rslides {  list-style: none outside none;  margin: 0 auto;  max-height: 400px;  max-width: 800px;    overflow: hidden;  padding: 0;  position: relative;  width: 100%; }.rslides li {  -webkit-backface-visibility: hidden;  position: absolute; border: 5px solid #555; display: none;  left: 0;  top: 0; margin: 0; padding: 0; list-style: none; }.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0; margin: 0; max-width: 100%; }ul.rslides .rslides_nav {  height: 30px;  position: absolute;  text-indent: -99999px;  top: 45%;  width: 30px;  z-index: 9999;  display: none; }ul.rslides:hover .rslides_nav {  display: block;  }.prev {  background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/arrows_zps95b22e18.png") repeat scroll 0 0 transparent;  float: left;  left: 15px;  }.next {  background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/arrows_zps95b22e18.png") repeat scroll right 0 transparent;  float: right; right: 15px;  }</style><script type='text/javascript'>/*<![CDATA[*/  $(function() {    $(".rslides").responsiveSlides({      auto: true,      speed: 500,      timeout: 3000,      nav: true,      pause: true,      prevText: "Previous",      nextText: "Next",      navContainer: "ul.rslides",    });  });/*]]>*/</script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script src='https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-responsive-slider.js' type='text/javascript'></script><div class="btnt-slider"><ul class="rslides"><li><a href="#"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzTLG79fn_nIR8cVaWCbapyZ1FmqQZ8RfvB2bwrWhEwFERi8U9YofEahCUXLltq7iktbDiFxHKnKwn528TETQ0vjqr7PNbn8aCLzX-Mt3j1G91SN71GvuPKHujJ8Oe4cpdh3iCV9Rghbc/s1600/large+(4).jpg" /></a></li><li><a href="#"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOh_UCGF6yCkixRk5qW0gIRBAD-MDDZ2FWQ2txaJLYam7f8H0nO3kGGaLxQGUIzFmCLjy4nmGn8nF2sA4xSn_J9fvDOrw38TlxEyUtJT-ZRqiQX_lxrwPRIugwBuqqKtYXyrAscdsIzJs/s1600/large+(2).jpg" /></a></li><li><a href="#"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWF_-bQ-XXAio6JCYloTMiIS0S6g1bEgMkmpx9ake6aLxbqrv8guZ7gMQEL0FyVqWfniXPDobp2YlHZD5dK0xeRf4vjkrxGhUbdCzVafe8WlupcX1uRdoAJaHkCTU7pty4mfPSpI17Z0/s1600/large+(1).jpg" /></a></li></ul></div>


كما ترون القالب اكثر من رائع وخالي من الأخطاء وشكله مميز ودو الوان هادئة 

ومتناسقة


    تحميل / معاينة القالب
معاينة القالب

تحميل القالب

لا تقرا و ترحل ضع تعليق ليكون على الاقل شكرا لي

قوالب بلوجر قالب عشاق التقنية الاحترافي

قوالب بلوجر قالب عشاق التقنية الاحترافيقوالب بلوجر قالب عشاق التقنية الاحترافي

قوالب بلوجر قالب عشاق التقنية الاحترافي

////
تحميل القالب

/////


مميزات القالب

1- السرعة : القالب سريع للغاية ويمكنك ملاحظة ذلك بعد تركيبه مباشرتا, كما يمكنك فحصه لتتأكد من صحة كلامي من خلال اداة PageSpeed Insights. سرعة القالب تكمن في كودات css المضغوطة ( هنا اداة جميلة يمكنكم من خلالها ضغط اكواد css ) كذلك استخدام تقنية lazyload والتي تمثل ايضا عامل مهم في سرعة القالب.
2- السيو : القالب يستخدم اكواد ميتا تاج في مكانها الصحيح والتي تجنبك في الوقوع في تكرار الوصف او الكلمات الدلالية والتي تأثر سلبا في هيئة المدونة من وجه نظر عناكب البحث. كذلك القالب يتوفر على تروسات h1, h2, h3 تأطر جميع البيانات الهممة في فقرات التدوينة وهذا عامل ايضا يساعد في تهيئة موقعك ايضا لمحركات البحث, ولا ننسى عامل السرعة الذي ذكرناه سابقا.
3- المحدودية : اسف لم اجد اي كلمة لأصف بها التالي, ما اقصده القالب الذي ستحمله الان يحتوي فقط على الاكواد الضرورية فقط ولايحتوي على اكواد لا فائدة منها جميع الاكواد المستخدمة في القالب سواء كانت جافاسكريبت او سي اس اس فهي تعمل عملها وليست اكواد مضافة فقط ولاتعود على القالب بأي شيء جيد.



الآن كفانا من المميزات نأتي الى تحميل القالب و تغيير المعلومات الضرورية بالقالب.
قبل تحميل القالب هنا بعض التغييرات التي يجب عليك تطبيقها.
1- السلايد شو :
ابحث عن الكود التالي
label1 = &quot;تعلم كيف&quot;;
وغير تعلم كيف الى التسمية التي تريدها ان تظهر في السلايد شو
2- الميتا تاج :
ابحث عن
<meta content=’ضع هنا وصف المدونة‘ name=’DESCRIPTION’/>
<meta content=’كلمة مفتاحية 1, كلمة مفتاحية 2 ،كلمة مفتاحية 3‘ name=’KEYWORDS’/>

وغير وصف المدونة بوصف لمدونتك
وغير الكلمات المفتاحية بما يخصك (نصيحة لاتتجاوز 7 كلمات مفتاحية)
3- معلومات تطبيق الفايسبوك :
<meta content=’477335322318858‘ property=’fb:app_id’/>
<meta content=’1755630327‘ property=’fb:admins’/>

غير 477335322318858 بتعريف التطبيق الخاص بك
غير 1755630327 بتعريف ادمن التطبيق
4- تغيير الروابط العلوية وروابط الهيدر
<div class=’menu1′>
ابحث عن السطر اعلاه ستجد اسفله بعض الروابط غيرها بالروابط والتسميات الخاصة بك
نفس الشيئ بالنسبة لروابط الهيدر
ابحث عن <div class=’me’>
وغير الروابط والتسميات
5- اعلانات ادسنس :
ابحث عن <!–هنا اعلان ادسنس اعلى الموضوع–>
وضع كود ادسنس مكان هذا التعليق. سيظهر كود ادسنس اسفل عنوان التدوينة مباشرتا (اعلى الموضوع)
نفس الشيء بالنسبة لـ <!–هنا اعلان ادسنس اسفل الموضوع–>
ابحث ايضا عن <!–هنا اعلان ادسنس اسفل مواضيع ذات صلة–>
ان وضعت اعلان ادسنس مكان هذا التعليق سيظهر الاعلان اسفل مواضيع ذات صلة.
الان بعد اتمام جميع الخطوات اعلاه سيكون القالب جاهزا للاستعمال.
يبدو انني اكثرث عليكم, اسف..

لا تقرا و ترحل ضع تعليق ليكون على الاقل شكرا لي
يتم التشغيل بواسطة Blogger.

الزوار

جميع الحقوق محفوضة ل المحترف الجنوب
صمم ب كل من طرف : محترفي الحاسوب