زر تابعني على التويتر بشكله الجديد على مدونات بلوجر

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )

<div class='post-header-line-1'/>

ثم قم بلصق هذا الكود أسفله :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a Width='600px' class='twitter-follow-button' data-align='right' data-button='grey' data-lang='en' data-link-color='#EB4C07' data-show-count='true' data-text-color='#000000' href='http://twitter.com/egygrand'>تابعني على التويتر</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</b:if>

وأخيرا قم بحفظ القالب  

يمكنك كذلك وضع الزر  في أسفل كل تدوينة وذلك بلصق الكود السابق أسفل هذا الكود :

<data:post.body/>

اضافة اعلاناتك أسفل هيدر المدونة بدون تعديل في قالب المدونة

بسم الله الرحمن الرحيم

أهلا بجميع زوار ومشتركي ايجى جراند الكرام

درس جديد من دروس التدوين والمدونات وهو كيفية اضافة أعلانات أسفل هيدر المدونة أو المنتدي

الحل بسيط جدا ولا يحتاج الي أي مجهود 

ملاحظة :

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

الطريقة:-

قم بالدخول الي تصميم ثم اضافة أداة ثم HTML/JavaScript 

 قم بنسخ الكود التالي:-

<DIV align=center><A   href="1 رابط الاعلان"  target=_blank><IMG height=60   alt="وصف الاعلان 1" src="رابط  الصورة 1" width=150 border=0></A><A   href="رابط الاعلان 2"  target=_blank><IMG height=60   alt="وصف الاعلان 2" src="رابط  الصورة 2" width=150 border=0></A><A   href="رابط الاعلان 3"  target=_blank><IMG height=60   alt="وصف الاعلان 3" src="رابط  الصورة 3" width=150 border=0></A><A   href="رابط الاعلان 4"  target=_blank><IMG height=60   alt="وصف الاعلان 4" src="رابط  الصورة 4" width=150 border=0></A><A   href="رابط الاعلان 5"  target=_blank><IMG height=60   alt="وصف الاعلان 5" src="رابط  الصورة 5" width=150   border=0></A></DIV>

ملاحظات هامة:-

يمكنكم التحكم الكامل بعدد الاعلانات ( عدد الاعلانات في الكود 5 فقط ) يمكنك زيادة العدد كما شئت.

يمكنك ايضا التحكم بطول وعرض الاعلان عن طريق تغيير القيم 150 - 60 الموجودة في الكود .

 أضف رابط الاعلان مكان كلمة رابط الاعلان في الكود.

أضف رابط صورة الاعلان في الكود وهكذا

يارب يكون الدرس عجبكوا و منتظر تشجيعكوا