قالب الجريدة لمدونات بلوجر - قالب احترافي لمدونات بلوجر

اليوم أتيتكم بقالب فريد من نوعه، قالب في قمة الروعة، هو قالب خاص بمدونات الورد بريس تم تحويه لمدونات بلوجر وتم تعريبه من طرف صاحب مدونة تقارب، القالب مصمم بشكل إحترافي، وألوانه هادئة وفي قمة الروعة.
القالب في حالة تطور وهناك نسخ مختلفة من قالب الجريدة. خاصة في مدونات الورد بريس. قد تجد في المستقبل قالب الجريدة مطور أو نسخة منقحة منه.

نبدأ مع الصورة لقالب الجريدة المعرب والمطور لمدونات بلوجر:

هذه صورة من الصفحة الرئيسية لقالب الجريدة المخصص لمدونات بلوجر. (المرجو انتظار تحميل الصور)

مميزات قالب الجريدة المطور لمدونات بلوجر:

يتميز قالب الجريدة بعدد من المميزات منها:

• سريع التحميل والتصفح


• يحتوي على قائمة رئيسية بها بعض الفروع المسدلة أسفل الهيدر


• يحتوي على 3 قوائم ، رئيسية وقائمتين جانبيتين


• سلايد شو جميل ديناميكي (ليس أتوماتيكي).


• إقرأ المزيد أتوماتيكية مدمجة مع القالب.


• مواضيع مشابهة مدمجة مع القالب.


• الترقيم أسفل الصفحة الرئيسية.


• فوتر به أربعة أجزاء مختلفة.


• تابعني على المواقع الاجتماعية. بنوعين مختلفين


• والكثير من المميزات أترككم لإكتشافها بأنفسكم ...

تحميل قالب الجريدة لمدونات بلوجر:

لتحميل قالب الجريدة من هنا:
مشاهدة حية للقالب

تحميل القالب

التعديل على قالب الجريدة:

للتعديل على قالب الجريدة يجب أن تعدل على الإضافات التالية.


التعديل على المواقع الإجتماعية أعلى الموقع:





للتعديل على المواقع الاجتماعية أعلى الموقع:

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

<div class='social-icons icon_flat'>

ستجد هذا الكود:

<div class='social-icons icon_flat'>
<a class='tooldown rss-tieicon' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='Rss'/>
<a class='tooldown google-tieicon' href='https://plus.google.com/+blogger4arcom' target='_blank' title='Google+'/>
<a class='tooldown facebook-tieicon' href='https://www.facebook.com/blogger4arcom' target='_blank' title='Facebook'/>
<a class='tooldown twitter-tieicon' href='https://twitter.com/blogger4arcom' target='_blank' title='Twitter'/>
<a class='tooldown pinterest-tieicon' href='#' target='_blank' title='Pinterest'/>
<a class='tooldown dribbble-tieicon' href='#' target='_blank' title='Dribbble'/>
<a class='tooldown youtube-tieicon' href='http://www.youtube.com/blogger4arcom' target='_blank' title='Youtube'/>
<a class='tooldown instagram-tieicon' href='#' target='_blank' title='instagram'/> </div>
</div>

قم بتغيير الروابط باللون الأحمر أو الرمز # الى ما يناسبك من روابط مع الإنتباه الى المواقع الاجتماعية باللون الأزرق. فقم بتغيير الرابط بمايناسب الموع الاجتماعي الدي يقابه لتفادي الخلط بين المواقع الاجتماعية.


التعديل على الإعلان بجوار اللوغو:

للتعديل على الإعلان إبحث عن رابط الصورة التالية:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5MemjJ18weAePeDNYnf5LrZU482hKnx5lGUZQlCwVnA7LUbLS1jt6kyu8F-O-DIgfsHRzxzTyA-BjURwUxfGrIfcUpBqM5BCt11AiA1IpcUi7hd4fjiYzr-FNRYP2sKK66VGqp6NEZyWj/s728/banner728.gif

ثم قم بوضع صور رابط الإعلان الدي تريد.


طريقة تغيير لوجو الموقع بلوجو خاص بك:

• أولا قم بالدخول الى حسابك على موقع بلوجر www.blogger.com


• توجه الى خيار التصميم أو تخطيط


• تم إتبع ما يوجد بالصور

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


تم إختر الخيار الأول صاحب الرقم 2 لتحميل الصورة من جهازك أو إختر الخيار الثاني إن كنت تتوفر على رابط للصورة ثم إضغط رقم 3 للحفظ.
التعديل على القائمة الرئيسية لقالب الجريدة:


للتعديل على القائمة الرئيسية قم بمايلي:
إبحث عن الكود التالي:

<nav id='main-nav'>

ستجد هذا الكود:

