إضافة كاتب الموضوع بطريقة جميلة

إضافة كاتب الموضوع بطريقة جميلة للبلوجر

سلام الله عليكم أحبابي في الله أتمنّى أن تكونوا بصحة جيّدة إن شاء الله 

فى تدوينة اليوم نتعلم كيفية اضافة كاتب الموضوع الى بلوجر 

و هي طريقية مثالية و خاصة في المدونة الذي يجد بها العديد من المدونين 

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

و بعد ذلك تضع هذا الكود 

]]></b:skin>

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

.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; }

**تفعيل الإضافة للمدونات الفردية**

لو كانت مدونتك شخصية ماعليك إلا تركيب الكود التالي تحت أو فوق أحد هذين الكودين

<div class='post-footer'>

أو

<div class='post-footer-line post-footer-line-1'>

و قم بتغيير الروابط الخاصة بك أخي العزيز

<b:if cond='data:blog.pageType == "item"'><div class='cnmuauthor'><img alt='إسم الكاتب' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJxbjZtVGJ0YsLEASJjGt-Y0VAAnAeIuJp8wICjwS_Gpb4Rd_6RPSFKkbQPXArF1op0orkhA5kBC02-q4l_ywBqK5JEGmxtDbJI8RnXo6uI-7C4ZS1y4dyT5usEGKk_-p6LUQdfKIvrj0/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>

و قم بمراعاة الأكواد أو لن تنجح الطريقة 

و في الأخير السلام عليكم 

**لا  تنسوا تقييم الشرح**

منشورة في: اضافات بلوجر, بالعربي أندرويد, كاتب