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

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 09-19-2012, 02:49 PM   #1
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : السيد ابو جبل





نعرف جميعاً ما هو التدوين المصغر المنتشر حالياً والذى عُرف مع إنطلاق خدمة تويتر رسمياً

وهو عبارة عن تحديثات كتابية تصف الأحداث التي تعاصرها في يومك علي مدار الساعة

فإذا كان التدوين من خلال تويتر هو للإجابة على السؤال ’’ماذا تفعل الان؟‘‘ فالتدوين المصغر داخل blogger

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

وهو ما يضمن لنا بشكل أو بآخر عدم الإنقطاع عن التدوين لفترات طويلة في إنتظار كتابة مواضيع طويلة تتطلب بحثا وتنسيقا

يبقى القول أن التدوين المصغر داخل blogger ليست ميزة جاهزة مضافة داخل القالب

بل هي طريقة جديدة نتعلمها سوياً عن طريق تخصيص القالب بطريقة احترافية


وبالإعتماد على أدوات الشرط المختلفة لتحديد تصنيف معين " Label "

تظهر داخله تلك التدوينات دون غيره
_______________________________
خطوات تطبيق هذه الميزة الاحترافية في مدونتك
_______________________________

توجه إلى : تصميم > تحرير HTML > أخذ نسخة احتياطية > توسيع القالب > ابحث عن التالي

كود بلغة HTML:
<b:includable id='post' var='post'>

وأضف فوقه مباشرة " أعلاه - فوقه " الكود التالي
كود بلغة HTML:
  <b:includable id='minipost' var='post'> <b:if  cond='data:blog.pageType != &quot;item&quot;'>  <div  class='minipost'><a expr:name='data:post.id'/>     <div  class='entry'><data:post.body/></div>     <p  class='meta'><a expr:href='data:post.url'><abbr  class='published'  expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a><b:if  cond='data:post.allowComments'> /<a  expr:href='data:post.addCommentUrl'  expr:onclick='data:post.addCommentOnclick'><b:if  cond='data:post.numComments == 0'> أضف تعليق<b:else/><b:if  cond='data:post.numComments == 1'> تعليق واحد<b:else/><b:if  cond='data:post.numComments == 2'>  تعليقان<b:else/><b><data:post.numComments/></b>  تعليق</b:if></b:if></b:if></a><b:else/></b:if><b:include  data='post' name='postQuickEdit'/></p> </div>   <b:else/>  <div class='minipost'><a  expr:name='data:post.id'/>     <h2 class='title'><a  expr:href='data:post.url'><data:post.title/></a></h2>      <div class='entry'><data:post.body/></div>      <p class='meta'><a expr:href='data:post.url'><abbr  class='published'  expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a><b:if  cond='data:post.allowComments'> /<a  expr:href='data:post.addCommentUrl'  expr:onclick='data:post.addCommentOnclick'><b:if  cond='data:post.numComments == 0'> أضف تعليق<b:else/><b:if  cond='data:post.numComments == 1'> تعليق واحد<b:else/><b:if  cond='data:post.numComments == 2'>  تعليقان<b:else/><b><data:post.numComments/></b>  تعليق</b:if></b:if></b:if></a><b:else/></b:if><b:include  data='post' name='postQuickEdit'/></p> </div>   </b:if> </b:includable>
ثم قم بالبحث عن الكود التالي

كود بلغة HTML:
<b:include data='post' name='post'/>

واستبدله بالكود التالي

كود بلغة HTML:
   <b:if cond='data:post.labels'>  <b:loop  values='data:post.labels' var='label'> <b:if  cond='data:label.isLast == &quot;true&quot;'> <b:if  cond='data:label.name != &quot;minipost&quot;'>   <b:include data='post' name='post'/>  <b:else/>   <b:include data='post' name='minipost'/>  </b:if>  </b:if> </b:loop>  <b:else/>  <b:include  data='post' name='post'/>  </b:if>


ثم ابحث عن الوسم التالي

كود بلغة HTML:
]]></b:skin>

وأضف قبله مباشرة " فوقه - أعلاه " هذا الكود



