إضافة زر المتابعة تويتر Twitter

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

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

 معاينة : زر المتابعة تويتر Twitter

تغريد

تابع معي الشرح طريقة أخد كود او شفرة هذه الإضافة زر المتابعة لتويتر Twitter


1 _ أولا أضغط على الرابط التالي :
 https://twitter.com/about/resources/buttons#follow

2 _ سوف تفتح هذه الصفحة التالية :

اللون الازق لتغيير شكل زر المتابعة تويتر Twitter
اللون الاحمر كود او شفرة  زر المتابعة تويتر Twitter

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

المزيد

شرح تحويل نموذج "اتصل بنا" من قائمة السايد بار إلى صفحة فارغة

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

 سبق وقد شرحت لكم في الدرس السابق كيفية إضافة نموذج "اتصل بنا" في قائمة السايدبار 

الأن ساشرح لكم تحويل نموذج "اتصل بنا" من قائمة السايد بار إلى صفحة فارغة , حيث الكثير من المدونين لا يحبون هذه الاداة في قائمة السايد بار لكونها كبيرة في الحجم وليسة
من الضروريات بالاضافة الى انها تفقد جمالية المدونة .

اولا يجب عليك إضافة الاداة اولا من هنا : إضافة نموذج "اتصل بنا"

تابع معي شرح اخفاء نموذج "اتصل بنا" من قائمة السايد وتحويله الى صفحة فارغة .

طريقة التركيب :
  1~   قالب
 2~  تحرير HTML.
  ملاحظة: قبل تحرير القالب يجب حفظ نسخة منه احتياطية عند الحاجة.
 3~ ابحت عن الشفرة التالية :

]]></b:skin>

4~  قم بتلصيق الشفرة  اخفاء الاداة التالية فوقها يعني اعلاها مباشرة.

#ContactForm1 {display:none;}

 الان نلاحض ان إضافة نموذج "اتصل بنا" اختفت من من قائمة السايد بار , والان يجب ان نضفها الى صفحة فارغة ونسميها "اتصل بنا" او ما تشاء

5~ اذهب الى الصفحات وانشئ صفحة فارغة جديدة ثم قم بتلصيق الشفرة التالية مكان HTML
 تفضل الكود او الشفرة نموذج "اتصل بنا"

<div dir="rtl" style="text-align: right;" trbidi="on"> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> الاسم <br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> بريد إلكتروني <span style="font-weight: bolder;">*</span> <br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> رسالة <span style="font-weight: bolder;">*</span> <br /> <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" /> <div style="max-width: 222px; text-align: center; width: 100%;"> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div>

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

المزيد

نموذج "اتصل بنا" إضافة بلوجر جديدة ورائعة جدا

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

 طريقة التركيب :

1~  اذهب الى تخطيط .
2~ إضافة أداة .
2~ ثم اضغط على المزيد من الأدوات .
3~ و اختر إضافة أداة نموذج الإتصال .

اتمنى ان ينال اعجابكم وأي استفسار لا تتردد في طرحه في صندوق التعليقات

المزيد

شرح إضافة صندوق تغريدات تويتر twitter

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

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

1_ اولا يجب عليك الدخول الى صفحة تطبيق الصندوق من : هنا

http://twitter.com/goodies/widgets

2_ ثانيا اضغط على (إنشاء جديد)

3_  الخانة المسطر عليها بالاحمر
الخانة الاولى اسم صفحتك على تويتر
الخانة الثانية طول الصندوق التغريدات تويتر

4_ رابعا واخيرا اضافة شفرة صندوق تغريدات تويترالى مدونتك او موقعك

المزيد

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

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

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

لمعاينة الاضافة  مباشرة :  اسفل الموضوع مدونة افتخر

 طريقة التركيب :
  1~   قالب 
 2~  تحرير HTML.
  ملاحظة: قبل تحرير القالب يجب حفظ نسخة منه احتياطية عند الحاجة.

3~ ابحت عن الشفرة التالية :

]]></b:skin>

وقم بتلصيق الشفرة التالية فوقها يعني اعلاها .

#table {     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;     font-size: 13px;     margin: 10px -12px;     width: 580px;     text-align: left;     border-collapse: collapse;    direction:ltr; } #table th {     font-size: 13px;     font-weight: normal;     padding: 8px;     background: #b9c9fe url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg207R-KmB_w7HPbYDs3H-rwG2OnKwZt6rV_4SV3YWuT7n3DXVSwONYsp4g5k5e_IGNdPyqK4w1t7zGbH7pcoRM62-9eUA8l898iI7v0r3wuqIQwuY3VM-HMOrWlpUyQmlkIMPu7ryQLGGB/s1600/gradhead.png') repeat-x;     border-top: 2px solid #d3ddff;     border-bottom: 1px solid #fff;     color: #039; } #table td {     padding: 8px;     border-bottom: 1px solid #fff;     color: #4c4c4c;     border-top: 1px solid #fff;     background: #e8edff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkbvsznc40q7EUZ45q4aF6VRH01h2ZNUnpeh80_ke9PrI4gEGqpreAV4WA5Dnt61K0we-qYimrzCBDByJZZk9lJsLzQMe3inCgXMq7U_xfkRK12vVBo9sJF-WAFnETpnSK5ihVTSXDjPPR/s1600/gradback.png') repeat-x; } #table tfoot tr td {     background: #e8edff;     font-size: 20px;     color: #99c;     text-align:center; } #table tbody tr:hover td {     background: #d0dafd url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd9uH5KJX26ROJbDEUmWTpDy64vaU0qx1hyphenhyphenF8oACXGxEDKV7vhEX4l1AtnsJCSTfOb1p6cWYL6zSkE-AD5-aiHiVqDYDYMtfA7j7qmi5ydbRkCnDch0V66aFJTmmLxQjatzC5SfhfRLCYb/s1600/gradhover.png') repeat-x;     color: #339; } #table a:hover {     text-decoration:underline; }

 

3~ ثم ابحت عن الشفرة التالية :

 

<data:post.body/>

إن وجدت الكثير من هذه الشفاه الأخير هو المقصود .

ثم لصق الشفرة التالية تحتها يعني اسفلها .

<b:if cond='data:blog.pageType == &quot;item&quot;'> <table id='table' summary='روابط الموضوع'>   <tfoot>     <tr>       <td colspan='2'>روابط الموضوع قابلة للنسخ</td>     </tr>   </tfoot> <tr>   <td>URL</td>   <td><input expr:value='data:post.canonicalUrl' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td> </tr><tr>   <td>HTML</td>   <td><input expr:value='&quot;&lt;a href=&amp;quot;&quot; + data:post.canonicalUrl + &quot;&amp;quot; title=&amp;quot;&quot; + data:post.title + &quot;&amp;quot;&gt;&quot; + data:post.title + &quot;&lt;/a&gt;&quot;' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td> </tr><tr>   <td>BBCode</td>   <td><input expr:value='&quot;[url=&quot; + data:post.canonicalUrl + &quot;]&quot; + data:post.title + &quot;[/url]&quot;' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td> </tr> </table> </b:if>

يمكنك تغيير الجملة |روابط الموضوع قابلة للنسخ| المكتوبة باللون الاحمر

المزيد