السلام عليكم ورحمة الله وبركاته
اخوانى الكرام مرحبا بك من جديد
اليوم سوف اشرح لكم درس مميز واضافة رائعة من اضافات بلوجر الفريدة فكثير من اخوانى اصحاب المدونات يريدون تثبيت موضوع معين او تدوينة معينة كما فى المنتديات فى واجهة المدونة
الان نبدأ الشرح
نذهب الى لوحة تحكم المدونة بلوجر ثم نختار اضافة اداة HTML / JAVASCRIPT ثم نسخ الكود التالى
الكود
تحميل الكود
ثم لاصقه فى مكان الاضافة بدون عنوان ثم عمل حفظ
ولا تنسى التعديل على الكود كالتالى
تغيير ما باللون الفوشيا الى رابط صورة التدوينة
تغيير ما باللون الازرق الى رابط التدوينة
تغيير ما باللون الاحمر الى اسم التدوينة
انتهى الدرس
الان نبدأ الشرح
نذهب الى لوحة تحكم المدونة بلوجر ثم نختار اضافة اداة 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}
1 التعليقات لموضوع "تثبيت موضوع مميز لمدونات بلوجر "
السلام عليكم اخي
ممكن رفع الكود من جديد لان الرابط لايعمل؟!
ولك جزيل الشكر
الابتسامات الابتسامات