كود بلغة HTML:
/* MINIPOST */  .minipost {      background: #FFF6C7  url(http://lh4.ggpht.com/_dInhsEHH_98/S9XNkXGx8rI/AAAAAAAAACY/EtZcz9T63Cw/s00/bg-minipost.gif)  no-repeat 100% 2px;      padding: 15px 95px 15px 15px;      border:1px solid #FFF6C7;      margin-bottom:20px;      position:relative;  }  .minipost .entry {      -webkit-text-shadow: #FFFBD8 0 1px 0px;      text-shadow: #FFFBD8 0 1px 0px;      text-align:justify;      font: bold 15px/1.2 Arial, sans-serif;      color:#515151;  }  .minipost .entry a { color:#B40000; }  .minipost .entry a:hover { color:#3A3A3A; }  .minipost .entry, .minipost .entry p { margin-bottom: 15px; }  .minipost p.meta {      margin:-10px 0 0;      font-weight:normal;      font-size: 12px;      color:#B9B197;  }  .minipost p.meta a { color:#B9B197;}  .minipost p.meta a:hover { color:#807970;}


قم بحفظ التغييرات التي أحدثتها على قالبك

جرّب كتابة تدوينة سريعة مصغرة بطريقة عادية جدا كما تكتب أي تدوينة في بلوجر

لكن قبل نشر هذه التدوينة قم بإضافة هذه التسمية " minipost" في المكان المخصص لذلك

انشر تدوينك المصغرة الآن وعاينها في مدونتك ..!!
_______________________________

الآن ليس عليك سوى تخصيص هذه الميزة الاحترافية بما يناسب مدونتك

وذلك بالعودة إلى : تصميم > تحرير html > توسيع القالب > ابحث عن التالي (لتغيير التسمية minipost بما يناسبك)

كود بلغة HTML:
<b:if cond='data:label.name != &quot;minipost&quot;'>


ثم غّير " minipost" في الكود بالتسمية التي تريدها

ولتخصيص ألوان التدينات المصغرة .. ثم بالبحث عن الكود الذي أضفناه مسبقا قبل ]]></b:skin>



