نموذج المشاركات css لمدونات blogger
نموذج المشاركات بلوحة تحكم بلوجر الجديدة بتقنيات css مظهر نموذج المشاركة الافتراضى بعد اعدادات المشاركات والتعليقات فى واجهة بلوجر الجديدةتصميم نموذج المشاركات لمدونة بلوجر
اضف هنا وصف قصير سيو h3 عن المشاركة
اضغط اقراء المزيد لمعاينة النموذج كاملا
صورة شكل النموذج بالصفحة الرئيسية
نماذج المشاركات اصبح استخدامها ضروريا لتوفير الوقت عند تحرير مشاركة جديدة كما انة يوفر تحكم كامل وبسيط للمدونات ذات المحتوى المتجدد باستمرار مثل قالب بلوجر store حيث يوفر اضافة منتج جديد بتبديل بيانات المنتج فى نموذج المشاركات سوف تحصل على صفحة كاملة تحتوة اسم او عنوان نوع المحتوى ووصف قصير وصورة واضحة للمنتج وتحديد سعر المنتج ووضع بيانات اتصال ببائع المنتج او صاحب المدونة تلقائيا ! ,
ايضا مدونات الفيديو والافلام تحتاج تصميم ثابت لراحة وسهولة تنقل الزائر داخل المدونة عند استعراض المدونة
صورة شكل النموذج فى صفحة المشاركة
شرح طريقة اضافة نموذج المشاركات لمدونات بلوجر بتقنية css
اذهب الى اعدادات > المشاركات والتعليقات | نموذج المشاركات
النموذج الافتراضى لستايل المشاركات
الصق كما بالصورة التالية كود نموذج المشاركات التالى
<div class="wikiview">
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR7qlNd4EVkHAypspglEG2F69cx-Clq0anotF1RLGDq2h-03wbkq1HlXZ-S8gh0s6GtVeKVwW9d3DSSFhy45oL82a_bD4WfgtttkFMzKUJpf4XmGshyq_zbNEVqAPjMpl6gG4f0XpdWfqN/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/AVvXsEgR7qlNd4EVkHAypspglEG2F69cx-Clq0anotF1RLGDq2h-03wbkq1HlXZ-S8gh0s6GtVeKVwW9d3DSSFhy45oL82a_bD4WfgtttkFMzKUJpf4XmGshyq_zbNEVqAPjMpl6gG4f0XpdWfqN/s800/Twitter.jpg" title="عنوان الرابط" width="200" /></a><span style="background-color: white;"> تويتر مفضلة اجتماعية وتقدم خدمة التدوين القصير ! </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/AVvXsEiX9nmHsmQWhF3zxKH8TVzeObnozrcJY1wfXdMRnFYS_YmAkV9QiD0M877WpaNeRyEvWfIDy0aW9ws1YjK4wRkJrJRiFgLFibBveFmp9PPfpTqGemS8NPXgYA9YXfrJcmR4eE76cvOUdBAN/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 لنموذج المشاركات تتناسب لمدونات بلوجر متخصصة ... ! يمكن مراسلتى عبر التعليقات .. 
تعليقات
إرسال تعليق