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

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

القالب من النوع المحترف، فهو يتوافق مع أغلب الشاشات والأجهزة الذكية.

نبدأ مع صورة لقالب مدونة المحترف:

 هذا هو شكل القالب بعد تنصيبه و كما تشاهدون هو شبيه بقالب مدونة المحترف. كما يضم أغلب الاضافات التي توجد بقالب المحترف. لمشاهدت صورة للقالب شاهد الصورة التالية: (المرجو الإنتظار قليلا الى حين تحميل الصور).

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

لقالب مدون المحترف العديد من المميزات الرائعة والمتنوعة، هذه المميزات جعلت الكتير من المدونين يتهافتون عليه ويبحثون عنه. وقالب المحترف مميز بمايلي:

• قائمتين رئيسيتين إحداهما علوية وإحترافية.
• سلايد شو تلقائي ويمكن تخصيصه لما يناسبك.
• محرك بحث مدمج مع المدونة.
• إعلان بجوار العنوان بمقاس 90×728 يمكن تخصيصة بما يناسب.
• خاصية اقرأ المزيد التلقائية.
• ألوان إحترافية وهادئة
• سريع التصفح
• يعمل على جميع الشاشات والمقاسات الخاصة بالاجهزة الدكية واللوحية.
• يتضمن تعليقات الفيسبوك مدمجة معه.
• يتضمن خاصية مواضيع دات صلة.
• يتضمن الكتير من المميزات التي لا يسعني الوقت لدكرها ...

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

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

مشاهدة حية للقالب

تحميل القالب

التعديل على قالب مدونة المحترف:

التعديل على القائمة العلوية لمدونة المحترف.

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

<div class='menu1'>

ستجد الكود التالي:

<ul>
<li><a href='http://blogger4ar.blogspot.com/' target='_blank'>المنتدى</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>بث مباشر</a></li>
<li><a href='http://blogger4ar.blogspot.com/' target='_blank'>فيديـو</a></li>
<li><a href='http://blogger4ar.blogspot.com/' target='_blank'> إشتراك Rss</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>إلتحق بفريق التدوين</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>اعلن في الموقع</a></li>
</ul>

قم بتغيير الكلمات بالازرق الى الكلمات التي تريد وغيير الروابط التي باللون الاحمر الى الروابط التي ستنتقل اليها الزائر بعد الضغط على الكمة.



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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwCgq81U1vbqiSoR4SxYopaf6q80TP5u1gH5Y7XVPxJbWnkzcEB4gRVjwST1S6YtpDCge6W35k91GhdRcftlwgWx3jtcBcABCotzNgd1XmacV_usnzYXxUyetTW9NrGtIu8F-BhFq52xw/s1600/%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1-%25D9%2584%25D9%2584%25D8%25B9%25D8%25B1%25D8%25A8-blogger4ar-logo.png

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



تغيير كود السلايد شو الأتوماتيكي في مدونة المحترف:

لتغيير كود السلايد شو الأتوماتيكي فقط إبحث عن الكود التالي:

<div class='alwanw' id='slider1'>

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

<div class='alwanw' id='slider1'>
&lt;script&gt;
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/دروس بلوجر للمبتدئين?max-results=6&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
&lt;/script&gt;
</div>

قم بتغيير الكلمة باللون الأحمر الى تصنيف خاص بمدونتك، إذا كنت تريد ان يظهر لك في السلايد شو موضوعات خاصة بأخر الأخبار متلا، فقم بإنشاء تصنيف بإسم أخبار وضع به مواضيعك. تم قم بكتابة الإسم "أخبار"  مكان الكلمة باللون الأحمر

ملاحظة: للتخلص من سلايد شو فقط إحذف الكود السابق.


التعديل على القائمة الجانبية كما في الصورة التالية:

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

<div class='m'>

ستجد الكود التالي:

<div class='m'>
<ul>
<li><a class='home' href='http://blogger4ar.blogspot.com/'/></li>
<li><a href='http://blogger4ar.blogspot.com/'>أندرويد</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>حماية</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>حلقات</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>مقالات</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>فيس بوك</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>جوجل</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>ويندوز</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>لينكس</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>هاردويـر</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>أنترنت</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>بلوجر</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>حصريات</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>أخبار الإنترنت</a></li>
</ul>

قم بتغيير الكلمات باللون الأزرق وكذالك الروابط باللون الأحمر.



التعديل على كود الإعلانات جانب Logo :

