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

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

بتاثير رائع والإضافة هي لكي تضيف بعض المعلومات عنك لكى يراها زوار مدونتك

والإضافه تعمل بتاثير الانقلاب بمعنى انهاء تعمل على الوجهين وضع به صورة لك

والذى سوف تضعها ووجه لوضع روابط مواقع التواصل ونبذه تعريفيه عنك او عن

مدونتك ويمكن لاى احد استخدام الإضافة على مدونته لانهاء تتوافق مع جميع المجالات

ويمكنك معاينة الإضافة بالنظر الى الصورة

شرح التركيب

اولا قم بالدخول الى مدونتك وادخل الى القالب
ثم قم بالبحث عن الوسم ]]></b:skin> فى القالب ثم قم بوضع الكود التالى فوقه.

.card { width: 300px; height: 400px; margin: 25px auto; border-radius: 10px; position: relative; transform-style: preserve-3d; transition: all 3s ease-in-out; box-shadow: 0px 15px 26px #7F7970; } .card:hover { transform: rotatey(180deg); } .card > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #34495e; border-radius: 10px; border: 2px solid #CCC; text-align: center; background-image: url('https://s10.postimg.io/jbhjp29qh/3_min.png'); } .card .front { z-index: 2; backface-visibility: hidden; } .card .front header { width: 100%; height: 80px; background-color: #397282; border-radius: 10px 10px 0 0; } .card .front img { width: 130px; border-radius: 50%; position: relative; top: 10px; } .card .front h3{ margin-top: 70px; color: #0AC; font-size: 17px; } .card .front .mid { list-style: none; margin: 30px 0 -20px 0; text-align: center; color: #a2a2a2; line-height: 1.6; } .card .front .mid li { font-size: 20px; } .card .front span { display: inline-block; margin-top: 42px; font-size: 20px; color: #e774aa; font-style: italic; border: 1px solid #e774aa; padding: 5px 80px; border-radius: 25px 5px; } .card .back { z-index: 1; transform: rotatey(180deg); background-color: #CCC; } .card .back header { width: 101%; height: 40px; margin-top: 0px; border-radius: 10px 10px 0 0; background-color: #DF0069; margin-right: -2px; color: #fff; } .card .back p { font-size: 25px; position: absolute; top: 5px; left: 0; width: 100%; } .card .back ul { list-style: none; } .card .back span { width: 90%; display: inline-block; text-align: center; margin-top: 40px; line-height: 1.2; font-size: 20px; } .card .back .left { margin: 25px 0; text-align: center; } .card .back .left li { font-size: 20px; border: 1px solid #777777; margin-bottom: 5px; text-align: center; } .card .back img { width: 97%; height: 120px; margin-top: 20px; } /* Another Symple Card-Back Style */ /* .card .back { background-color: #3D465F; } .card .back img { width: 90%; margin-top: 60px; opacity: .5; } */

الان قم بحفظ القالب ثم توجه الى التخطيط
فى السيد بار قم بوضع أداة جديده فارغه وضعه بها الكود التالي

<div class="card">  <div class="front">          <header>             <img src="https://cdn3.iconfinder.com/data/icons/avatar-set/512/Avatar02-512.png" />                              </header>     <h3>محترف التقنية</h3><section>        <ul class="mid"><li>تطوير قوالب بلوجر</li><li>تعديل قوالب بلوجر</li><li>تصميم قوالب بلوجر</li></ul></section>     <span>Hover Me</span>  </div><div class="back">     <header>        <p>تعرف علينا</p></header>     <section>         <span>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق</span>         <ul class="left"><li>Facebook: @Technicalpro1</li><li>Twitter: @Mo7tariftech</li><li>Youtube: @Mo7tariftech</li></ul></section>  </div><!-- Another Symple Card-Back Style -->            <!--    <div class="back">                  <img src="https://cdn2.iconfinder.com/data/icons/website-icons/512/Website_Code-512.png">  </div></div>--></div>

قبل حفظ الإضافة قم بتغيير الاسم لما تريد
وايضا قم بتغيير ما تستطيع القيام به وهى التالى اسفل الاسم
وغير ايضا الجزء التعريفى عنك ورابط مواقع التواصل
ثم قم بحفظ الإضافة ومبروك عليك

كان هذا كل ما فى موضوع اليوم موضوع بسيط ولكن قد يفيد الكثيرين

اضافات رائعة بلوجر
اضافات رائعة لبلوجر apk
اضافات رائعة لبلوجر download
اضافات رائعة لبلوجر doc
اضافات رائعة لبلوجر eu
اضافات رائعة لبلوجر facebook
اضافات رائعة لبلوجر git
اضافات رائعة لبلوجر hd
اضافات رائعة لبلوجر instagram
اضافات رائعة لبلوجر insta
اضافات رائعة لبلوجر iq
اضافات رائعة لبلوجر j5
اضافات رائعة لبلوجر j7
اضافات رائعة لبلوجر kmplayer
اضافات رائعة لبلوجر ltd
اضافات رائعة لبلوجر mp3
اضافات رائعة لبلوجر online
اضافات رائعة لبلوجر oua
اضافات رائعة لبلوجر pdf
اضافات رائعة لبلوجر play
اضافات رائعة لبلوجر quotes
اضافات رائعة لبلوجر tv
اضافات رائعة لبلوجر v2
اضافات رائعة لبلوجر v4
اضافات رائعة لبلوجر v8
اضافات رائعة لبلوجر youtube
اضافات رائعة لبلوجر ya
اضافات رائعة لبلوجر z3
اضافات رائعة لبلوجر z2
اضافات رائعة لبلوجر 13
اضافات رائعة لبلوجر 143
اضافات رائعة لبلوجر 1437
اضافات رائعة لبلوجر 2016
اضافات رائعة لبلوجر 2015
اضافات رائعة لبلوجر 2014
اضافات رائعة لبلوجر 2013
اضافات رائعة لبلوجر 30
اضافات رائعة لبلوجر 320
اضافات رائعة لبلوجر 40
اضافات رائعة لبلوجر 50
اضافات رائعة لبلوجر 69
اضافات رائعة لبلوجر 64
اضافات رائعة لبلوجر 85
اضافات رائعة لبلوجر 94
اضافات رائعة لبلوجر 95
اضافات رائعة لبلوجر underground
اضافات رائعة لبلوجر format
اضافات رائعة لبلوجر ford
اضافات بلوجر
اضافات بلوجر 2016
اضافات بلوجر جديدة
اضافات بلوجر احترافية
اضافات بلوجر مميزة
اضافات بلوجر css
اضافات بلوجر احترافية 2015
اضافات بلوجر رائعة
اضافات بلوجر فيس بوك
اضافات بلوجر احترافية 2014
اضافات بلوجر احترافية 2016
اضافات بلوجر blogger
اضافات بلوجر css3
اضافات بلوجر download
اضافات بلوجر doc
اضافات بلوجر ev
إضافات بلوجر facebook
اضافات بلوجر git
اضافات بلوجر html
اضافات بلوجر instagram
اضافات بلوجر iphone
اضافات بلوجر insta
اضافات بلوجر javascript
اضافات jquery بلوجر
اضافات بلوجر kmplayer
اضافات بلوجر ltd
اضافات بلوجر lt
اضافات بلوجر ltr
اضافات بلوجر mp3
اضافات بلوجر ne
اضافات بلوجر n6
اضافات بلوجر oua
اضافات بلوجر online
اضافات بلوجر psd
اضافات بلوجر pdf
اضافات بلوجر play
اضافات بلوجر quotes
اضافات بلوجر rt
اضافات بلوجر tv
اضافات بلوجر usb
اضافات بلوجر v2.0
اضافات بلوجر v2
اضافات بلوجر v8
اضافات بلوجر v9
اضافات بلوجر vlc
اضافات بلوجر wiki
اضافات بلوجر xbmc
اضافات بلوجر youtube
اضافات بلوجر ya
اضافات بلوجر z2
اضافات بلوجر z3
اضافات بلوجر 1
10 اضافات بلوجر
اضافات بلوجر 2015
اضافات بلوجر 2014
اضافات بلوجر 2013
اضافات بلوجر 2014 احترافية
اضافات بلوجر 2012
اضافات بلوجر احترافية 2013
افضل اضافات بلوجر 2014
تحميل قالب مدونة اضافات بلوجر 2014
اضافات بلوجر 30
اضافات بلوجر 40
اضافات بلوجر 4 2016
اضافات بلوجر 50
اضافات بلوجر 69
اضافات بلوجر 6 2016
اضافات بلوجر 60
اضافات بلوجر 70
اضافات بلوجر 8 2016
اضافات بلوجر 80
اضافات بلوجر 95
اضافات بلوجر 94
اضافات بلوجر 96
when was اضافات بلوجر 2016
which is اضافات بلوجر 2016
which was اضافات بلوجر 2016
where اضافات بلوجر 2016
for اضافات بلوجر 2016
to اضافات بلوجر 2016
on اضافات بلوجر 2016
اضافات بلوجر underground
اضافات بلوجر ford
اضافات بلوجر format
top اضافات بلوجر 2016
أفضل اضافات بلوجر
most اضافات بلوجر 2016

اعلن هنا 5$