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



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


شرح و كيفية تركيب + معاينة الاضافة من هنا  :
    1. داخل القالب تحرير html 
    2. فوق هذا الوسم  <b:skin/>  نضع الكود التالي:
 .jazairiwebauthor img:nth-child(1){margin:0;padding:0} .jazairiwebauthor img{float:right;height:125px;width:125px;margin-left:15px} .jazairiwebauthor{background:#FCFCFC;border-left:1px solid #DDDDDD;font-family:Droid Arabic Kufi;overflow:hidden;padding:0 0 0 5px;border-bottom:1px solid #DDDDDD} .jazairiwebauthor h3{background:#00ACED;color:#FFF;font-size:15px;margin:0 125px 0 -9px;padding:6px;line-height:27px} .jazairiwebauthor p{color:#141823;font-size:13px;margin-bottom:0;margin-top:5px;padding-right:131px;text-align: right;Line-Height:22px} .jazairiwebauthor .fa-user{margin-left:4px} .jazairiwebauthor .fa-info-circle{margin-left:1px} #jazairiwebaucohv{float:left;padding-left:10px;margin-top:4px} #jazairiwebaucohv a{color:#fff} #jazairiwebaucohv a:hover{color:#fff} #jazairiwebaucohv .fa{margin-right:3px} .fa-share-alt{color:#30B7EF} .jazairiweb-tooltip{position:relative;display:inline-block} .jazairiweb-tooltip:before,.jazairiweb-tooltip:after{position:absolute;opacity:0;z-index:1000;pointer-events:none} .jazairiweb-tooltip:hover:before,.jazairiweb-tooltip:hover:after{opacity:1} .jazairiweb-tooltip:before{content:'';position:absolute;background:transparent;border:4px solid transparent;position:absolute} .jazairiweb-tooltip:after{content:attr(data-jazairiweb-tooltip)!important;background:#555;color:#fff;padding:6px 8px;font-size:11px!important;font-family:Droid Arabic Kufi;white-space:nowrap;border-radius:2px;-webkit-backface-visibility:hidden;margin-left:initial} .jazairiweb-tooltip-top:before{bottom:140%;left:10%;margin:0 0 -9px;border-top-color:#555} .jazairiweb-tooltip-top:after{bottom:125%;left:10%;margin:0 0 3px -10px !important} .jazairiweb-tooltip-bottom:before{top:100%;left:50%;margin:-6px 0 0;border-bottom-color:#555} .jazairiweb-tooltip-bottom:after{top:100%;left:50%;margin:6px 0 0 -10px} .jazairiweb-tooltip-right:before{left:100%;bottom:50%;margin:0 0 -4px 4px;border-right-color:#555} .jazairiweb-tooltip-right:after{left:100%;bottom:50%;margin:0 0 -13px 12px} .jazairiweb-tooltip-left:before{right:100%;bottom:50%;margin:0 0 -4px;border-left-color:#555} .jazairiweb-tooltip-left:after{right:100%;bottom:50%;margin:0 8px -18px 0}

        1. قوق هذا الوسم  <data:post.body/>  نضع الكود التالي:
      <div class='jazairiwebauthor'><img alt='الكاتب : حسام تفاحي' src='https://lh3.googleusercontent.com/-yS8uGVZ0GKw/VOJaUePmjOI/AAAAAAAABM0/UBeFNmD7I_A/s100-no/imohamed.png'/><h3><i class='fa fa-user'></i>الكاتب : حسام تفاحي<ul id='jazairiwebaucohv'>
      <a class='jazairiweb-tooltip jazairiweb-tooltip-right' data-jazairiweb-tooltip='
      موقعي الإلكتروني' href='http://www.dabourphone.com' target='_blank'><i class='fa fa-globe'></i></a><a class='jazairiweb-tooltip jazairiweb-tooltip-right' data-jazairiweb-tooltip='حسابي في شبكة فيسبوك' href='https://www.facebook.com/mohamed.ibrahim.2036' rel='nofollow' target='_blank'><i class='fa fa-facebook'></i>
      </a><a class='jazairiweb-tooltip jazairiweb-tooltip-right' data-jazairiweb-tooltip='حسابي في شبكة تويتر' href='https://www.twitter.com/' rel='nofollow' target='_blank'><i class='fa fa-twitter'></i>
      </a><a class='jazairiweb-tooltip jazairiweb-tooltip-right' data-jazairiweb-tooltip='حسابي في شبكة جوجل بلس' href='https://plus.google.com/u/0/+iMohamedAbodia/posts' rel='nofollow' target='_blank'><i class='fa fa-google-plus'></i></a>
      </ul></h3><p><i class='fa fa-info-circle'></i> أنا حسام تفاحي عمري 22 سنة من الجزائر ولاية سكيكدة. خبير في مجال عالم البلوجر ومهتم بجديد أخبار التقنية والتدوين الإلكتروني. ويمكنك متابعتي عبر الروابط التالية... </p></div><div class='jazairiweb2-3' style='border-top-color:rgb(221,221,221);border-top-style:dashed;border-width:2px 0 0;box-sizing:border-box;font-family:inherit;font-style:inherit;font-weight:inherit;margin:16px 0px 0;outline:0;padding:14px 0 0;text-align:center;vertical-align:baseline;'></div>

      1. ممكن طريقة كل شخص ديرلو التعريف تاعو

        ردحذف
        الردود
        1. سيتم وضع الاضافة....

          حذف
        2. ممكن طريقة لحل هذا المشكل
          http://a.top4top.net/p_74mnky1.png

          حذف
        3. نعم لمدونتي كتاب كثيرون الرجاء بسرعة وضع ماطلبه الأخ

          حذف
      2. ممكن شعار باسم مدهش ويب ارجوك

        ردحذف

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