بلوجر:كيفية اضافة التدوينة المميزة في بلوجر

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

1. الاداة ليست من تصميمي بل اقتبستها من الانترنت
2. يجب ان تتبع الخطوات تماماً
3. يجب ان تأخد نسخة احتياطية من القالب
4. يمكنك تغيير اسم الاداة الي (تدوينة الاسبوع او تدوينة الشهر )

الاداة بسيطة جدا ولا تحتاج اي مجهود
طريقة التثبيت :

1. اذهب الي مدونتك في بلوجر
2. اذهب الي التخطيط
3. اضغط علي انشاء اداة جديدة في اي مكان تريده
4. اختر HTML/JavaScript
5. ضع الكود القادم بها
<div class="ar1web_today_img"> <img alt="تحويل الصور لكرتون" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdkn73u740q6K0Zd-a3bJkgrVGfrLKSjXwdHjUU5-IL7bchiWXeFWP5UoEXZhvYTYAnJHwBS2m2JaHGhzRNLWU35VW_KQ0Z4lpmPEKyg1NUdNOJNyxklXuitQJyCNyDv49yoUlFDLrTFk/s1600/salah-visit-us.png" /> <a href="http://salahebeed.blogspot.com/2015/01/Arsmk.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>
6. اضغط حفظ ومبروك عليك الاضافة الجديدة

غير الروابط بما يلزمك

اراكم في تدوينة جديدة
دمتم في رعاية الله