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

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

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

  • موقعك الأكترونى
  • فيس بوك
  • تويتر
  • جوجول بلس
  • سكايبى
  • اسك . اف آم
  • ديسكس

طريقة التركيب

ندخل الى اعدادات المدونة , ثم قالب , ثم تحرير html
ثم نبحث عن هذا الكود CTRL+F عن ]]></b:skin> نضع هذا الكود فوقة [ قبله ] مباشرة

ebda2author,.Ebda2-6{display:none}.sticky{display:none}.item .post{padding:30px 20px}#comments{padding:30px 10px}}.adspostsfotter{line-height:0;overflow:hidden;padding:5px 4px;text-align:center;width:100%;background:url(https://lh4.googleusercontent.com/-L0gRHzaqO9c/VMJthDb5egI/AAAAAAAAAFU/jtHn3OHuBZM/s6-no/AAA.png)}
.Ebda2author{background:#FBFBFB;border-left:1px solid #F0F0F0;font-family:Droid Arabic Kufi;overflow:hidden;padding:0 0 0 5px;border-bottom:1px solid #ECEFF1}.Ebda2author h3{background: #03A9F4;color:#FFF;font-size:15px;margin:0 125px 0 -9px;padding:6px;line-height:31px}.Ebda2author p{color:#212121;font-size:13px;margin-bottom:0;margin-top:5px;padding-right:131px;text-align: right;Line-Height:22px}\n/*\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\n\75 PART 1\n\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75\75*/\nul.cnmuauco{list-style:none;float:left;margin:0 0 0 6px;display:inline-block;padding:0}.Ebda2-shareaholic{background:#fff;border:1px solid #ECEFF1;color:#212121;margin-top:10px;padding-top:10px}.putkiri a:hover{color:#03A9F4}a.arlina-btn{border:none;cursor:pointer;padding:10px 20px;display:inline-block;margin-top:10px;text-transform:uppercase;letter-spacing:1px;outline:0;position:relative;border-radius:1px;transition:all .3s;width:100%;font-weight:700;font-family:Open Sans,Droid Arabic Kufi;margin-bottom:-25px}a.arlina-btn:after{content:\47\47;position:absolute;z-index:-1;transition:all .3s}a.arlina-btn:before{font-family:Fontawesome;font-style:normal;font-weight:400;font-variant:normal}a.arlina-button{background:#03A9F4;color:#fff!important;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}a.arlina-button:active{background:#4786b5;top:2px}a.arlina-button span{display:inline-block;width:100%;height:100%;transition:all .3s;backface-visibility:hidden}a.arlina-button:before{position:absolute;height:100%;width:100%;line-height:2.2;font-size:130%;transition:all .3s}a.arlina-button:active:before{color:#fff}a.arlina-buttona:hover span{transition: 1s;transform: translateX(-200%);}a.arlina-buttona:before{right: -110%; top: 0;}a.arlina-buttona:hover:before{transition: 1s;right: 0;}a.icon-result:before{content:\42\\f060\42}.contact-form-button-submit:hover{background:#2ea5d7;color:#fff!important;border:0}.fa-smile-o{color:#212121;font-size:17px}.Ebda2author .fa-user{margin-left:4px}.Ebda2author .fa-info-circle{margin-left:1px}#cnmuaucohv{float:left;padding-left:9px;margin-top:5px}#cnmuaucohv a{color:#fff}#cnmuaucohv a:hover{color:#fff}
.Ebda2author img {
float: right;
height: 125px;
width: 125px;
margin-left: 15px;
}
ul.cnmuauco{list-style:none;float:left;margin:0 0 0 6px;display:inline-block;padding:0}.putkiri a:hover{color:#03A9F4}a.arlina-btn{border:none;cursor:pointer;padding:10px 20px;display:inline-block;margin-top:10px;text-transform:uppercase;letter-spacing:1px;outline:0;position:relative;border-radius:1px;transition:all .3s;width:100%;font-weight:700;font-family:Open Sans,Droid Arabic Kufi;margin-bottom:-25px}a.arlina-btn:after{content:'';position:absolute;z-index:-1;transition:all .3s}a.arlina-btn:before{font-family:Fontawesome;font-style:normal;font-weight:400;font-variant:normal}a.arlina-button{background:#03A9F4;color:#fff!important;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}a.arlina-button:active{background:#4786b5;top:2px}a.arlina-button span{display:inline-block;width:100%;height:100%;transition:all .3s;backface-visibility:hidden}a.arlina-button:before{position:absolute;height:100%;width:100%;line-height:2.2;font-size:130%;transition:all .3s}a.arlina-button:active:before{color:#fff}a.arlina-buttona:hover span{transition: 1s;transform: translateX(-200%);}a.arlina-buttona:before{right: -110%; top: 0;}a.arlina-buttona:hover:before{transition: 1s;right: 0;}a.icon-result:before{content:"\f060"}.contact-form-button-submit:hover{background:#2ea5d7;color:#fff!important;border:0}.fa-smile-o{color:#212121;font-size:17px}.Ebda2author .fa-user{margin-left:4px}.Ebda2author .fa-info-circle{margin-left:1px}#cnmuaucohv{float:left;padding-left:9px;margin-top:5px}#cnmuaucohv a{color:#fff}#cnmuaucohv a:hover{color:#fff}#cnmuaucohv .fa{margin-right:3px}.arlina-tooltip{position:relative;display:inline-block}.arlina-tooltip:before,.arlina-tooltip:after{position:absolute;opacity:0;z-index:1000;pointer-events:none}.arlina-tooltip:hover:before,.arlina-tooltip:hover:after{opacity:1}.arlina-tooltip:before{content:'';position:absolute;background:transparent;border:4px solid transparent;position:absolute}.arlina-tooltip:after{content:attr(data-arlina-tooltip)!important;background:#607D8B;color:#fff;padding:6px 8px;font-size:11px!important;font-family:Open Sans,Droid Arabic Kufi;white-space:nowrap;border-radius:2px;-webkit-backface-visibility:hidden;margin-left:initial}.arlina-tooltip-top:before{bottom:140%;left:10%;margin:0 0 -9px;border-top-color:#607D8B}.arlina-tooltip-top:after{bottom:130%;left:10%;margin:0 0 3px -105px !important}.arlina-tooltip-bottom:before{top:100%;left:50%;margin:-6px 0 0;border-bottom-color:#607D8B}.arlina-tooltip-bottom:after{top:100%;left:50%;margin:6px 0 0 -10px}.arlina-tooltip-right:before{left:100%;bottom:50%;margin:0 0 -4px 4px;border-right-color:#607D8B}.arlina-tooltip-right:after{left:100%;bottom:50%;margin:0 0 -13px 12px}.arlina-tooltip-left:before{right:100%;bottom:50%;margin:0 0 -4px;border-left-color:#607D8B}
.arlina-tooltip-left:after{right:100%;bottom:50%;margin:0 8px -18px 0}.item .post-meta a:hover{color:#607D8B;text-decoration:underline}.breadcrumbs{font-weight:400;font-family:Open Sans,Droid Arabic Kufi;padding:0 5px 8px 0;margin-bottom:8px;margin-top:0;font-size:12px;color:#212121;border-bottom:1px solid #CFD8DC}.breadcrumbs a{font-weight:700}.breadcrumbs a:hover{color:#212121}.status-msg-wrap{width:100%;margin-top:6px}.status-msg-body{position:relative;margin-bottom:20px;background-color:#fff;font-family:Droid Arabic Kufi;font-size:14px;line-height:25px;color:#212121;text-align:right;padding:15px;width:100%;border:1px solid #ECEFF1}.status-msg-border{display:none}.articlenote{margin-bottom:-40px;margin-top:50px;overflow:hidden}.articlenotewrap{overflow:hidden;margin:0}.articlenotein{overflow:hidden;margin:0;padding:10px;background: #607D8B;transition:all .5s}.articlenotein h2{line-height:27px;font-weight:700;font-family:Open Sans,Droid Arabic Kufi;font-size:17px;color:#fff;text-transform:uppercase;margin:0;text-align:center}.articlenotein span{display:block;padding-top:3px}.articlenote .articlenotewrap ul{margin:0;padding:10px 5px;font-size:13px;background:#FBFBFB;border:1px solid #F1F1F1}.articlenote .articlenotewrap li{line-height:23.4px;text-align:justify;font-family:Open Sans,Droid Arabic Kufi;color:#555;list-style:none;padding:0 10px;font-size:13px}.articlenote .articlenotewrap li.credit{text-align:left;font-size:10px;font-style:italic;padding:-10px 15px 0 0;color:#607D8B}.articlenote .articlenotewrap li markx{font-weight:700;font-family:Droid Arabic Kufi;color:#555}markx1{font-weight:700;font-family:Droid Arabic Kufi;color:#555;border-bottom:1px solid #555}

ننتقل الى المرحلة الثانية 

<data:post.body/>
ملحوظة يوكد اكثر من كود فى القالب يكون بهذا الشكل غالبا تكون الثانية او الثالثة
نضع هذا الكود اسفلة مباشر
<div class='Ebda2-1' style='padding:8px 0 0;'/><div class='Ebda2author'><img alt='مدون:كن معلم' src='https://yt3.ggpht.com/-uEuUUrh_brE/AAAAAAAAAAI/AAAAAAAAAAA/ChqSBdN-qio/s88-c-k-no/photo.jpg'/><h3><i class='fa fa-user'/>مدون:كن معلم<ul id='cnmuaucohv'><a class='arlina-tooltip arlina-tooltip-right' data-arlina-tooltip='موقعي الإلكتروني' href='رابط الموقع الشخصى ' target='_blank'><i class='fa fa-globe'/></a>
<a class='arlina-tooltip arlina-tooltip-right' data-arlina-tooltip='حسابي في شبكة فيسبوك' href='رابط فيس بوك' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='arlina-tooltip arlina-tooltip-right' data-arlina-tooltip='حسابي في شبكة تويتر' href='رابط تويتر' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='arlina-tooltip arlina-tooltip-right' data-arlina-tooltip='حسابي في شبكة جوجل بلس' href='رابط جوجول بلس' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='arlina-tooltip arlina-tooltip-right' data-arlina-tooltip='اسمك بسكايبى' href='#' rel='nofollow'><i class='fa fa-skype'/></a>
<a class='arlina-tooltip arlina-tooltip-right' data-arlina-tooltip='اطرح علي الأسئلة في أسك إف إم (Ask.fm)' href='رابط اسك اف ام' rel='nofollow' target='_blank'><i class='fa fa-paper-plane-o'/></a>
<a class='arlina-tooltip arlina-tooltip-right' data-arlina-tooltip='حسابي في شبكة ديسكوس (Disqus)' href='رابط حساب ديسكس' rel='nofollow' target='_blank'><i class='fa fa-comments'/></a></ul></h3><p><i class='fa fa-info-circle'/> مدونة عربية تهتم بيتطوير اضافات بلوجر وتقديم محتوى حصر للزوار يسعدنا التواصل معكم </p></div>
يتم تغير ماهو بالون الأحمر الى مايناسبك ومكان كل رابط الشبكة الأجتماعية الخاص بة 
اللون الأزرق رابط الصورة الخاص بك

الموضوع السابق
الموضوع التالى

كتب الموضوع بواسطة :

احمد حجازى اسعى لتطوير المحتوى العربى ومساعدة الغير احب التدوين وجيد ايضا بمجال الجرافيك من مصر

هناك تعليقان (2):

  1. هل يوجد منها للمدونات الجماعية

    ردحذف
    الردود
    1. نعم الطريقة داخل مدونة جلال البعدانى كل كاتب على حدة

      حذف

اذا اعجبك الموضوع لاترحل قبل ان تترك بصمتك اذا اردت متابعة تعليق او تنتظر الرد علية اضغط على (أعلامى)