الأربعاء، 17 أغسطس 2011

شرح مفصل | التدوين السريع المصغر | اجعل بلوجر ينافس تويتر






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



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





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



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



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





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



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





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



تظهر داخله تلك التدوينات دون غيره









_______________________________



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

_______________________________







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





<b:includable id='post' var='post'>




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



<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>


_______________________________



ثم قم بالبحث عن الكود التالي



<b:include data='post' name='post'/>




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



<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>




_______________________________



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



]]></b:skin>


(إذا رغبت في أن تظهر التدوينات المصغرة لديك مثل هذه الصور)






للمعاينة الحية للتدوينات المصغرة التي بهذه الصورة اضغط هنا




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



/* 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 {

-moz-border-radius: 5px 5px 5px 5px;

   background: #CFE1ED url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8bSZX_8c7Nb_226i-C-lKwM_zGxqncVdBPVTThD79OLeeqe7VeTmAYLfyuOjyV7valHaypTUSuR5h3pdHt3mXg4U70Vi9bbfy6yfi1DQaaWBWLF200zOBSUQvxsb8kDKX5ICD4pM0BcxO/s1600/lam7a.png") ;

    height: 1%;

    padding: 20px;

border-left:1px solid #1D5C88;

    border-top:1px solid #1D5C88;

        border-right: 1px solid #1D5C88;

        border-bottom: 1px solid #1D5C88;

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.5em;

padding-right:7px;

padding-left:7px;

}



.minipost .entry {

    -webkit-text-shadow: #FFFFFF 0 1px 0px;

    text-shadow: #FFFFFF 0 1px 0px;

    text-align: right;

    font: 15px Tahoma, Arial, sans-serif;

    color:#4C4C4C;

}



.minipost img {

    border: 1px solid #245CAA;

    float: right;

    margin-left: 1em;

}

.minipost h3 {

    color: #666;

    font-size: 1.2em;

    margin-bottom: 5px;

    margin-top: 2;

}

.minipost p {

    color: #54524F;

    font-size: 15px;

    margin-bottom: 10px;

    margin-top: 0;

}

.minipost blockquote {

  background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;

    border-left:1px solid #CFCFCF;

    border-top:1px solid #CFCFCF;

        border-right: 1px solid #CFCFCF;

        border-bottom: 1px solid #CFCFCF;

    margin:10px;

    padding:10px

}


(أو إذا رغبت في أن تظهر التدوينات المصغرة لديك مثل هذه الصورة - مصغرات مدونة ذؤيب )



فأضف الكود التالي قبل الوسم السابق مباشرة







/* blogger minipost */

.minipost {

background: #F5F5F5;

padding: 15px;

border: 1px solid #DDDDDD;

margin-bottom: 20px;

padding-bottom: 30px;

font: 12px tahoma;

text-align: justify;

line-height:1.5em;

}

.minipost img {

    float: right;

    margin-left: 1em;

}

.minipost div.title2 {

font:1.3em arial;

font-weight:bold;

letter-spacing:0em;

display:block;

padding-bottom:5px;

text-shadow: 0px 2pt 0px #ECECEC;

}

