إضافة تدوينة الشهر في بلوجر

468x60
إضافة تدوينة الشهر
إضافة تدوينة الشهر

إضافة تدوينة الشهر لمدونات بلوجر . تدوينة الشهر بشكل رائع ومتناسق و جذاب فقط بإضافة  كود فقط.

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


  1. نتوجه إلى التخطيط
  2. ضع هذا الكود داخل أداة html/JavaScript

 
<style>
.ar1web_today_img:hover {opacity: 0.8;} .ar1web_today_img{position:relative;padding-top:5px}.ar1web_today_img img{width:100%;height:200px}.ar1web_today_img a{display:block;width:48px;height:48px;background:rgba(255,255,255,0.8);color:#e23a3e;font-size:20px;text-align:center;line-height:2.6;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);position:absolute;top:76px;left:126px;z-index:1001;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ar1web_today_img p{position:absolute;bottom:2px;left:0;background: rgba(0, 153, 204, 0.81); font-family: Electrolize,ge_ss_threeregular; text-align: center;padding:5px 10px;margin:0;font-size:14px;color:#FFF;}.ar1web_today_img:hover a{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.ar1web_today_img:hover a:hover{color:#333}.ar1web_posts{float:right;width:730px;background:#FFF;margin:24px 0;-webkit-box-shadow:0 0 5px #DDD;-moz-box-shadow:0 0 5px #DDD;box-shadow:0 0 5px #DDD}.ar1web_post{position:relative;padding:24px;border-bottom:1px solid #EEE}.ar1web_post_title h1{padding:0;margin:0;font-size:24px;font-weight:400} .fa-arrows-alt:before {content: "\f0b2";color: rgba(0, 153, 204, 0.81);} </style> <div class='ar1web_today_img'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxr2yNHXXRFEj57CKqVXkX0GPZuWu5Uz7NU8-Qlg5LCxy2wK1FJPoFXDJDf5cp6jcV23SW9ylEXsb_zaik_0k4N7WZt-2_khVGv7RYmant2-_vNcjLhFwo0amJCOQb04OstIfIkj9uTd4/s1600/blogging-anspiration.jpg'/> <a href='http://www.ar1web.com/2014/12/template-ilhamotadwin.html'><i class='fa fa-arrows-alt'></i></a> <p>قالب إلهام التدوين نسخة V1 .. تحميل مجانا بأحدث الإضافات و الأدوات</p> </div>
468x60
معلومات عن التدوينة الكاتب : Tarekk بتاريخ : الأحد، 3 مايو 2015
المشاهدات :
عدد التعليقات: 2 للإبلاغ عن رابط معطوب اضغط هنا
250x300

2 التعليقات

شاركنا رأيكـــ التعليقات
Zied Zaabi
3 مايو 2015 في 6:32 ص

شكرا لك

رد
avatar
Ali Benarina
23 يونيو 2015 في 2:05 م

تدويناتك جميله

رد
avatar

شكرا لتعليقك
عرب ويب