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



 
الرئيسيةالبوابةمكتبة الصوراليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلاختصار الرابطدخولتسجيل
اهلا بيكم فى منتديات ميك مان
أهلا بك يـ زائر آخر زيارة لك
 
يتوفر بمنتديات (ميـــك مان)على 37 عضو وآخر عضو مسجل  mohamed bdr  فأهلا به
إسم المستخدم: زائر
آخر زيارة لك كانت:
أخر عضو مسجل: mohamed bdr
مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج


شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
L O S H A

avatar

الجنس : ذكر
التسجيل : 04/08/2012
العمر : 33
التقييم : 5
تاريخ الميلاد : 24/03/1984
الموقع : http://hraf.ahladalil.com

مُساهمةموضوع: شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر   22/9/2012, 5:59 pm






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




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




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




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




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




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




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







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




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

_______________________________

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

_______________________________




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


<blockquote class="tr_bq">

الكود:
<b:includable id='post' var='post'>
</blockquote>




وأضف فوقه مباشرة " أعلاه - فوقه " الكود التالي
الكود:
<blockquote class="tr_bq">


[center]
<b:includable id='minipost' var='post'> <b:if
cond='data:blog.pageType != "item"'>  <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>[/center]
</blockquote>


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



<blockquote class="tr_bq">

الكود:
<b:include data='post' name='post'/>
</blockquote>




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


الكود:



<blockquote class="tr_bq">
[center]
<b:if cond='data:post.labels'>  <b:loop
values='data:post.labels' var='label'> <b:if
cond='data:label.isLast == "true"'> <b:if
cond='data:label.name != "minipost"'>
 <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>[/center]</blockquote>







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



<blockquote class="tr_bq">

الكود:
]]></b:skin>
</blockquote>




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





الكود:



<blockquote class="tr_bq">
[center]
/* 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;}[/center]
</blockquote>





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




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




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




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

_______________________________




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




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





<blockquote class="tr_bq">

الكود:
<b:if cond='data:label.name != "minipost"'>
</blockquote>







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




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





الكود:



<blockquote class="tr_bq">
[center]
/* 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;}[/center]
</blockquote>











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




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




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




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




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










تم بحمد الله




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













الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://hraf.ahladalil.com
 
شرح التدوين السريع المصغر أجعل بلوجر ينافس تويتر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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