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

اقتباس : المشاركة التي أضيفت بواسطة : Dr Help

السلام عليكم و رحمة الله و بركاته

في هده التدوينة ان شا الله سأطرح قالب template المحترف القالب template اللذي أعجب به الكتير ,لكن ما أحضرته أنا هو قالب template من تطويري فلو بحتت في النت لن تجد له قرين, فالسلايدرشو هو طبق الأصل لسلايدر المحترف كذلك تجد أيضا بعد كل ملخص تدوينة اسم الكاتب و تاريخ كتابة الموضوع, أيضا فقد عالجت مشكل شفافية تعليقات Disqus و التي يعاني منها الكتير و يبقى عليك فقط البحت عن

var disqus_shortname = 'drhelp';

و استبدل ما بالاحمر بي اسم مسجلك على حسابك في Disqus

أيضا قمت بإضافة محرك بحث في القائمة العلوية

و إذا أردت وضع كود code إعلانك ذي الإحداتيات 728x90 فقط عليك البحت عن

كود HTML:

---

Your Adsense Code Here 728x90

---

و قم بإستبداله بكود code إعلانك

و أما إذا أردت تغيير اللوجو فقط ابحت عن

كود HTML:

---

http://www.shy22.com/upfilpng/or973444.png

---

و غيره برابط اللوجو الخاص بك

و لتشغيل السلايدر قم بالبحث عن كل و استبدلها بقسمك المفضل أو القسم الذي تريد عرض مواضيعه في هذا السلايدر

و إذا أردت "إضافة احصل يوميا على تحديتاث المدونة blog" ليس عليك فقط إلا الذهاب إلى التخطيط و إختيار أداة جديدة من نوع Html/Css

http://1.bp.blogspot.com/-Nj65ea4X3j...Ffg/s320/a.png

كود HTML:

---

  <div class=&quot;widget-content&quot;>
  <div class=&quot;widget-content&quot;> <center><div class=&quot;sub&quot;> <h5>ضع إيميلك ليصلك كل جديد المدونة blog</h5> <div class=&quot;ins&quot;> <div id=&quot;sleek-subscribe&quot;>

<input class=&quot;txt2&quot; name=&quot;email&quot; onblur=&quot;if (this.value == '') {this.value = 'ضع اميلك هنا';}&quot; onfocus=&quot;if (this.value == 'ضع اميلك هنا') {this.value = '';}&quot; value=&quot;ضع اميلك هنا&quot; /> <input class=&quot;btn2&quot; type=&quot;submit&quot; value=&quot; &quot; /> </form> </div> </div> </div> <style>.sub{width:300px;height:130px;background:ur  l(http://4.bp.blogspot.com/-B-E9yn3qUCw/UT-6nhPMInI/AAAAAAAAA-4/kHduUYkRIxQ/s1600/Cadre.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(http://3.bp.blogspot.com/-9ZQ_8h_yNyI/UT--QL0endI/AAAAAAAAA_E/y-Jbrs6Spo0/s1600/send.png);float:left;border:none;width:104px;heigh  t:33px;cursor:pointer;margin-top:1px;}</style></center> </div> <div class=&quot;clear&quot;></div> <span class=&quot;widget-item-control&quot;> <span class=&quot;item-control blog-admin&quot;> <a class=&quot;quickedit&quot; href=&quot;//www.blogger.com/rearrange?blogID=4333142131555820750&amp;widgetTyp  e=HTML&amp;widgetId=HTML1&amp;action=editWidget&am  p;sectionId=sidebar-left-1&quot; onclick=&quot;return _WidgetManager._PopupConfig(document.getElementByI  d(&quot;HTML1&quot;));&quot; target=&quot;configHTML1&quot; title=&quot;تحرير&quot;> <img alt=&quot;&quot; height=&quot;18&quot; src=&quot;http://img1.blogblog.com/img/icon18_wrench_allbkg.png&quot; width=&quot;18&quot; /> </a> </span></span>
  </div>

---

و كود code هده الإضافة هو التالي

http://4.bp.blogspot.com/-uY1G6DtxTe...ar0/s320/a.png

كود HTML:

---

  <div class=&quot;widget-content&quot;>
  <div class=&quot;social-icone&quot;>
  <a href=&quot;http://www.youtube.com/subscribe_widget?p=XXXX&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;>
  <div class=&quot;you-icone&quot;>
  <b>100</b>
  <span>مشترك</span>
  </div>
  </a>
  <a href=&quot;http://www.twitter.com/XXXX&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;>
  <div class=&quot;twt-icone&quot;>
  <b>0000</b>
  <span>متابع</span>
  </div>
  </a>
  <a href=&quot;https://www.facebook.com/XXXX&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;>
  <div class=&quot;face-icone&quot;>
  <b>2000</b>
  <span>معجب</span>
  </div>
  </a>
  <a href=&quot;http://feeds.feedburner.com/XXXX&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;>
  <div class=&quot;rss-icone&quot;>
  <b>200</b>
  <span>مشترك</span>
  </div>
  </a>
  </div>
  </div>
  <div class=&quot;clear&quot;></div>
  <span class=&quot;widget-item-control&quot;>
  <span class=&quot;item-control blog-admin&quot;>
  <a class=&quot;quickedit&quot; href=&quot;//www.blogger.com/rearrange?blogID=4777457750253636728&amp;widgetTyp  e=HTML&amp;widgetId=HTML3&amp;action=editWidget&am  p;sectionId=footer-2-3&quot; onclick=&quot;return _WidgetManager._PopupConfig(document.getElementByI  d(&quot;HTML3&quot;));&quot; target=&quot;configHTML3&quot; title=&quot;تحرير&quot;>
  <img alt=&quot;&quot; height=&quot;18&quot; src=&quot;http://img1.blogblog.com/img/icon18_wrench_allbkg.png&quot; width=&quot;18&quot; />
  </a>
  </span>
  </span>
  <div class=&quot;clear&quot;></div>

---

و غير XXXX بما يناسبك

أما الآن فننتقل إلى التحميل

http://sphotos-a.ak.fbcdn.net/hphoto...32679908_n.png

المعاينة |التحميل

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

المصدر : المساعد الإلكتروني | كل ما يخص الحاسوب

https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©