الأحد، 9 يونيو 2013

شرح اضافة نموذج اشتراك لتقنية css3 لمدونات بلوجر

9:44 ص

بسم الله الرحمن الرحيم , السلام عليكم ورحمة الله وبركاته , في هذه التدوينة سأشرح عن كيفية اضافة نموذج اشتراك في الموقع أو المدونة لديكم , وهو أمر مهم جدا فهذا يساعدكم في زيادة الزيارات ويساعد الزوار في معرفة جديد المدونة , وهنا سأقوم بوضع نموذج الاشتراك الخاص بمدونتي وهو يتميز بجمال التصميم والاناقة.
قم بالتعديلات التالية  على الملف وستجد رابط في اخر التدوينة :
ابحث عن الكود التالي وغير الرابط المحدد باللون الاخضر الى رابط صفحة الموقع على الفيس بوك والمحدد باللون الأزرق هو العبارة التي ستظهر عند مرور الماوس فوق ايقونة الفيس بوك.
<td>
<a href='ضع رابط صفحة الفيسبوك هنا' target='_blank'><img alt='Facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvW9CV0w-d38NtVlQheb6XqRmrw6ATdlpyja36Ln3Gp0sahKPX8LBA_5RihfKzJj2Rp0a2xdsxLEhbOid8wQNeLHWRAHKXiql8ZDccK9_XrJRyhObF_cfpW70uB8PoFs6IOLjBNRkN90E/s1600/facebook.png" border="0" title='تابعنا على فيسبوك'/></> 
 وهكذا بالنسبة لايقونة تويتر ويوتيوب وجوجل بلس ثم ابحث عن الكود التالي :
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('ضع رابط feedburner الخاص بمدونتك هنا', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;ضع ايميلك هنا&quot;;}" onfocus="if (this.value == &quot;ضع ايميلك هنا&quot;) {this.value = &quot;&quot;;}" value="ضع ايميلك هنا" type="text" />
<input type="hidden" value="ضع هنا آخر كلمة بالرابط" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" /> 
وغير المُحدد باللون الأخضر الى رابط feedburner الخاص بك والمُحدد باللون الأزرق الى آخر كلمة بالرابط.
ثم قم بنسخ الكود بعد التعديل عليه ثم اتبع الخطوات التالية :

  1. سجل دخولك الى بلوجر
  2. قم بالذهاب الى "التخطيط"
  3. قم بالغط على "اضافة أداة" في المكان الذي تريد أن تضع فيه نموذج الاشتراك 
  4. ثم اختر من قائمة الاضافات "HTML/JavaScript"
  5. والصق الكود وقم بالحفظ 

وهذا فيديو يبين لكم كيفية فعل ذلك
واخيرا رابط تحميل الكود والايقونات للتعديل عليها :

هل اعجبك الموضوع ؟ شاركه مع اصحابك

0 التعليقات :

إرسال تعليق

Related Posts Plugin for WordPress, Blogger...