إضافة تدوينة الأسبوع

إضافة تدوينة الأسبوع إضافة بسيطة مع ذلك لها وضيفة لا بأس بها :) لتعرض فيها موضوع تختاره بنفسك يمكنكم معاينة الأداة 

مباشرة من المدونة على جانب هذه الصفحة

شرح طريقة تركيب الإضافة

1. مباشرة من التخطيط أضف أداة Html/JavaScript وضع الكود التالي بها

<div class="ar1web_today_img">
<img alt="قالب فكرة مين ؟" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt04x8fKk4Qm4sy9nh7XeXPbW6LVgOdgoqZsXiUjXTdDZUpFDJnbdhIZuDgBPF_HJhtByqP0GOk-jvb7e8ukwLeYBENNsEK37JcnYMqc6mswzIwjMyRuR_7_YVXeLYTU7sAqZgzNXGHqE/s1600/fekratmeen.jpg" />
<a href="http://www.ar1web.com/2014/08/blogger_27.html"><i class="fa  fa-arrows-alt"></i></a>
<p>قالب فكرة مين المميز ، بتصميمه البسيط والأنيق .. </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(255, 173, 0, 0.6);
font-family: Electrolize,ge_ss_threeregular;
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>

* اللون الأصفر : رابط الصورة 

* اللون الأزرق : رابط الموضوع

* اللون الأحمر : الوصف 

ملاحظة من لم تظهر له الأدآة بشكلها الخاص .. أنسخ الكود من <style type="text/css"> إلى </style>

وتوجه لقالب وضعه فوق </head>