.minipost div.entry {color:#333333;}

.minipost p.meta {

font: 12px tahoma;

}








_______________________________



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

_______________________________







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



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





أي أنك قبل نشر التدوينة المصغرة يجب عليك كتابة minipost بجانب خانة "التسميات" - كما بالصورة







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




_______________________________





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



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



<b:if cond='data:label.name != &quot;minipost&quot;'>




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







_______________________________



خطوات تطبيق هذه الميزة الاحترافية في مدونتك تجدها أيضا في موضوعي بمنتدى بلوجر بالعربي






_______________________________
















تم بحمد الله  ◕‿◕





35 التعليقات:

ياسو يقول... في 17 أغسطس 2011 في 5:50 ص

انتى رائعه يا اسماء ... بجد انتى فنانه وياريت يكون فى تعاون جاد شويه بيننا

Anonymous يقول... في 17 أغسطس 2011 في 7:46 ص

( طريقة التركيب منقولة من مدونة المصنع )

مدونة كن داعيا للخير يقول... في 17 أغسطس 2011 في 8:06 ص

موضوع مفيد ومهم

أسماء || أم نضال || يقول... في 18 أغسطس 2011 في 7:13 ص

بارك الله فيكم إخوتي .. أتمنى أن أكون قد أفدتكم

"غير معرف" أعتقد أن اسمك الحقيقي سيكون أجمل ..!!

محمد جوهر عدلى يقول... في 19 أغسطس 2011 في 4:28 م

معلةومات جميله ومفيده يا اسماء...
ولاكن ياريت الخط يكون كبير شويه عن كده

Anonymous يقول... في 19 أغسطس 2011 في 7:57 م

الطريقة دى مش شغاله يااخت اسماء ياريت تشوفلنا طريقة تانيه

أسماء || أم نضال || يقول... في 20 أغسطس 2011 في 7:43 ص

@محمد جوهر عدلى

سأضيف خاصية تكبير الخط بالمدونة إن شاء الله .. بارك الله فيك


@غير معرف

تأكدت منها قبل إضافتها ولديك المدونة التجريبية كمثال

ما هو القالب الذي تستخدمه ؟

أنس حسوني يقول... في 21 أغسطس 2011 في 3:23 م

بارك الله فيك أخت أسماء
دائما تسعي الى كل جديد و مفيد

بس كما اقترح الأخ حبدا لو تكبري الخط قليلا

لا أنسى أن أنوهك على الرد الرائع ههه

"غير معرف" أعتقد أن اسمك الحقيقي سيكون أجمل ..!!

في امان الله

أسماء || أم نضال || يقول... في 21 أغسطس 2011 في 4:24 م

@أنس حسوني

وفيك بارك الله .. إن شاء الله سيتم تطبيق الاقتراح قريبا

للأسف هناك من يستغل ميزة التعليق بغير معرف ليجاهر بسوء خلقه .. كان بودّي إتاحة فرصة التعليق للزوار لكن للأسف

أنس حسوني يقول... في 21 أغسطس 2011 في 11:13 م

نعم بالفعل أختي

نتمنى لهم الهداية من المولى عز وجل

أسماء || أم نضال || يقول... في 26 أغسطس 2011 في 2:28 م

@Anass

وعليكم السلام ورحمة الله وبركاته
بارك الله فيك أخ أناس .. شاهدت مدونتك من قبل ما شاء الله جميلة جدا

إنسـان يقول... في 29 أغسطس 2011 في 8:02 ص

اختي الرائعة اسماء

اتمنى منك تعليمي طريقة ادراج تعليق الفيسبوك كما في موضوعك هذا .. الميزة اعجبتني واتمنى ان لا تبخلي علي ^_^

أسماء || أم نضال || يقول... في 29 أغسطس 2011 في 9:47 ص

@إنسـان

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

Mohamed Samir يقول... في 31 أغسطس 2011 في 12:27 ص

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

{ .. متابع

أسماء || أم نضال || يقول... في 31 أغسطس 2011 في 2:25 ص

@Mohamed Samir

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

( طريقة التركيب منقولة من مدونة المصنع )

جهدي في الموضوع هو تنسيق أكواد الـCSS التي واجه الكثيرون مشكلة معها

منى عبد الهادي يقول... في 19 ديسمبر 2011 في 7:10 ص

طريقة ممتازة
جزاك الله خيرا
ودمتي مبدعة

work يقول... في 24 مايو 2019 في 9:40 ص

قصص سكس سادية
قصص سكس مثليين
قصص ابن ينيك امه
قصص سكس

Azerrr يقول... في 29 سبتمبر 2023 في 8:15 م

Erzurum
istanbul
Ağrı
Malatya
Trabzon
KİJ7

FireMysticSorcerer99 يقول... في 30 سبتمبر 2023 في 4:28 ص

Antalya
Antep
Burdur
Sakarya
istanbul
XCR6O

NeonCyberSorcerer يقول... في 2 أكتوبر 2023 في 6:28 ص

Adana
Elazığ
Kayseri
Şırnak
Antep
EJC7

Hümayun2 يقول... في 3 أكتوبر 2023 في 4:09 م

bitlis
urfa
mardin
tokat
çorum
KHQ2H

BinaryExplorer666 يقول... في 6 أكتوبر 2023 في 8:51 م

van
zonguldak
yalova
urfa
gümüşhane
MX28G

Michelle3 يقول... في 8 أكتوبر 2023 في 2:29 م

görüntülü show
ücretlishow
VTJCPZ

GülKahramanı14 يقول... في 15 أكتوبر 2023 في 2:02 م

https://titandijital.com.tr/
ağrı parça eşya taşıma
maraş parça eşya taşıma
muğla parça eşya taşıma
uşak parça eşya taşıma
M8T

CelestialCipherXY12345678 يقول... في 19 أكتوبر 2023 في 8:12 ص

ankara parça eşya taşıma
takipçi satın al
antalya rent a car
antalya rent a car
ankara parça eşya taşıma
18RWVB

AstralFlare يقول... في 22 أكتوبر 2023 في 6:06 ص

çankırı evden eve nakliyat
kırşehir evden eve nakliyat
kütahya evden eve nakliyat
hakkari evden eve nakliyat
antalya evden eve nakliyat
GW6B

2C064AlexandriaFDD4B يقول... في 5 نوفمبر 2023 في 5:38 م

4A1DD
Bingöl Parça Eşya Taşıma
Maraş Evden Eve Nakliyat
Kocaeli Evden Eve Nakliyat
Bolu Parça Eşya Taşıma
Balıkesir Lojistik

FE4A1Yareli0EAB2 يقول... في 8 نوفمبر 2023 في 9:31 م

9A0BD
Afyon Şehirler Arası Nakliyat
Iğdır Parça Eşya Taşıma
Çerkezköy Korkuluk
Aksaray Şehir İçi Nakliyat
Muğla Lojistik
Sivas Parça Eşya Taşıma
Keçiören Boya Ustası
Bitlis Lojistik
Maraş Parça Eşya Taşıma

06727MartinE350B يقول... في 11 نوفمبر 2023 في 9:27 ص

925B7
Sonm Coin Hangi Borsada
Bitmart Güvenilir mi
Karapürçek Boya Ustası
Osmaniye Şehir İçi Nakliyat
Edirne Şehirler Arası Nakliyat
Chat Gpt Coin Hangi Borsada
Elazığ Şehirler Arası Nakliyat
Hakkari Parça Eşya Taşıma
Mardin Şehirler Arası Nakliyat

06919KenyaA5567 يقول... في 12 نوفمبر 2023 في 2:13 ص

81BEB
Muş Parça Eşya Taşıma
Ağrı Şehirler Arası Nakliyat
Çerkezköy Televizyon Tamircisi
Zonguldak Lojistik
Çerkezköy Oto Elektrik
Bolu Lojistik
Hatay Şehirler Arası Nakliyat
Flare Coin Hangi Borsada
Eryaman Boya Ustası

6472CMarleneC6C7F يقول... في 12 نوفمبر 2023 في 12:25 م

D6C5C
Osmaniye Şehirler Arası Nakliyat
Malatya Şehirler Arası Nakliyat
Yalova Şehir İçi Nakliyat
Şırnak Evden Eve Nakliyat
Sinop Parça Eşya Taşıma
Hatay Parça Eşya Taşıma
Lbank Güvenilir mi
Alya Coin Hangi Borsada
Yenimahalle Parke Ustası

2EBA7NicholasB6E72 يقول... في 12 نوفمبر 2023 في 5:56 م

5286F
Aksaray Lojistik
Karaman Evden Eve Nakliyat
Afyon Evden Eve Nakliyat
Ünye Boya Ustası
Ordu Şehirler Arası Nakliyat
Van Şehir İçi Nakliyat
Trabzon Şehirler Arası Nakliyat
Giresun Lojistik
Isparta Evden Eve Nakliyat

5446FJamie639FC يقول... في 5 ديسمبر 2023 في 1:05 ص

BA244
binance %20 komisyon indirimi

B7C8CLinda16F91 يقول... في 20 ديسمبر 2023 في 5:48 م

AF744
uşak rastgele sohbet siteleri
kırıkkale tamamen ücretsiz sohbet siteleri
siirt canlı sohbet uygulamaları
kastamonu sesli görüntülü sohbet
denizli mobil sohbet siteleri
düzce canlı sohbet
bedava sohbet siteleri
kırıkkale görüntülü sohbet uygulama
hatay rastgele sohbet odaları

8FA8DKylan2E827 يقول... في 22 ديسمبر 2023 في 11:32 م

7067A
elazığ görüntülü sohbet canlı
manisa rastgele sohbet
ankara canlı sohbet
ağrı canlı ücretsiz sohbet
maraş en iyi görüntülü sohbet uygulamaları
kızlarla rastgele sohbet
sesli sohbet uygulamaları
denizli kızlarla canlı sohbet
en iyi rastgele görüntülü sohbet

إرسال تعليق

تبـآدل إعلاني ..~
                                                  
 

ابحث في المدونة ..~