كود بلغة HTML:
/* MINIPOST */  .minipost {      background: #FFF6C7  url(http://lh4.ggpht.com/_dInhsEHH_98/S9XNkXGx8rI/AAAAAAAAACY/EtZcz9T63Cw/s00/bg-minipost.gif)  no-repeat 100% 2px;      padding: 15px 95px 15px 15px;      border:1px solid #FFF6C7;      margin-bottom:20px;      position:relative;  }  .minipost .entry {      -webkit-text-shadow: #FFFBD8 0 1px 0px;      text-shadow: #FFFBD8 0 1px 0px;      text-align:justify;      font: bold 15px/1.2 Arial, sans-serif;      color:#515151;  }  .minipost .entry a { color:#B40000; }  .minipost .entry a:hover { color:#3A3A3A; }  .minipost .entry, .minipost .entry p { margin-bottom: 15px; }  .minipost p.meta {      margin:-10px 0 0;      font-weight:normal;      font-size: 12px;      color:#B9B197;  }  .minipost p.meta a { color:#B9B197;}  .minipost p.meta a:hover { color:#807970;}




وقم بتغيير الألوان في هذا الكود حسب التالي

.minipost { لون الخلفية أو صورة باترن للخلفية }

.minipost h2.title { نوع خط العنوان وحجمه ولونه }

.minipost div.entry { نوع خط المحتوى في التدوينة المصغرة ولونه وحجمه }

.minipost p.meta { نوع خط التاريخ واسم الكاتب ولونه وحجمه "يكون أسفل التدوينة" }



تم بحمد الله

اى استفسار اضف تعليقاتك وسوف يتم الرد عليك


__________________
مدونة بلوجر توب
أضافات بلوجرقوالب مجانى ادوات بلوجر أشهار مدزنتك مجانى

ربط المدونة

http://bilokr.blogspot.com
من مواضيع السيد ابو جبل

الدعم العربي

السيد ابو جبل غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 09-19-2012, 07:11 PM   #2
Po!nt
مدون مميز
 
الصورة الرمزية Po!nt
 
تاريخ التسجيل: Aug 2012
المشاركات: 566
افتراضي رد: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : Po!nt




شكراً لك أخي السيد أبو جبل، مشاركة متميزة كالعادة

وفقك الله
__________________
BMTdesigner.com
---------------
موقع يجمع أفضل الأدوات والمصادر وخامات التصميم المفتوحة المصدر والمجانية في موقع واحد لخدمة المصممين
من مواضيع Po!nt

الدعم العربي

Po!nt غير متواجد حالياً   رد مع اقتباس
قديم 09-19-2012, 08:27 PM   #3
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي رد: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : السيد ابو جبل




اقتباس:
المشاركة الأصلية كتبت بواسطة po!nt مشاهدة المشاركة
شكراً لك أخي السيد أبو جبل، مشاركة متميزة كالعادة

وفقك الله
شكرا على ردك الطيب

الصرحه يا اخى انا اشكر الاخت مى الكاتبه فى مدونتى

الدعم العربي

السيد ابو جبل غير متواجد حالياً   رد مع اقتباس
قديم 09-20-2012, 03:11 PM   #4
joukr
مدون جديد
 
تاريخ التسجيل: Jun 2012
المشاركات: 13
افتراضي رد: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : joukr




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

و لمن أراد مشاهدتها فمن هنا http://www.fb-news01.com/

الدعم العربي

joukr غير متواجد حالياً   رد مع اقتباس
قديم 09-20-2012, 05:20 PM   #5
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي رد: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : السيد ابو جبل




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

و لمن أراد مشاهدتها فمن هنا http://www.fb-news01.com/
شكرا على مرورك الطيب

http://bilokr.blogspot.com/

الدعم العربي

السيد ابو جبل غير متواجد حالياً   رد مع اقتباس
قديم 08-03-2013, 01:58 AM   #6
عبدالرحمن المخرازي
مدون جديد
 
الصورة الرمزية عبدالرحمن المخرازي
 
تاريخ التسجيل: Aug 2013
المشاركات: 13
إرسال رسالة عبر MSN إلى عبدالرحمن المخرازي
افتراضي رد: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : عبدالرحمن المخرازي




لو سمحت الصورة عندي ما تظهر
اتمنى الرد

الدعم العربي

عبدالرحمن المخرازي غير متواجد حالياً   رد مع اقتباس
قديم 08-06-2013, 01:38 AM   #7
ibrachoukri
مدون نشيط
 
تاريخ التسجيل: Jun 2013
الدولة: المملكة الاسلامية المغربية
المشاركات: 153
افتراضي رد: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : ibrachoukri





شكرا لك

الدعم العربي

ibrachoukri غير متواجد حالياً   رد مع اقتباس
قديم 08-19-2013, 08:46 AM   #8
د محسن النادي
مدون جديد
 
تاريخ التسجيل: Jul 2013
المشاركات: 32
افتراضي رد: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : د محسن النادي




ببساطه ومميز ايضا
__________________

من مواضيع د محسن النادي

الدعم العربي

د محسن النادي غير متواجد حالياً   رد مع اقتباس
قديم 08-20-2013, 04:42 PM   #9
ezio
مدون جديد
 
تاريخ التسجيل: Aug 2013
المشاركات: 17
افتراضي رد: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر

أنا : ezio




الله يعطيك العافية يامبدع

الدعم العربي

ezio غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
مدينة التدوين تفتح باب التدوين للجميع تائه في الزمن أخبار أعضاء المعهد 2 04-29-2015 10:47 PM
احترف التدوين على بلوجر OSMON دروس بلوجر 5 05-23-2013 03:01 PM
تجميعة زر أعجبني للفيسبوك، زر تويتر، زر +1، مع العدادات الآن داخل مواضيع بلوجر admin إضافات وأدوات بلوجر 11 11-02-2012 06:43 PM
اضافة تغريداتك في تويتر داخل الموضوع لمدونات بلوجر aqeeil إضافات وأدوات بلوجر 9 07-16-2012 09:10 AM
مدونة تويتر من اقوى المدونات العربيه في شرح تويتر واكثرمن 12 الف متابع قاسم بني هاني المنتدى الإشهاري 2 07-15-2012 01:55 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 05:31 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)