نموذج المشاركات css لمدونات blogger

نماذج مشاركات بلوجر نموذج المشاركات بلوحة تحكم بلوجر الجديدة بتقنيات css مظهر نموذج المشاركة الافتراضى بعد اعدادات المشاركات والتعليقات فى واجهة بلوجر الجديدة

تصميم نموذج المشاركات لمدونة بلوجر


اضف هنا وصف قصير سيو h3 عن المشاركة


اضغط اقراء المزيد لمعاينة النموذج كاملا


صورة شكل النموذج بالصفحة الرئيسية


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

ايضا مدونات الفيديو والافلام تحتاج تصميم ثابت لراحة وسهولة تنقل الزائر داخل المدونة عند استعراض المدونة 

صورة شكل النموذج فى صفحة المشاركة
blogger posts style

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

اذهب الى اعدادات  >  المشاركات والتعليقات  | نموذج المشاركات 
 النموذج الافتراضى لستايل المشاركات
الصق كما بالصورة التالية كود نموذج المشاركات التالى 

<div class="wikiview">
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-D9k0IvTzclNd9hb2DI44MjXVIUc9QI8t7H6HZvaHdswLNqQpBZ5KE1_Gmg8H58CTXDA_zA4c5H6A2u_1X1DU4nN0hbnB6n_UgWDpmY2Ijnwsrog15WJQJFjdfHyG_7GJJVOIbRmCze6f/s1600/Twitter.jp" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="وصف الصورة" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-D9k0IvTzclNd9hb2DI44MjXVIUc9QI8t7H6HZvaHdswLNqQpBZ5KE1_Gmg8H58CTXDA_zA4c5H6A2u_1X1DU4nN0hbnB6n_UgWDpmY2Ijnwsrog15WJQJFjdfHyG_7GJJVOIbRmCze6f/s800/Twitter.jpg" title="عنوان الرابط" width="200" /></a><span style="background-color: white;"> تويتر مفضلة اجتماعية وتقدم خدمة التدوين القصير &nbsp;! </span></div>
<h3 dir="ltr" style="text-align: right;">

<span style="color: #45818e; font-family: 'Courier New', Courier, monospace;">
اضف هنا وصف قصير عن المشاركة
</span></h3>
<span style="background-color: white;">  تعرف اكثر على نموذج المشاركات  </span></div>
<!--more--><br />
<br />
<div class="wikiview">
<br />
<br />
تحديثات Tweets عن حالتهم بحد أقصى 140 حرف للرسالة الواحدة. وذلك مباشرة عن طريق موقع تويتر أو عن طريق إرسال رسالة نصية قصيرة SMS أو برامج المحادثة الفورية أو التطبيقات التي يقدمها المطورون مثل الفيس بوك و TwitBird و 
<br />
<br />
تظهر تلك التحديثات في صفحة المستخدم ويمكن للأصدقاء قراءتها مباشرة من صفحتهم الرئيسية أو زيارة ملف المستخدم الشخصي، وكذلك يمكن استقبال الردود والتحديثات عن طريق البريد الإلكتروني، وخلاصة الأحداث RSS وعن طريق الرسائل النصية القصيرة SMS وذلك باستخدام أربعة أرقام خدمية تعمل في الولايات المتحدة وكندا والهند بالإضافة للرقم الدولي والذي يمكن لجميع المستخدمين حول العالم الإرسال إليه في المملكة المتحدة , أصبح موقع تويتر متوفر باللغة العربية منذ مارس 2012 .  <br />
<div dir="ltr" style="text-align: left;">
<span style="text-align: right;">source :</span><a href="http://ar.wikipedia.org/wiki/%D8%AA%D9%88%D9%8A%D8%AA%D8%B1">ar.wikipedia.org/</a></div>
</div>
</div>

قم بتغيير النص باللون المختلف ببيانات تتناسب مع مدونتك * وبعد ذلك اضغط

اعدادات مشاركات وتعليقات المدونة بلوجر

الا ن عند ارسال مشاركة جديدة سوف يتم تلقائيا عرض كود HTML لنموذج المشاركات الذى قمت باعدادة سابقا


ويبقى عليك تغيير القيم مثل رابط صورة تعريف ,عنوان الصفحة , وصف الصفحة للــمنتج او المحتوى .. !
يمكنك الانتقال الى وضع تاليف لتحرير محتوى النموذج بسهولة..


نموذج مشاركات قوال

بعد اعداد وتركيب نموذج المشاركات يبقى الان اضافة كود CSS لتصميم النموذج

ابحث عن الكود التالى 

]]></b:template-skin>

الصق الكود التالى مباشرة اعلى /  قبل الكود السابق 

.wikiview {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmvlRT-96gssL4SJ1W82nWoO88TpU8dTLf9UNuXvAlyXCvWbmCcuisyW0bi7oBDh-R3PD1Zec4aH1voZhQKI1YWv9BCrUg73VGJR48C6td1VglMLZ02Sj6f70uVRemeFd3EkdaSchVY3bw/s400/Wikipedia.png ) no-repeat 0 0;  
margin : 15px 18px 15px 15px;
padding : 21px 10px 10px 10px;
clear : both;
list-style-type : none;
border:3px dashed #3778cd;
line-height : 19px;
}

اضغط  حفظ النموذج  ... تم تصميم النموذج كاملا ...  قم بمعاينة القالب
      لاى استفسار او طلب تصاميم css لنموذج المشاركات تتناسب لمدونات بلوجر متخصصة ... ! يمكن مراسلتى عبر التعليقات .. 

احصل دوريا على اخر مقالات كود بلوجر

هناك 7 تعليقات:

  1. عند اضافة الكود تظهر هذه الرسالة
    لا يمكن قبول HTML خاصتك: ليست هناك علامة فتح مقابلة لعلامة الإغلاق.: DIV

    ردحذف
  2. السلام عليكم أريد نموذج للمدونات التي تعرض القوالب والإضافات وشكرا

    مدونتي www.shabanpro.tk

    ردحذف


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