مرحبا بكم في موقع مبدع بلوجر !

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

السلام عليكم و مرحبا بكم زوار و متتبعي مدونة مبدع بلوجر في تدوينة جديدة و شرح جديد و اضافة جديدة اليوم احضرنا لكم اضافة جديدة حصرية من انشائي لكم اخواني وهي اضافة تعريف المدونة جديدة يمكنكم اضافتها في اي مكان تريدونه لكم اخواني الاضافة تتكون من صورة و عنوان و تعريف وهي سهلة التركيب و التعديل

اضافات بلوجر


اذن نبدا على بركة الله 

الذهاب للوحة التحكم > التخطيط > إضافة جديدة > اضافة Html/Javascript > وضع هذا الكود



كود الاضافة
<style type="text/css">
@font-face {
font-family: 'mobde3blogger';
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot');
src: local("â&#732;º"), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot?#iefix') format('embedded-opentype'), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.otf') format('opentype');
font-weight: normal;
}
.circle{background: #F8F4FA;
border-radius: 100%;
cursor: pointer;
position: relative;
width: 15em;
height: 15em;
overflow: hidden;
transform: translateZ(0);
margin: 0 auto;}
.circle h1 {
color: rgba(189,185,199,0);
font-family: mobde3blogger;
font-weight: 900;
line-height: 7.2em;
text-align: center;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
transition: color .8s ease-in-out;
}
.circle h1 a{color:rgba(189,185,199,0);text-decoration:none}
.circle:before, .circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
box-shadow: inset 10.6em 0 0 rgba(30,140,209,0.2), inset 0 10.6em 0 rgba(30,140,209,0.2), inset -10.6em 0 0 rgba(30,140,209,0.2), inset 0 -10.6em 0 rgba(30,140,209,0.2);
transition: box-shadow .75s;
}
.circle:after{transform:rotate(45deg)}
.circle:hover:before,.circle:hover:after{box-shadow:inset .86em 0 0 rgba(255,0,0,0.5), inset 0 .86em 0 rgba(252,150,0,0.5), inset -.86em 0 0 rgba(0,255,0,0.5), inset 0 -.86em 0 rgba(0,150,255,0.5)}
.circle:hover > h1 a,.circle:hover > h1{color:rgba(185,185,185,1)}
#profile-wrapper {
text-align: center;
padding: 34px 20px;
border-top: 3px solid #04BCBC;
margin: 0 0 20px;
font-size: 12px;
font-weight: normal !important;
}
#profile-wrapper h2 {
font: 20px mobde3blogger;
color: #00b5b5;
border-bottom: 2px solid #00b5b5;
width: 256px;
float: right;
margin-top: 10px;
float: left;
margin-right: 89px;
}
#profile-wrapper p {
font: 12px mobde3blogger;
color: #444444;
line-height: 2em;
padding: 6px;
}
</style>
<div id="profile-wrapper">
<div class="circle">
<h1><a href="/">
<img src=" https://lh5.googleusercontent.com/-9Dge1HuP-5g/AAAAAAAAAAI/AAAAAAAAAAA/d25DTbq7FuU/s32-c/photo.jpg" style="
    height: 173px;
" alt="photo" title="photo" />
</a></h1>
</div>
<a href="www.mobde3blogger.com" style="text-decoration: blink;text-align: center;width: 20px;"><h2>اضافة من مدونة مبدع بلوجر</h2></a>
<p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى</p>
</div>
</div>

نبدأ بالتعديل على الاضافة
 اولا قوموا بالبحت عن هادى الرابط لتغيير الصورة

https://lh5.googleusercontent.com/-9Dge1HuP-5g/AAAAAAAAAAI/AAAAAAAAAAA/d25DTbq7FuU/s32-c/photo.jpg

لتغيير اللون ابحث عن #00b5b5 وقم بتغييره الى كود اللون الذي تريده 

تم غيروه برابط الصورة 
بعدها قوموا بالبحت عن :

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

وغيروه بعنوان المدونة
و في النهاية قوموا بالبحت عن

هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى

وغيروه بتعريف المدونة
 مبروك عليك الاضافة .


ترقبوا اضافة آخرى في قسم اضافات بلوجر ان شاء الله


اتمنى ان يعجبكم الموضوع لاتبخلوا علينا بلايك وكمونت لتشجيعنا وتقديم الافضل

هناك 4 تعليقات:

  1. اضافة جميلة شكرا لك اخي الغالي

    ردحذف
    الردود
    1. وانت اجمل اخي شكرا على مرورك الكريم

      حذف
  2. اتمنى ان تزور مدونتي
    star-pes.blogspot.com/

    ردحذف
  3. مشكور على الاضافة أخي

    ردحذف

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.