اضافة اداة تدوينة الاسبوع بشكل احترافي لمدونات بلوجر

 

 

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

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

1- نذهب الى لوحة تحكم القالب

2- نذهب الى التخطيط ثم اضافة اداة html/javascript ونضع الكود التالي داخل الاداة::

 <div class="ar1web_today_img">
<img alt="قالب seo smile ؟" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2u-fjhogR8-jmNgY3ltnAOb58m2NqKSYPVAu1auwn46LNVldSude3RF_l1tlIHSn-NPRTfhuy_GhKR4A72maj4c5xOjd1xNnqJmFRjU6Zt0rEJ2WPNbAT3ZZzrQiNsGYWMlJhwT94_UU/s1600/Capture.PNG" />
<a href="http://t3own.blogspot.com/2014/10/seo-simple.html"><i class="fa  fa-arrows-alt"></i></a>
<p>تحميل قالب seo simple الاحترافي معرب
</p>
</div>
<style>
.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:0;left:0;background: rgba(77, 135, 209, 0.6);

text-align: center;padding:12px 29px;margin:0;font-size:15.1px;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}
</style>

 تخصيص الاضافة
الون الاحمر - صورة الموضوع
الون الازرق - رابط الموضوع
الون البنفسجي - وصف الموضوع

اي استفسار حول الموضوع ضعه في تعليق وسيتم الرد عليه في اقرب وقت

دمتم في رعاية الله وحفضه