كما بالصورة فقط يجب أن تتوفر على أبعاد إعلان بالمقاس : 728×90  لتضعه بجوار العنوان.
أولا إبحث عن الكود :

<div class='ads'>

ستجد الكود التالي:

<div class='ads'>
Adsense code 728 x 90
</div>

قم بتغيير الكتابة بالأزرق الى الكود الإعلان الخاص بك. تم حفظ.


 اضافة القائمة البريدية لموقعك على الشكل التالي:

لإضافة القائمة البريدية لموقعك قم بمايلي :
1. إنتقل الى المسار التالي: لوحة تحكم > تخطيط > القائمة الجانبية > اضافة أداة > خيار أداة HTML/JavaScript 

2. تم قم بوضع الكود التالي في الأداة:

<center><div class="sub">
<h5>ضع إيميلك ليصلك كل جديد بلوجر للعرب</h5>
<div class="ins">
<div id="sleek-subscribe">
<form target="_new" method="post" class="signform" action="http://feedburner.google.com/fb/a/mailverify?uri=blogger4arcom">
<input value="ضع اميلك هنا" onfocus="if (this.value == &#39;ضع اميلك هنا&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;ضع اميلك هنا&#39;;}" name="email" class="txt2" />
<input type="submit" value=" " class="btn2" /></form></div></div></div>
<style>
.sub{width:300px;height:130px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVy7L-CLSFOdaWS2yAhZ7ArIgnM-mNx2az-HrubgRcZrmkG4wDu2XrHsgGFdrNlz387cmIM4503iqA3wHleSb_rMwDY5KzZTQhbk_OChun6Lv1-qk6y4GxCmwK2_iOnnooe3hNklYOFo/s1600/bg.png);}
.sub h5{color:#2d2d2d;font:22px arial;margin: 0;padding:25px 0 0 0;text-align:center;}
.sub .ins{width:261px;height:35px;margin: 12px auto 0;}
.sub .ins .txt2{border: 1px solid #E1E1E1;background: white;font: 12px Tahoma, Geneva, sans-serif;color: silver;padding: 10px 7px 9px 7px;margin: 0px;float: right;text-align: right;width: 136px;}
.sub .ins .btn2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kzF0oSYdkWos7Bz2JdFNX7A_Av-GX1c4dwIcx-OZkOdyLgA3RdJHban1XVY8tN3iQvIDjBda76DZkAXdpmAjjul6Sv6W5aouxCe4Qz_Yo8IBBMHqwp2l3hgwwjSNdYF01VeO_-9Deec/s1600/send.png);float:left;border:none;width:104px;height:33px;cursor:pointer;margin-top:1px;}</style></center>

تم حفظ ومبروك عليك الاضافة ولا تنسى أن تغيير ما باللون الأحمر الى ما يناسبك من معلومات.



اضافة اضافة خاصة بالمواقع الاجتماعية:

لإضافة القائمة البريدية لموقعك قم بمايلي :
 1. إنتقل الى المسار التالي: لوحة تحكم > تخطيط > القائمة الجانبية > اضافة أداة > خيار أداة HTML/JavaScript

2. تم قم بوضع الكود التالي بالأداة:

<div class="widget-content">
<div class="social-icone">
<a href="http://www.youtube.com/subscribe_widget?p=blogger4arcom" rel="nofollow" target="_blank">
<div class="you-icone"><b>1000</b>
<span>مشترك</span></div></a>
<a href="http://www.twitter.com/blogger4arcom" rel="nofollow" target="_blank">
<div class="twt-icone"><b>1000</b>
<span>متابع</span></div></a>
<a href="https://www.facebook.com/blogger4arcom" rel="nofollow" target="_blank">
<div class="face-icone"><b>1000</b>
<span>معجب</span></div></a>
<a href="http://feeds.feedburner.com/blogger4arcom" rel="nofollow" target="_blank">
<div class="rss-icone"><b>1000</b>
<span>مشترك</span></div></a></div></div><div class="clear"></div>

تم حفظ ومبروك عليك الاضافة ولا تنسى أن تغيير ما باللون الأحمر الى ما يناسبك من معلومات.  وتغيير الأرقام بالازرق الى الرقم الدي تريد ان يظهر - شاهد الصورة بالاعلى -

في الختام:

أتمنى أن يعجبكم الشرح ويعجبكم القالب، وان كان هناك أي مشاكل أو أخطاء بالقالب المرجو اخباري بها في التعليقات.

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

لا تنسى تشجيعي ببعض التعليقات المحفزة. فالتشجيع = المزيد من القوالب المميزة والاحترافية.

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