اضافة تعريف الكاتب فى بلوجر
اضافة تعريف الكاتب في بلوجر هى اضافة هامة جدا بالنسبة للمدونات وخاصة المدونات الجماعية التى تحتوى على اكثر من كاتب حيث تعطى هذة الاضافة
معلومات عن الكاتب about Author
تتميز اضافة تعريف الكاتب بتنسيق جميل وشكلها الانسيابى بالاضافة انها تضيف لمسة من الجمال على المدونة بشكلها الانيق مما يزيد من جمال المدونة
اضافة تعريف كاتب الموضوع اسفل تدوينه بلوجر اصبحت اضافة مهمة لتعريف الزائر عليك وعلى مدونتك وذالك من خلال وضع المعلومات الخاصة بك والتى مكونة من
صورة للكاتب ونبذة مختصرة عنة وعن مدونتة بالاضافة الي أزرار اشهر المواقع الإجتماعية مثل فيس بوك Facebook تويتر Twitter جوجل بلس Google plus يوتيوب Youtube وقد تم الحرص على أن تكون بها لمسة من الجمال وتأثير رائع .
شرح طريقة اضافة وتركيب تعريف الكاتب بشكل احترافي لمدونات بلوجر
اولا توجة الى
لوحة التحكم
قالب
تحرير HTML
قم بتوسيع عناصر الستايل بالضغط على السهم الخاص بذلك
أبحث عن الوسم
رمز Code:
]]></b:skin>
رمز Code:
.cnmuauthor {background:#F9F9F9;border: 1px solid #E1E1E0;font-family: Arial;margin-bottom:7px; margin-top:7px; overflow: hidden; padding: 0 0 5px 5px;}
.cnmuauthor img {border: 4px solid #E2DEDE;float: right;height: 125px;width: 125px;margin-left: 15px;}
.cnmuauthor h4 {background:#636363;color: #FFF;font-size: 20px;margin: 0 134px 0 -9px;padding: 5px;}
.cnmuauthor p {color: #515151;font-size: 15px;margin-bottom: 0px;margin-top:5px;}
ul.cnmuauco { list-style:none; float: left; margin: 0 0 0 6px;display:inline-block;padding:0; }
ul.cnmuauco li { display:inline; float:left; background: url(https://lh6.googleusercontent.com/-ftV4erNKUMk/UYJa0yzsFVI/AAAAAAAABSg/Mao3vVYtEeA/s170/cnmu-auth.png) no-repeat; }
ul.cnmuauco li a { display:block; width:20px; height:20px; padding-right:6px; position:relative; text-decoration:none; }
ul.cnmuauco li a strong {background-color: rgba(0, 0, 0, 0.7);border-radius: 3px 3px 3px 3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);color: #FFFFFF;font-size: 14px;font-weight: normal;left:35px;margin-top: 40px;padding: 3px;position: absolute;top: -95px;width: 70px;z-index: 9999;}
ul.cnmuauco li.cnmuaut-facebook {background-position: 0px 0px;}
ul.cnmuauco li.cnmuaut-twitter {background-position: 0px -30px;}
ul.cnmuauco li.cnmuaut-googleblus {background-position: 0px -60px;}
ul.cnmuauco li.cnmuaut-youtube {background-position: 0px -90px;}
ul.cnmuauco li.cnmuaut-khamsat {background-position: 0px -120px;}
ul.cnmuauco li.cnmuaut-wsite {background-position: 0px -150px;}
#cnmuaucohv:hover li { opacity:0.2; }
#cnmuaucohv li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#cnmuaucohv li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }
#cnmuaucohv li:hover { opacity:1; }
#cnmuaucohv li:hover a strong { opacity:1; top:-10px; }تفعيل الإضافة للمدونات الفردية
اذا كنت الكاتب الوحيد في مدونتك فقم بالبحث عن احد هذين الكودين
الكود الاول
رمز Code:
<div class='post-footer'>
رمز Code:
<div class='post-footer-line post-footer-line-1'>
رمز Code:
<b:if cond='data:blog.pageType == "item"'>
<div class='cnmuauthor'>
<img alt='إسم الكاتب' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM_Afd4dbc23tTU-3FqXY3TBtiz9BeKLoxD4P-_JHQlsiuzkYH8paGJj4uwS9MgfLiCQ3xII9r3lTaW9HWBkHHW0iJuoKG2e80JggINNP-hwv9qXBBc-Im1Kpu17HFMLufpkpECG1P0-k/s1600/125x125.png'/>
<h4>
بقلم : اسم الكاتب
<ul class='cnmuauco' id='cnmuaucohv'>
<li class='cnmuaut-facebook'>
<a href='رابط فيس بوك' target='_blank' rel='nofollow'><strong>التواصل عبر الفيس بوك</strong></a></li>
<li class='cnmuaut-twitter'>
<a href='رابط تويتر' target='_blank' rel='nofollow'><strong>التواصل عبر تويتر</strong></a></li>
<li class='cnmuaut-googleblus'>
<a href='رابط جوجل بلس' target='_blank' rel='nofollow'><strong>التواصل عبر جوجل بلس</strong></a></li>
<li class='cnmuaut-youtube'>
<a href='رابط يوتيوب' target='_blank' rel='nofollow'><strong>قناة الكاتب على اليوتيوب</strong></a></li>
<li class='cnmuaut-khamsat'>
<a href='رابط خمسات' target='_blank' rel='nofollow'><strong>خدمات الكاتب على خمسات</strong></a></li>
<li class='cnmuaut-wsite'>
<a href='رابط موقع الكاتب' target='_blank'><strong>موقع الكاتب</strong></a></li>
</ul>
</h4>
<p>
نبذة عن الكاتب</p>
</div>
</b:if>
تفعيل الإضافة للمدونات الجماعية
هى نفس الطريقة السابقة ونفس الكود لكن هناك فرق بسيط تابع معي
سوف تقوم بتركيب الكود التالي تحت أو فوق أحد الكودين الموجودين في الجزء السابق
رمز Code:
<b:if cond='data:blog.pageType == "item"'>
<!-- الكاتب الأول -->
<b:if cond='data:post.author == "author"'>
<div class='cnmuauthor'>
<img alt='إسم الكاتب' src='https://3.bp.blogspot.com/-6JJD-mlg5j0/V1VoM55QYoI/AAAAAAAAAlo/CyNP5zIb03YoQvGNtXZ_IN6yfRbHCTxmQCK4B/s1600/%25D8%25B4%25D8%25B1%25D9%2588%25D8%25AD%25D8%25A7%25D8%25AA%2B%25D8%25AA%25D9%2583%25D9%2586%25D9%2588.png'/>
<h4>
بقلم : اسم الكاتب
<ul class='cnmuauco' id='cnmuaucohv'>
<li class='cnmuaut-facebook'>
<a href='رابط فيس بوك' target='_blank' rel='nofollow'><strong>التواصل عبر الفيس بوك</strong></a></li>
<li class='cnmuaut-twitter'>
<a href='رابط تويتر' target='_blank' rel='nofollow'><strong>التواصل عبر تويتر</strong></a></li>
<li class='cnmuaut-googleblus'>
<a href='رابط جوجل بلس' target='_blank' rel='nofollow'><strong>التواصل عبر جوجل بلس</strong></a></li>
<li class='cnmuaut-youtube'>
<a href='رابط يوتيوب' target='_blank' rel='nofollow'><strong>قناة الكاتب على اليوتيوب</strong></a></li>
<li class='cnmuaut-khamsat'>
<a href='رابط خمسات' target='_blank' rel='nofollow'><strong>خدمات الكاتب على خمسات</strong></a></li>
<li class='cnmuaut-wsite'>
<a href='رابط موقع الكاتب' target='_blank'><strong>موقع الكاتب</strong></a></li>
</ul>
</h4>
<p>
نبذة عن الكاتب</p>
</div>
</b:if>
<!-- الكاتب الثاني -->
<b:if cond='data:post.author == "author"'>
<div class='cnmuauthor'>
<img alt='إسم الكاتب' src='https://3.bp.blogspot.com/-6JJD-mlg5j0/V1VoM55QYoI/AAAAAAAAAlo/CyNP5zIb03YoQvGNtXZ_IN6yfRbHCTxmQCK4B/s1600/%25D8%25B4%25D8%25B1%25D9%2588%25D8%25AD%25D8%25A7%25D8%25AA%2B%25D8%25AA%25D9%2583%25D9%2586%25D9%2588.png'/>
<h4>
بقلم : اسم الكاتب
<ul class='cnmuauco' id='cnmuaucohv'>
<li class='cnmuaut-facebook'>
<a href='رابط فيس بوك' target='_blank' rel='nofollow'><strong>التواصل عبر الفيس بوك</strong></a></li>
<li class='cnmuaut-twitter'>
<a href='رابط تويتر' target='_blank' rel='nofollow'><strong>التواصل عبر تويتر</strong></a></li>
<li class='cnmuaut-googleblus'>
<a href='رابط جوجل بلس' target='_blank' rel='nofollow'><strong>التواصل عبر جوجل بلس</strong></a></li>
<li class='cnmuaut-youtube'>
<a href='رابط يوتيوب' target='_blank' rel='nofollow'><strong>قناة الكاتب على اليوتيوب</strong></a></li>
<li class='cnmuaut-khamsat'>
<a href='رابط خمسات' target='_blank' rel='nofollow'><strong>خدمات الكاتب على خمسات</strong></a></li>
<li class='cnmuaut-wsite'>
<a href='رابط موقع الكاتب' target='_blank'><strong>موقع الكاتب</strong></a></li>
</ul>
</h4>
<p>
نبذة عن الكاتب</p>
</div>
</b:if>
</b:if>
لا تنسى ايضا ان تغير ما يلزم في الكود من روابط ونصوص ، وحذف مالا يناسب مدونتك
قم بتغر author الموجودة فى الكود بإسم الكاتب ولكن الإسم الموجود في لوحة التحكم الخاصة بالكاتب لذا يجب ان يكتب مضبوط وإلا لن تعمل الإضافة .
انتهى الشرح بفضل الله تعالى .
إرسال تعليق