بلوجر 5: إضافة صورة و تعريف الكاتب في مدونة blogger أسفل المواضيع

سلسلة دروس إحتراف البلوجر 5:شرح طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر بشكل احترافي + وكيفية اضافة تعريف الكاتب للمدونة الجماعية ذات كتاب كثر

ﺑﺴﻢ ﺍﻟﻠﻪ ﺍﻟﺮﺣﻤﻦ ﺍﻟﺮﺣﻴﻢ
ﻭﺍﻟﺼﻼﺓ ﻭ ﺍﻟﺴﻼﻡ ﻋﻠﻰ ﺃﺷﺮﻑ المرسلين
ﻣﺮﺣﺒﺎ ﺑﻜﻢ ﻣﺘﺎﺑﻌﻲ ﻣﺪﻭﻧﺔ ﺍﻟﺒﺮﻭﺗﻮﻛﻮﻝ ﺍﻹﻟﻜﺘﺮﻭﻧﻲ ﻓﻲ ﺩﺭﺱ ﺟﺪﻳﺪ

مواصلة معكم سلسلة ﺩﺭﻭﺱ احتراف ﺍﻟﺒﻠﻮﺟﺮ اليوم انشاء الله ﺳﻮﻑ ﻧﺘﻌﺮﻑ ﻋﻠﻰ ﻃﺮﻳﻘﺔ ﺇﺿﺎﻓﺔ ﺗﻌﺮﻳﻒ ﻟﻠﻜﺎﺗﺐ ﺃﺳﻔﻞ ﻣﻮﺿﻮﻉ ﻣﻊ ﺻﻮﺭﺓ ﺷﺨﺼﻴﺔ ﺃﻳﻀﺎ ﺑﺸﻜﻞ ﻳﺠﻌﻞ ﻣﻦ ﺍﻟﻘﺎﺭﺉ ﻟﺘﺪﻭﻳﻨﺘﻚ ﻳﺄﺧﺪ ﻓﻜﺮﺓ ﻋﻨﻚ ﻋﻦ ﻗﺮﻳﺐ .
(يمكنك الرجوع لباقي دروس الدورة من هنا blogger)

ﻃﺒﻌﺎ ﻗﺪ ﺗﻜﻮﻥ ﻓﻲ ﻣﺪﻭﻧﺔ ﻣﻌﻴﻨﺔ ﻣﺠﻤﻮﻋﺔ ﻣﻦ ﺍﻟﻜﺘﺎﺏ ، ﻟﻬﺬﺍ ﺳﻮﻑ نتعرف ايضا ﻓﻲ ﻫﺬﺍ ﺍﻟﺪﺭﺱ ﻃﺮﻳﻘﺔ ﺇﺿﺎﻓﺔ ﺗﻌﺮﻳﻒ ﻛﺎﺗﺐ ﺍﻟﻤﻮﺿﻮﻉ ﺑﺎﻟﻨﺴﺒﺔ ﻟﻠﻤﺪﻭﻧﺎﺕ ﺍﻟﺸﺨﺼﻴﺔ ، ﻭﺍﻟﻤﺪﻭﻧﺎﺕ ﺫﺍﺕ ﻛﺘﺎﺏ ﻛﺜﺮ .
ﺑﺎﻟﻨﺴﺒﺔ ﻟﻠﻤﺪﻭﻧﺎﺕ ﺍﻟﺸﺨﺼﻴﺔ ﻛﻞ ﻣﺎﻋﻠﻴﻚ ﻓﻌﻠﻪ ﻫﻮ ﺍﻟﺬﻫﺎﺏ ﺇﻟﻰ ﻟﻮﺣﺔ ﺗﺤﻜﻢ ﻣﺪﻭﻧﺘﻚ ﻭﺍﻟﻀﻐﻂ ﻋﻠﻰ ﻗﺎﻟﺐ ﺛﻢ ﺗﺤﺮﻳﺮ html ، ﻭﺗﻀﻐﻂ ﻓﻲ ﺍﻟﻜﻴﺒﻮﺭﺩ ﻋﻠﻰ ctrl+f ﺛﻢ ﺗﻀﻊ ﺍﻟﻌﻼﻣﺔ ﻋﻠﻰ ﺧﺎﻧﺔ ﺗﻮﺳﻴﻊ ﺍﻟﻘﻮﺍﻟﺐ ﻭﺗﻘﻮﻡ ﺑﺎﻟﺒﺤﺚ ﻋﻦ ﻫﺬﺍ ﺍﻟﻜﻮﺩ

]]>

ﺑﻌﺪ ﺃﻥ ﺗﺠﺪﻩ ﺿﻊ ﻗﺒﻠﻪ ﻣﺒﺎﺷﺮﺓ ﻫﺬﺍ ﺍﻟﻜﻮﺩ

/* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */

ﺑﻌﺪ ﺃﻥ ﺗﻀﻴﻔﻪ ﻗﻢ ﺑﺎﻟﺒﺤﺚ ﻋﻦ ﻫﺬﺍ ﺍﻟﻜﻮﺩ

ﺑﻌﺪ ﺃﻥ ﺗﺠﺪﻩ ﻭﻗﺪ ﺗﺠﺪ ﻓﻴﻪ ﺇﺛﻨﻴﻦ ﺃﻭ ﺃﻛﺜﺮ ، فالاخير ﻫﻮ ﺍﻟﻤﻘﺼﻮﺩ ﻭﻗﻢ ﺑﺈﺿﺎﻓﺔ ﺑﻌﺪﻩ ﻣﺒﺎﺷﺮﺓ ﻫﺬﺍ ﺍﻟﻜﻮﺩ

