بلوجر للعرب | دروس بلوجر و اضافات بلوجر

الجمعة، 21 فبراير 2020

أفضل 10 مواقع لتحميل قوالب بلوجر معربة وأجنبية

اليوم ولكثرة الطلب على مواقع تحميل القوالب العربية والمعربة والأجنبية قمت بالبحث بالأنترنت وجمعت لكم أفضل 10 مواقع لتحميل قوالب معربة وعربية وأجنبية. كما قمت بتحضير 5 من أفضل القوالب المعربة لمدونات بلوجر على مدونتي دروس بلوجر، ووفرت لكم كذلك الكثير من القوالب الأجنبية الرائعة والمدفوعة التي تحتاج الى تعريب.

وهذه لائحة المواقع المذكورة في الفيديو بالدرس 12: كيفية اختيار قالب مناسب لمدونتك على بلوجر : ولمن لم يشاهذ الدرس بعد فليكم بمتابعته فهو يشرح طريقة إختيار قالب مناسب لمدونتك.

اقرأ المزيد

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

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

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

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

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

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

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

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

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

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

تحميل القالب

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

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

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

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

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

<div class='social-icons icon_flat'>

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

<div class='social-icons icon_flat'>
<a class='tooldown rss-tieicon' expr:href='data:blog.homepageUrl + "feeds/posts/default"' 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/AVvXsEjYqNWvJQNcgR2ePJy0DZh5LT7QAHAJnuk4t4FkutdsxxPXUAsI0E7rBNceIeMljas8tSCilx2XVk_mQ82dxSwQmaBCA-NhNcT0ShRMbx1U5CUg9aEKv8hcEjIS2LeOanwsA-UgfeVmkCRd/s728/banner728.gif

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

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

أولا قم بالدخول الى حسابك على موقع بلوجر www.blogger.com
توجه الى خيار التصميم أو تخطيط
تم إتبع ما يوجد بالصور

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

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

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

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

<nav id='main-nav'>

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

<ul class='menu' id='menu-main'>
<li><a href='http://blogger4ar.blogspot.com/'>الرئيسية</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
<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>
</li>
<li><a href='http://blogger4ar.blogspot.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
<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>
</li>
<li><a href='http://blogger4ar.blogspot.com/'>تصنيف منفرد</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>أقسام المدونة</a>
<ul class='sub-menu'>
<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></li>
<li><a href='http://blogger4ar.blogspot.com/'>تصنيف منفرد</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
<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>

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

التعديل على السلايد شو الغير أتوماتيكي:

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

<div class='flexslider'>

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

<li>
<a href='http://blogger4ar.blogspot.com/2014/01/blog-post_27.html'><img class='attachment-660x330' height='330' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy3BxGkVIg16sQ9OBOTmEoaiC1RlUTD2-w60MXIBdhDDepO_Uuw2QMF9eccgkGI0ALUqzdetgAblkwei9ZXwCbOJ2hRjX2GYTmuswM97eEBa4ZlW3PeMCdkuy-3cHrR_ovfKb-b92az2a-/s620/1.jpg' width='620'/></a>
<div class='slider-caption'>
<h2><a href='http://blogger4ar.blogspot.com/2014/01/blog-post_27.html'>أخرج من إطار المشكلة إلى إطار الحل </a></h2>
<p>لما كلمته قال لي كذا وكذا، فقلت له: لا .. وذهبت ... ورجعت، وفلان قال وفلان ...</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 + "feeds/posts/default"'><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>

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

في الختام:

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

أتمنى أن يكون الشرح واضح ومفيذ. لا تنسى أن تكتب لي تعليق أسفل المقال لتشجيعي على الإبداع والعطاء.

تعليقات جديدة = تشجيع = دروس جديدة + قوالب جديدة إحترافية + المزيد من العطاء والإبداع

اقرأ المزيد

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

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

لقد وفرت لكم القالب مع شرح التعديل عليه بالتفصيل الممل.

نبدأ أولا مع صورة للقالب - قالب مدونة يوسف ويب:

هده صورة خاصة للقالب بشكل مصغر، صورة تلخص كثرة الكلام حول القالب. (إنتظر قليلا الى حين تحميل الصور).

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

القالب به عدد كبير من المميزات والخاصيات الرائعة.

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

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

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

تحميل القالب

التعديل على القالب، قالب يوسف ويب:

التعديل على قولب يوسف ويب: نبدأ بتعديل القائمة العلوية للقالب:

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

