الكثير من يبحث عن قالب نظيف متجاوب ويتساءل عن كيفية جعل قالب مدونة بلوجر قالب متجاوب
وكذلك تحميل قوالب بلوجر متجاوبة .. أقدم لك اليوم قالب Persy Encrypted v1.0 الاصدار الاول المتجاوب صديق الهاتف الجديد الرائع
قالب Persy Encrypted هو قالب تم تعريبه من قبل مدونة بلوجر ادد بشكل احترافي
يحتوي هذا القالب علي العديد من الإضافات الرائع والجميلة ومع ذلك فإن الوقت المطلوب لتحميل القالب اقل من 2 ثانية .
نسبة تصميم القالب :
Html5
60%
Css3
20%
Javascript
20%
السرعة
95%
التجاوب
99%
قالب نظيف
98%
صورة كاملة للقالب :
صورة كاملة من داخل الموضوع :
قياس سرعة القالب :
مدي دقة القالب في التجاوب :
تركيب القالب :
اولآ : الخطوات جدا سهلة وبسيطة .. فقط توجة الي لوحة تحكم بلوجر
ثم اختار المدونة الذي تريد تركيب القالب عليها .. ثم توجة الي قالب
ثم قم بإسترداد القالب الذي قمت بتحملية من هذا الموضوع
لمزيد من المعلومات عن كيفية تركيب القالب علي مدونتك انصحك بمشاهدة هذا الموضوع
ثم قم بإسترداد القالب الذي قمت بتحملية من هذا الموضوع
لمزيد من المعلومات عن كيفية تركيب القالب علي مدونتك انصحك بمشاهدة هذا الموضوع
ثانيآ : اغلق القالب الثنائي للهاتف وجعلة قالب المدونة نفسة هو قالب الهاتف .. كما أخبرتك القالب متجاوب
ثالثآ : انصحك بمشاهدة هذا الموضوع عن اهم البرامج وكذلك بيئة عمل المدون وكل ما يحتاجة المدون العربي
ابحث داخل القالب عن هذا الكود :
ابحث عن هذا الكود :
اللون : .......: يشير الي اسم القسم
ثم استبدل الراوبط والاقسام كما تشاء .
إذهب الي تخطيط .. ثم اسفل الهيدر قم بتعديل كود HTML/JavaScript
ثم اضف هذا الكود :
ثم إضغط علي حفظ :
وأستبدل النص بكل ما تريد .. يمكنك وضع اعلانات :)
أذا لم تجدها اضغط علي إضافة اداة ثم اختر المشاركات الشائعة .
ثم قم بالتعديل كما في الصورة :
فقط ضع هذا الكود في اي HTML/JavaScript
عندما تقوم بكتابة مقالة .. توجة الي HTML
ثم اضف هذا الكود في المكان الذي تريده :
قم بإضافة أداة جديدة HTML/JavaScript .. ثم ضع هذا الكود بداخلها :
ثالثآ : انصحك بمشاهدة هذا الموضوع عن اهم البرامج وكذلك بيئة عمل المدون وكل ما يحتاجة المدون العربي
الإضافات والتعديلات وطريقة تركيبها في القالب :
1 - طريقة تعديل لوجو القالب (( شعار مدونتك ))
ابحث داخل القالب عن هذا الكود :
<div class='header1_overal_wrapper'>
<div class='header-wrapper header1'>
<div class='center' style='padding: 0 6% 0;'>
<div class='logo'><a href='/' title=''><img alt='' id='logoImage' src='http://3.bp.blogspot.com/-pE8MPCu_amU/VfgDoFDwQpI/AAAAAAAAAD8/Ar0-ShSeSbA/s1600-r/logo.png' title=''/><img alt='' id='logoImageRetina' src='http://3.bp.blogspot.com/-pE8MPCu_amU/VfgDoFDwQpI/AAAAAAAAAD8/Ar0-ShSeSbA/s1600-r/logo.png' title=''/></a></div>
2 - التعديل علي القائمة الرئيسية :
ابحث عن هذا الكود :
<!-- Menu -->اللون : ...... : يشير الي رابط
<div id='menu-container'>
<font face='droid arabic naskh'><nav id='neat-menu'>
<ul class='sf-menu' id='nav'>
<li class='active'><a href='/'>الرئيسية</a></li>
<li><a class='sf-with-ul1' href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة 1 »</a>
<ul>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 1</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 2</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 3</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 4</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 5</a></li>
</ul>
</li>
<li><a class='sf-with-ul2' href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة 2 »</a>
<ul>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 1</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 2</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 3</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 4</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 5</a></li>
</ul>
</li>
<li><a class='sf-with-ul3' href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة 3
»</a>
<ul>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 1</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 2</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 3</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 4</a></li>
<li><a href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>قائمة فرعة 5</a></li>
</ul>
</li>
<li><a class='sf-with-ul4' href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>زر منفرد</a></li>
<li><a class='sf-with-ul5' href='http://www.bloggeradd.com/2015/09/Template-Persy-Encrypted.html'>تحميل القالب</a></li>
</ul>
</nav></font>
</div>
<!-- END Menu -->
اللون : .......: يشير الي اسم القسم
ثم استبدل الراوبط والاقسام كما تشاء .
3 - طريقة إضافة النص العلوي :
إذهب الي تخطيط .. ثم اسفل الهيدر قم بتعديل كود HTML/JavaScript
<div class="welcome1">
<p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق، إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد
</p>
</div>
ثم إضغط علي حفظ :
وأستبدل النص بكل ما تريد .. يمكنك وضع اعلانات :)
4 - طريقة إضافة المشاركات الشائعة :
أذا لم تجدها اضغط علي إضافة اداة ثم اختر المشاركات الشائعة .
ثم قم بالتعديل كما في الصورة :
5 - إضافة التواصل الاجتماعي :
فقط ضع هذا الكود في اي HTML/JavaScript
<div style="margin-bottom:30px;"><div class="title-stripes-left"></div><div class="clear"></div> <div class="widget-share-socials">مع تعديل الروابط الي روابط صفحات التواصل الاجتماعي الخاصة بمدونتك .
<div class="social-item">
<span class="icon fa fa-facebook" style="display: block;"></span>
<a class="text" href="https://www.facebook.com/%D8%A8%D9%84%D9%88%D8%AC%D8%B1-%D8%A7%D8%AF%D8%AF-BloggerAddcom-481625352015677"><i class="fa fa-facebook"></i></a>
</div>
<div class="social-item">
<span class="icon fa fa-twitter" style="display: block;"></span>
<a class="text" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a>
</div>
<div class="social-item">
<span class="icon fa fa-linkedin" style="display: block;"></span>
<a class="text" href="#"><i class="fa fa-linkedin"></i></a>
</div>
<div class="social-item">
<span class="icon fa fa-google-plus" style="display: block;"></span>
<a class="text" href="#"><i class="fa fa-google-plus"></i></a>
</div>
<div class="social-item">
<span class="icon fa fa-pinterest-square" style="display: block;"></span>
<a class="text" href="#"><i class="fa fa-pinterest-square"></i></a>
</div>
<div class="social-item">
<span class="icon fa fa-youtube" style="display: block;"></span>
<a class="text" href="#"><i class="fa fa-youtube"></i></a>
</div>
<div class="social-item">
<span class="icon fa fa-vimeo-square" style="display: block;"></span>
<a class="text" href="#"><i class="fa fa-vimeo-square"></i></a>
</div>
<div class="social-item">
<span class="icon fa fa-instagram"></span>
<a class="text" href="#"><i class="fa fa-instagram"></i></a>
</div>
</div>
<div class="clear"></div></div>
6 - إضافة علامة الاقتباس داخل المقالة :
عندما تقوم بكتابة مقالة .. توجة الي HTML
ثم اضف هذا الكود في المكان الذي تريده :
<blockquote><span class="iconholder"></span>
ضع هنا نص الاقتباس.</blockquote>
7 - شرح إضفة عن صاحب المدونة :
قم بإضافة أداة جديدة HTML/JavaScript .. ثم ضع هذا الكود بداخلها :
<div class="card">يمكنك استخدام الوسوم .. <h1> الي <h6> والتعديل وإضافة ما تشاء من النصوص في هذا الحقل
<div class="photo"></div>
<h1>Ahmed Elgamil</h1>
</div>
تحميل القالب :
معني انك قد وصلت الي هنا انك قرآئة المقالة كاملة .. من فضلك لا تطرح اي اسألة تخص الموضوع اللي بعد ان تقراء الموضوع كاملآ .. استمتع بالقالب :)
المصدر مدونة بلوجر ادد