<ul class='menu' id='menu-main'>
<li><a href='http://www.blogger4ar.com/'>الرئيسية</a></li>
<li><a href='http://www.blogger4ar.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
<li><a href='http://www.blogger4ar.com/'>القسم الاول</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الثاني</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الثالث</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الرابع</a></li>
</ul>
</li>
<li><a href='http://www.blogger4ar.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
<li><a href='http://www.blogger4ar.com/'>القسم الاول</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الثاني</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الثالث</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الرابع</a></li>
</ul>
</li>
<li><a href='http://www.blogger4ar.com/'>تصنيف منفرد</a></li>
<li><a href='http://www.blogger4ar.com/'>أقسام المدونة</a>
<ul class='sub-menu'>
<li><a href='http://www.blogger4ar.com/'>التصنيف الاول</a></li>
<li><a href='http://www.blogger4ar.com/'>التصنيف الثاني</a></li>
<li><a href='http://www.blogger4ar.com/'>التصنيف الثالث</a></li>
</ul></li>
<li><a href='http://www.blogger4ar.com/'>تصنيف منفرد</a></li>
<li><a href='http://www.blogger4ar.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
<li><a href='http://www.blogger4ar.com/'>القسم الاول</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الثاني</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الثالث</a></li>
<li><a href='http://www.blogger4ar.com/'>القسم الرابع</a></li>
</ul>

قم بتغيير الروابط بالأحمر الى ما تريد، وغير الكلمات التي باللون الأزرق الى ما تريد. (الكلمات هي التي ستظهر بالقائمة الرئيسية.)
التعديل على السلايد شو الغير أتوماتيكي:


للتعديل على السلايد شو إبحث عن الكود التالي :

<div class='flexslider'>

ستجد هذا الكود مكرر عدة مرات:

<li>
<a href='http://www.blogger4ar.com/2014/01/blog-post_27.html'><img class='attachment-660x330' height='330' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45Aau-RSqUqxExfI9QEBCK7gmGIg0JV7LGOMzaOEaFDcjhiQibK-bVm9qlUf2s2yoZjBksskDuEhlw_sAbqx0J4inH2arjC_Ogl5Aa4KMbTIAQ5Q_I4Y0HlXLVw-GDrllpnHe5mrEeWup/s620/1.jpg' width='620'/></a>
<div class='slider-caption'>
<h2><a href='http://www.blogger4ar.com/2014/01/blog-post_27.html'>أخرج من إطار المشكلة إلى إطار الحل </a></h2>
<p>لما كلمته قال لي كذا وكذا&#1548; فقلت له: لا .. وذهبت ... ورجعت&#1548; وفلان قال وفلان ...</p>
</div>

</li>

<li>

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

للتعديل على روابط الخاصة بالمواقع الاجتماعية وعلى الأرقام.
إبحث عن الكود التالي:

<div id='sidebar-wrapper'>

ستجد هذا الكود:

<div id='sidebar-wrapper'>
<div class='widget widget-counter'><ul>
<li class='rss-subscribers'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><strong/>
<span>اشترك</span>
<small>الخلاصات</small></a></li>
<li class='twitter-followers'>
<a href='http://www.twitter.com/blogger4arcom'><strong/>
<span>2,056</span>
<small>المتابعون</small>
</a></li>
<li class='facebook-fans'>
<a href='http://facebook.com/blogger4arcom'><strong/>
<span>119,689</span>
<small>المعجبين</small>

</a></li>
<li class='youtube-subs'>
<a href='http://www.youtube.com/blogger4arcom'><strong/>
<span>4,002</span>
<small>مشتركين</small>
</a></li></ul></div>

لتغيير الأرقام أسفل الصور الخاصة بالمواقع الإجتماعية قم بتغيير الأرقام بالأخضر، ووإدا اردت تغيير الكلمات بجوار الأرقام قم بتغيير الكلمات بالأزرق، وغير الروابط بالأحمر الى روابط مواقعك الإجتماعية.

في الختام:

أتمنى أن يعجبكم القالب، فالقالب أعجبني كثيرا، سيكون هذا القالب بإذن الله هو القالب الدي سأعتمده للعمل على تعديل المدونة التي نعمل عليها، فكما تعلمم قمنا ببداية إنشاء مدونة والتعديل عليها عبر دروس بالصوت والصورة الى أن تصبح مدون محترفة، وسيكون هذا القالب هو القالب الذي سنستمر به للعمل على مدونتنا.
أتمنى أن يكون الشرح واضح ومفيذ. لا تنسى أن تكتب لي تعليق أسفل المقال لتشجيعي على الإبداع والعطاء.
تعليقات جديدة = تشجيع = دروس جديدة + قوالب جديدة إحترافية + المزيد من العطاء والإبداع


إشترك و توصل بآخرالاخبارOriginal Article