<b:if cond='data:blog.pageType == "item"'><div class='postauthor'><img alt='' height='80' src '= ﺭﺍﺑﻂ ﺍﻟﺼﻮﺭﺓ ﺍﻟﺸﺨﺼﻴﺔ ' width='80'/><h3 < ﺑﻘﻠﻢ > a href='Blog Link <' ﺍﺳﻢ ﺍﻟﻜﺎﺗﺐ /> a></h3><p < ﻓﻘﺮﺓ ﺗﻀﻢ ﻧﺒﺬﺓ ﻋﻦ ﺍﻟﻜﺎﺗﺐ />p></div></b:if>

ﺑﻌﺪ ﺇﺿﺎﻓﺘﻪ ﻗﻢ بملئ و تغيير ما يلزم
 .
ﻓﻲ ﺍﻷﺧﻴﺮ ﻗﻢ ﺑﺤﻔﻆ ﺍﻟﺘﻐﻴﻴﺮﺍﺕ ﻭﻣﺒﺮﻭﻙ ﻋﻠﻴﻚ ﺍﻹﺿﺎﻓﺔ

ﻫﺬﺍ ﺑﺎﻟﻨﺴﺒﺔ ﻟﻠﻤﺪﻭﻧﺔ ﺍﻟﺘﻲ ﺗﺤﺘﻮﻱ ﻋﻠﻰ ﻛﺎﺗﺐ ﻭﺍﺣﺪ ، ﺃﻣﺎ ﺇﺫﺍ ﻛﺎﻧﺖ ﻣﺪﻭﻧﺘﻚ ﺑﻬﺎ اكثر من كاتب ﻓﺘﺎﺑﻊ ﻣﻌﻲ ﻛﻴﻒ ﺗﻘﻮﻡ ﺑﺈﺿﺎﻓﺔ ﻫﺎﺗﻪ ﺍﻟﺨﺎﺻﻴﺔ

ﺃﻭﻻ ﺗﻘﻮﻡ ﺑﺎﻟﺨﻄﻮﺓ ﺍﻷﻭﻟﻰ ﻛﻤﺎ ﺷﺮﺣﻨﺎ ﻓﻲ ﺍﻷﻭﻝ ﺑﺈﺿﺎﻓﺔ ﺍﻟﻜﻮﺩ ﺍﻷﻭﻝ ﻗﺒﻞ /><[[ b:skin < . ‏( ﺷﺎﻫﺪ خطوات اضافة تعريف الكاتب اعلاه ‏)

* ﺛﻢ ﻛﻤﺮﺣﻠﺔ ﺛﺎﻧﻴﺔ ﺗﻘﻮﻡ ﺑﺎﻟﺒﺤﺚ ﻋﻦ ﻫﺬﺍ ﺍﻟﻜﻮﺩ ﻣﺒﺎﺷﺮﺓ ‏( ﺇﻥ ﻭﺟﺪﺕ ﺇﺛﻨﻴﻦ او اكثر فالاخير ﻫﻮ
ﺍﻟﻤﻘﺼﻮﺩ ‏)

ﺛﻢ ﺑﻌﺪﻩ ﻣﺒﺎﺷﺮﺓ ﺃﺿﻒ ﻫﺬﺍ ﺍﻟﻜﻮﺩ

<b:if cond='data:blog.pageType == "item" <'; --!> ﺗﻌﺮﻳﻒ ﺍﻟﻜﺎﺗﺐ ﺍﻷﻭﻝ <-- > b:if cond='data:post.author == " ; ﺃﺣﻤﺪ & quot;'> <div class='postauthor'> <img alt='' height='80' src '= ﺭﺍﺑﻂ ﺍﻟﺼﻮﺭﺓ ﺍﻟﺸﺨﺼﻴﺔ ' width='80'/> <h3 < ﺑﻘﻠﻢ > a href='Blog <'Link ﺇﺳﻢ ﺍﻟﻜﺎﺗﺐ ﺍﻷﻭﻝ /> a></h3><p < ﻓﻘﺮﺓ ﺗﻀﻢ ﻧﺒﺬﺓ ﻋﻦ ﺍﻟﻜﺎﺗﺐ ﺍﻷﻭﻝ />p> </div></b:if < --!> ﺗﻌﺮﻳﻒ ﺍﻟﻜﺎﺗﺐ ﺍﻟﺜﺎﻧﻲ <-- > b:if cond='data:post.author == " ; يوسف & quot;'> <div class='postauthor'> <img alt='' height='80' src '= ﺭﺍﺑﻂ ﺍﻟﺼﻮﺭﺓ ﺍﻟﺸﺨﺼﻴﺔ ' width='80'/> <h3 < ﺑﻘﻠﻢ > a href='Blog <'Link ﺇﺳﻢ ﺍﻟﻜﺎﺗﺐ ﺍﻟﺜﺎﻧﻲ /> a></h3><p < ﻓﻘﺮﺓ ﺗﻀﻢ ﻧﺒﺬﺓ ﻋﻦ ﺍﻟﻜﺎﺗﺐ ﺍﻟﺜﺎﻧﻲ. < p></div></b:if> </b:if>

ﻣﻼﺣﻈﺔ : ﻛﺮﺭ ﻛﻮﺩ ﺗﻌﺮﻳﻒ ﺍﻟﻜﺎﺗﺐ ﺍﻟﺜﺎﻧﻲ ﺇﻥ ﻛﻨﺘﻢ ﺃﻛﺜﺮ ﻣﻦ ﻛﺎﺗﺒﻴﻦ
* ﻓﻲ ﺍﻷﺧﻴﺮ ﻭﻗﺒﻞ ﺣﻔﻆ ﺍﻟﺘﻐﻴﻴﺮﺍﺕ ﻏﻴﺮ ﻣﺎ مايلزم فالامر جد بسيط.

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