<div class='menu1'>

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

<div class='menu1'>
           <ul>
             <li><a class='home' 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'> إشتراك Rss</a></li>
             <li><a href='http://blogger4ar.blogspot.com'>إلتحق بفريق التدوين</a></li>
             <li><a href='http://blogger4ar.blogspot.com'>اتصل بنا</a></li>
           </ul>

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

التعديل على عنوان المدونة : Logo

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

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='inner'>

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

<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>

</ul>

قم بتغيير الكلمات بالازرق لما يناسبك من عناوين وغير الروابط الحمراء الما يناسبك، تماما عما فعلت في الجزء الأول.

التعديل على السلايد شو في قالب يوسف ويب:

للتعديل على السلايد شو بقالب يوسف ويب قم بالخطوات التالية:

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

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

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

<div class='alwanw' id='slider1'>
<script>
document.write("<script src=\"/feeds/posts/default/-/دروس بلوجر للمبتدئين?max-results=8&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</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 == 'ضع اميلك هنا') {this.value = '';}" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا';}" 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>

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

في الختام:

لا تنسى أن تضع لي رابط مدونتك لاشاهدها واقدم لك تقييم عنها. ولا تنسى كذلك ان تضع لي بعض التعليقات المحفزة والمشجعة. على أم أن نلتقي في تدوينة جديدة مع درس جديد من دروس مدونة بلوجر للعرب.

التشجيع = لايك والنشر في الصفحات الاجتماعية = المزيد من الدروس الحصرية.

اقرأ المزيد

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

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

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

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

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

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

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

قائمتين رئيسيتين إحداهما علوية وإحترافية.
سلايد شو تلقائي ويمكن تخصيصه لما يناسبك.
محرك بحث مدمج مع المدونة.
إعلان بجوار العنوان بمقاس 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'>
<script>
document.write("<script src=\"/feeds/posts/default/-/دروس بلوجر للمبتدئين?max-results=6&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</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 == 'ضع اميلك هنا') {this.value = '';}" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا';}" 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>

في الختام:

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

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

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

اقرأ المزيد

قالب شبيه بمدونة مدون - قالب مدونة بلوجر

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

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

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

مميزات القالب الشبيه بمدونة مدون:

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

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

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

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

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

تحميل القالب

التعديل على القالب:

التعديل على القائمة العلوية أعلى القالب، كما بالصورة:

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

<div id='navtop'>

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

<div id='navtop'>
<ul id='menuhlng'>
<li><a href='http://blogger4ar.blogspot.com/'>عن الكاتب</a></li>
<li><a href='http://blogger4ar.com/'>أعلن لدينا</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>للإتصال بنا</a></li>
<li><a href='http://blogger4ar.com/'> للإعلان النصى</a></li>

<li class='dgnsubtop'>
<a href='#'><span>روابط هامة</span></a>

<ul class='sub-menu-top hidden'>
<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.com/' title='إنضم لمتابعينا'>التسجيل</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.com/'>إنضم إلينا</a></li>
</ul>
</li>

<li class='dgnsubtop'>
<a href='#'>خدمات</a>

<ul class='sub-menu-top hidden'>
<li><a href='http://blogger4ar.blogspot.com/'>خدمة اطلب تصميمك</a></li>
<li><a href='http://blogger4ar.com/'>خدمة تعريب القوالب</a></li>
<li><a href='http://blogger4ar.blogspot.com/'> خدمة تعديل القوالب</a>
</li>
</ul>
</li>
</ul>
</div>

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

التعديل على Logo المدونة مع السلايد شو:

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

<div id='header-inner'>

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

<div id='header-inner'>
<a href='http://blogger4ar.blogspot.com/' style='display: block'>
<img alt='مدونة بلوجر للعرب ' height='110px; ' id='Header1_headerimg' src='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' style='display: block' width='330px; '/>
</a>
</div>

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

التعديل على سلايد شو :

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

<div id='w2bNivoSlider'>

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

<div id='w2bNivoSlider'>
<a href='http://blogger4ar.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5dMjYEF8dxTCU_q2tFOJ1srDV4-ab856MJkOJfN7doIOK-wYV64raToLGZ3c3GxsW93D48SzkOzhw3LWzn0Lp5OAzuMk_rwJNJ4H-lRngaRhBtlpxTzBUy3ObNg6O_FfJXW08IfQAg8/s1600/mdwanblog1.jpg' title='ننصح بـ إستخدام متصفح الفير فوكس'/></a>
<a href='http://blogger4ar.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzM9t-4cg0nbpCyHL-wN8PDk0W-puB-zkJCK75rhBo8dGprLPLX96dN8Sih7AHiGeAWayQfzCORr8hWHIMZCFZbkIo7lCLwbAdDRFl6PvH-3PYks_dq394QNSkH4k9j75Vh9LnehSjO0Y/s1600/Untitled-1.jpg' title='شكراً لكل من يدعمنا ويشارك الفائدة'/></a>
<a href='http://blogger4ar.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxBGr_ddUkRaKKlHWrhoJiiFta27jZJ9fLiZmP1RKvaTMkXgU8DITeDsfVy0VOOHCBxBzv6Q99kuxQyLXa3IOc-fQ3x6njk8m1PaLnuy1Tk3cQkXkN7c5ddrz6c2GS-4I-5su_dXWHM7c/s1600/Untitled-1.jpg' title='إطرح سؤال فى صفحة سجل الزوار'/></a>
<a href='http://blogger4ar.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn_ZcYSFXtG4-o4pLroxIiqt_iei4jtrdAvumkLq-Fbbs0CKFysbl2ST-8YYL66Drf9mFDLyV45czVT0K1sy9449a3RzjPAkQDGo7HgProdo-KVTAFKuIDw3xHTn3BK8mvwbjE1udOi1s/s1600/Mdwan-Blog.jpg' title='إتفاقية الإستخدام لمدونة مدون نرجوا قرائتها لتصفح آمن لك'/></a>
<a href='http://blogger4ar.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjxXnT7UO9yIz-QPcFuzNOCgyQ91hrBdGGm9d4NNYXlBJgGIEvYouZaSh2rMQWi26hqQqdx8nPq0t0VeJHrGXi5plDGqJIhVmOVU0ZdgPJ_NuPRfv8efsDDhuIWzDmdCm2re1RX-AmJA8/s1600/2.jpg' title='طرق التواصل مع مدونة مدوّن'/></a>
<a href='http://blogger4ar.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGwk7CzhD-pQUK-mkClvnoRhzRdIwm26gndzzCVEnfbanQqQ5zSyvUDWvEPlaxnRAj0yuBpZFznA2lJag8MyFuoUIJX4BmqOPyuxYkY6BUBhUIwZ5pbYKo7UmnabnCm0naaP9chWf3VWw/s1600/Untitled-1.jpg' title='تابع قناة مدوّن على اليوتيوب ودروس حصرية لبلوجر والفوتوشوب'/></a>
</div>

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

لا أنسى أن اذكركم بأنه للتخلص من السلايد شو فقط قم بحدف الكود السابق.

التعديل على القائمة الرئيسية أسفل السلايد شو :

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

<div id='cssmenu'>

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

<div id='cssmenu'>
      <ul>
      <li class='active'><a href='http://blogger4ar.com/'><span> الرئيسية</span></a></li>
      <li class='has-sub'><a href='#'><span> تابعنا على</span></a>
     <ul>
        <li><a href='http://blogger4ar.blogspot.com/'><span> فيس بوك </span></a></li>
        <li class='last'><a href='http://blogger4ar.com/'><span> تويتر</span></a></li>
        <li class='last'><a href='http://blogger4ar.blogspot.com/'><span> يوتيوب</span></a></li>
        <li class='last'><a href='http://blogger4ar.blogspot.com/'><span> جوجل بلس </span></a></li>
    </ul>
</li>
<li><a href='http://blogger4ar.blogspot.com/'><span>قوالب بلوجر</span></a></li>
<li class='last'><a href='http://blogger4ar.com/'><span> أكواد الألوان</span></a></li>
<li class='last'><a href='http://blogger4ar.blogspot.com/'><span> ملفات فوتوشوب</span></a></li>
<li class='last'><a href='http://blogger4ar.blogspot.com/'><span> خط عربى</span></a></li>
<li class='last'><a href='http://blogger4ar.com/'><span> بلغ عن رابط </span></a></li>
<ul>
</ul>
</ul>
</div>

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

التعديل على الملاحظة بالصورة بالأعلى:
إبحث عن الكود التالي:

<div class='alert-box warning'>

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

<div class='alert-box warning'>
<span>ملحوظة: </span>لقد تم إغلاق باب التبادل الإعلانى البنرى حتى إشعار آخر .
</div>

للتعديل على الملحوظة فقط غير النص الازرق تم حفظ.

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

<div class='alert-box eroor'>

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

<div class='alert-box eroor'><span>تنبيه هام :</span> يمكنك تحميل القالب من مدونة <a href='http://blogger4ar.blogspot.com'> بلوجر للعرب </a> كما يمكنك متابعتي على <a href='https://www.facebook.com/blogger4arcom'> الفيسبوك </a> و<a href='https://twitter.com/blogger4arcom'> تويتر </a> و<a href='https://plus.google.com/+blogger4arcom'> جوجل بلس </a> و<a href='https://www.youtube.com/blogger4arcom'>
اليوتيوب </a> </div>

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

التعديل على صورة الاعلان أعلى المواضيع 60×468 :
إبحث عن الكود التالي:

<div class='drmanamana'>

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

<div align='center'>
<a href='http://www.facebook.com/blogger4arcom'><img alt='مدونة بلوجر للعرب' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSg1Os5hVAXWrvOUb-uzU4rjPJEn_H5gPmfHT5jGy5LJYvo7jDIAEisHC0KMIqjL1-zm9O1ElJx5TqNMPJGHs2WRmHJPt5AiilwudX6bCFW9F8XAo2IOlU_Dtk0RXAdikxaYYjGazlWUw/s1600/cccccc%5B1%5D.png'/></a>
</div>

للتعديل ووضع الإعلان مكان الصورة التالية :

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

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

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

<div id='content-social'>

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

<div id='content-social'>
    <ul>
        <li><a alt='Facebook' class='fb-but' href='http://www.facebook.com/blogger4arcom' target='_blank'/></li>
        <li><a alt='Twitter' class='twitter-but' href='https://twitter.com/blogger4arcom' target='_blank'/></li>
        <li><a alt='Google Plus' class='google-but' href='https://plus.google.com/+blogger4arcom' target='_blank'/></li>
        <li><a alt='YouTube' class='youtube-but' href='http://www.youtube.com/blogger4arcom' target='_blank'/></li>
        <li><a alt='RSS Feed' class='rss-but' href='http://feedburner.google.com/fb/a/dashboard?id=blogger4arcom'/></li>
    </ul>
</div>

للتعديل على المواقع الجتماعية قم بتغيير الروابط بالاحمر لروابطك على المواقع الاجتماعية.

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

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

<style type="text/css">
    #cat{background:#fff;width:220px;color:#222;font-family: "DroidKufi-regular";display:inline;margin:3px;padding:3px 2px 2px;}
    #subscribe{overflow:hidden;margin:0;padding:0 0 5px}
    #subbox{-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQkm95H-IVKcr_HeWz4NlQGa6nr7Oh6P7aRj__OjjL9Le5P5BLgT7MBzz6bDIRPo3bduQ-uIMMitWtNGNOD6XFUrDclWmNkdknCh4MI2V2Xi0WKtkNvKvLjZ_5kSPqFE0EcLUIn5_z8tY/s1600/email-icon.png) no-repeat scroll 4px center;font-family: "DroidKufi-regular";color:#666;text-align:right;padding-right:6px;text-decoration:none;border:1px solid #aaa;height:36px;width:215px;margin:0;}
    #subbutton{cursor: pointer;-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;background:#999;color:#FFF;font-family: "DroidKufi-regular";font-weight:700;text-decoration:none;border:1px solid #666;margin-left:5px;padding:3px 5px;float:right;}
    </style>

    <div id='searchbarleft'>
    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogger4arcom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'أدخل بريدك';}' onfocus='if (this.value == 'أدخل بريدك') {this.value = '';}' type='text' value='أدخل بريدك'/><input name='uri' type='hidden' value='blogger4arcom'/><input name='loc' type='hidden' value='ar-eg'/><input id='subbutton' type='submit' value='سجل'/></form></div>

3. الصق الكود بالمكان المخصص له مع تغيير ما باللون الأحمر لما يناسب حسابك.

الختام:

أتمنى أن يعجبكم القالب وأن يضيف إضافة الى مدوناتكم. لا تنسى أن تضيف لنا تعليق أو رابط مدونتك لنشاهد معا التعديلات التي قمت بها.

أضف لي تعليقا أو ملاحظة أو تشجيع . التشجيع = قوالب احترافية جديدة

اقرأ المزيد