السلام عليكم ورحمة الله وبركاته
اخوانى الكرام مرحبا بك من جديد
اليوم سوف اشرح لكم درس مميز واضافة رائعة من اضافات بلوجر الفريدة فكثير من اخوانى اصحاب المدونات يريدون تثبيت موضوع معين او تدوينة معينة كما فى المنتديات فى واجهة المدونة
الان نبدأ الشرح
نذهب الى لوحة تحكم المدونة بلوجر ثم نختار اضافة اداة HTML / JAVASCRIPT ثم نسخ الكود التالى
الكود
تحميل الكود
ثم لاصقه فى مكان الاضافة بدون عنوان ثم عمل حفظ
ولا تنسى التعديل على الكود كالتالى
تغيير ما باللون الفوشيا الى رابط صورة التدوينة
تغيير ما باللون الازرق الى رابط التدوينة
تغيير ما باللون الاحمر الى اسم التدوينة
انتهى الدرس
.Tech-ly_today_img{position:relative;padding-top:5px}.Tech-ly_today_img img{width:100%;height:200px}.Tech-ly_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%}.Tech-ly_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;}.Tech-ly_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)}.Tech-ly_today_img:hover a:hover{color:#333}.Tech-ly_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}.Tech-ly_post{position:relative;padding:24px;border-bottom:1px solid #EEE}.Tech-ly_post_title h1{padding:0;margin:0;font-size:24px;font-weight:400}