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

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

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

بقلم عاشق النت

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

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

كيفية إضافة هذه الطريقة ما عليك إلا التوجه إلى القالب ثم تحرير 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;}<br /> .cnmuauthor img {border: 4px solid #E2DEDE;float: right;height: 125px;width: 125px;margin-left: 15px;}<br /> .cnmuauthor h4 {background:#636363;color: #FFF;font-size: 20px;margin: 0 134px 0 -9px;padding: 5px;}<br /> .cnmuauthor p {color: #515151;font-size: 15px;margin-bottom: 0px;margin-top:5px;}<br /> ul.cnmuauco { list-style:none; float: left; margin: 0 0 0 6px;display:inline-block;padding:0; } <br /> ul.cnmuauco li { display:inline; float:left; background: url(https://lh6.googleusercontent.com/-ftV4erNKUMk/UYJa0yzsFVI/AAAAAAAABSg/Mao3vVYtEeA/s170/cnmu-auth.png) no-repeat; }<br /> ul.cnmuauco li a { display:block; width:20px; height:20px; padding-right:6px; position:relative; text-decoration:none; } <br /> 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;} <br /> ul.cnmuauco li.cnmuaut-facebook {background-position: 0px 0px;} <br /> ul.cnmuauco li.cnmuaut-twitter {background-position: 0px -30px;} <br /> ul.cnmuauco li.cnmuaut-googleblus {background-position: 0px -60px;} <br /> ul.cnmuauco li.cnmuaut-youtube {background-position: 0px -90px;} <br /> ul.cnmuauco li.cnmuaut-khamsat {background-position: 0px -120px;} <br /> ul.cnmuauco li.cnmuaut-wsite {background-position: 0px -150px;} <br /> #cnmuaucohv:hover li { opacity:0.2; } <br /> #cnmuaucohv li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; } <br /> #cnmuaucohv li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } <br /> #cnmuaucohv li:hover { opacity:1; } <br /> #cnmuaucohv li:hover a strong { opacity:1; top:-10px; }<br />

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

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

<div class='post-footer'>

أو

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

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

<b:if cond='data:blog.pageType == "item"'><br /> <div class='cnmuauthor'> <br /> <img alt='إسم الكاتب' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsn-lsvkxXpkPGJVKDRN2Fgnilr39gZfcIwJforVyolJ0gKkx7Z1B3ENKbqA3HkKexH0JON4tNQmIDTUOUh-AWoyOH9yDnMx3lTZPHc8rXsiATbEtHCE3sFMbkdMOdMa0eBLV3p8YP4c/s1600/125x125.png'/><br /> <h4> <br /> بقلم : اسم الكاتب <br /> <ul class='cnmuauco' id='cnmuaucohv'><br /> <li class='cnmuaut-facebook'><br /> <a href='رابط فيس بوك' target='_blank' rel='nofollow'><strong>التواصل عبر الفيس بوك</strong></a></li> <br /> <li class='cnmuaut-twitter'><br /> <a href='رابط تويتر' target='_blank' rel='nofollow'><strong>التواصل عبر تويتر</strong></a></li> <br /> <li class='cnmuaut-googleblus'><br /> <a href='رابط جوجل بلس' target='_blank' rel='nofollow'><strong>التواصل عبر جوجل بلس</strong></a></li> <br /> <li class='cnmuaut-youtube'><br /> <a href='رابط يوتيوب' target='_blank' rel='nofollow'><strong>قناة الكاتب على اليوتيوب</strong></a></li> <br /> <li class='cnmuaut-khamsat'><br /> <a href='رابط خمسات' target='_blank' rel='nofollow'><strong>خدمات الكاتب على خمسات</strong></a></li> <br /> <li class='cnmuaut-wsite'><br /> <a href='رابط موقع الكاتب' target='_blank'><strong>موقع الكاتب</strong></a></li> <br /> </ul> <br /> </h4> <br /> <p> <br /> نبذة عن الكاتب</p> <br /> </div> <br /> </b:if>

و أما بالنسبة لإضافة الجماعية 

نفس الطريقة السابقة مع نسخ هذا الكود

<b:if cond='data:blog.pageType == "item"'><br /> <!-- الكاتب الأول --><br /> <b:if cond='data:post.author == "author"'><br /> <div class='cnmuauthor'> <br /> <img alt='إسم الكاتب' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsn-lsvkxXpkPGJVKDRN2Fgnilr39gZfcIwJforVyolJ0gKkx7Z1B3ENKbqA3HkKexH0JON4tNQmIDTUOUh-AWoyOH9yDnMx3lTZPHc8rXsiATbEtHCE3sFMbkdMOdMa0eBLV3p8YP4c/s1600/125x125.png'/><br /> <h4> <br /> بقلم : اسم الكاتب <br /> <ul class='cnmuauco' id='cnmuaucohv'><br /> <li class='cnmuaut-facebook'><br /> <a href='رابط فيس بوك' target='_blank' rel='nofollow'><strong>التواصل عبر الفيس بوك</strong></a></li> <br /> <li class='cnmuaut-twitter'><br /> <a href='رابط تويتر' target='_blank' rel='nofollow'><strong>التواصل عبر تويتر</strong></a></li> <br /> <li class='cnmuaut-googleblus'><br /> <a href='رابط جوجل بلس' target='_blank' rel='nofollow'><strong>التواصل عبر جوجل بلس</strong></a></li> <br /> <li class='cnmuaut-youtube'><br /> <a href='رابط يوتيوب' target='_blank' rel='nofollow'><strong>قناة الكاتب على اليوتيوب</strong></a></li> <br /> <li class='cnmuaut-khamsat'><br /> <a href='رابط خمسات' target='_blank' rel='nofollow'><strong>خدمات الكاتب على خمسات</strong></a></li> <br /> <li class='cnmuaut-wsite'><br /> <a href='رابط موقع الكاتب' target='_blank'><strong>موقع الكاتب</strong></a></li> <br /> </ul> <br /> </h4> <br /> <p> <br /> نبذة عن الكاتب</p> <br /> </div> <br /> </b:if><br /> <br /> <!-- الكاتب الثاني --><br /> <b:if cond='data:post.author == "author"'><br /> <div class='cnmuauthor'> <br /> <img alt='إسم الكاتب' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsn-lsvkxXpkPGJVKDRN2Fgnilr39gZfcIwJforVyolJ0gKkx7Z1B3ENKbqA3HkKexH0JON4tNQmIDTUOUh-AWoyOH9yDnMx3lTZPHc8rXsiATbEtHCE3sFMbkdMOdMa0eBLV3p8YP4c/s1600/125x125.png'/><br /> <h4> <br /> بقلم : اسم الكاتب <br /> <ul class='cnmuauco' id='cnmuaucohv'><br /> <li class='cnmuaut-facebook'><br /> <a href='رابط فيس بوك' target='_blank' rel='nofollow'><strong>التواصل عبر الفيس بوك</strong></a></li> <br /> <li class='cnmuaut-twitter'><br /> <a href='رابط تويتر' target='_blank' rel='nofollow'><strong>التواصل عبر تويتر</strong></a></li> <br /> <li class='cnmuaut-googleblus'><br /> <a href='رابط جوجل بلس' target='_blank' rel='nofollow'><strong>التواصل عبر جوجل بلس</strong></a></li> <br /> <li class='cnmuaut-youtube'><br /> <a href='رابط يوتيوب' target='_blank' rel='nofollow'><strong>قناة الكاتب على اليوتيوب</strong></a></li> <br /> <li class='cnmuaut-khamsat'><br /> <a href='رابط خمسات' target='_blank' rel='nofollow'><strong>خدمات الكاتب على خمسات</strong></a></li> <br /> <li class='cnmuaut-wsite'><br /> <a href='رابط موقع الكاتب' target='_blank'><strong>موقع الكاتب</strong></a></li> <br /> </ul> <br /> </h4> <br /> <p> <br /> نبذة عن الكاتب</p> <br /> </div> <br /> </b:if><br /> <br /> </b:if>

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

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

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

• فيسبوك
• تويرتر
• جوجل +
• لينكدين
واتساب

بقلم عاشق النات

بسم الله الرحمان الرحيم

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

الفيسبوك * تويتر * جوجل بلس * youtube

و اذا اردت تغيير لون خلفية الموقع اظغط الازرار اسفله