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

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

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

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

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

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

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

1.  يعمل على جميع الأجهزة الذكية و الشاشات.
2. يعمل على جميع المتصفحات (كروم - موزيلا - ...)
3. ألوان هادئة ورائعة.
4. قائمتين منسدلتين رئيسية وعلوية.
5. إعلان بجوار اسم الموقع.
6. سلايد شو احترافي ويمكن تخصيصه.
7. إقرأ المزيد مدمجة مع القالب. 
8. تعليقات الفيسبوك مدمجة مع القالب.
9. خط الموقع من الخطوط الاحترافية.
10. يتوفر على فوتر بتلات إضافات.
11. النشر بالمواقع الاجتماعية مدمجة مع المقال بالاسفل.
12. والكثير من المميزات والخاصيات الرائعة ....

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

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

تحميل القالب

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

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

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

<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'>
&lt;script&gt;
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/دروس بلوجر للمبتدئين?max-results=8&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
&lt;/script&gt;
</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> 

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

في الختام:

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

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

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