الكتابة التلقائية ، افضل اضافات بلوجر في 2017

<div>بسم الله الرحمن الرحيم

السلام عليكم , منصة بلوجر في تطور و تجديد دائم ومستمر فكل يوم يظهر قالب جديد يحمل افكارا مختلفة عن غيره من القوالب , وكل يوم تظهر اضافات مميزة ورائعة تختلف عن سابقتها , وهذا الامر لابد منه لاستمرار عمل المنصة ، اليوم اقدم لكم اضافة احترافية رائعة جدا يمكن استخدامها في مدونات بلوجر " الكتابة التلقائية " واحدة من الاضافات التي اثارت اعجابي كثيرا لبساطتها و مقدار الفائدة التي تقدمها ..

اضافة الكتابة التلقائية .. هي اضافة بسيطة تعتمد تقوم باعادة كتابة نص معين بطريقة بسيطة واحترافية في صورة مؤشر كتابة ، حيث يرسخ في ذهن الزائر انك تخاطبه مباشرة وتكتب له هذه العبارات في هذه اللحظة ، الاضافة يتم استخدامها في كثير من المواقع البرمجية الكبيرة مثل موقع jokerdev.sa حيث يشاهد الزائر مجموعة من العبارات التي تكتب و تمسح في نفسة اللحظة ليكتب غيرها ...

لمعاينة الاضافة " من هنا "

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

نتوجه الى لوحة التحكم في بلوجر > المظهر > تحرير HTML ثم نضغط على مفتاحي Ctrl+F ونبحث عن الوسم ]]> ونلصق الكود التالي فوقه مباشرة ...


#about{background-color:#fff;padding-top:50px;padding-bottom:50px;background-image:url(https://2.bp.blogspot.com/-w57VuTGUW...osition:center center!important;background-repeat:no-repeat!important;background-size:cover!important;transition:opacity .5s ease 0;overflow:hidden;margin-bottom: 15px;}
.vc_column-inner{padding-top:35px;text-align:center}
#countdown-timer{font-weight:700;margin:0 -30px;display:inline-block}
#countdown-timer >.countdown-section{display:block;float:left;font-size:62px;line-height:1;color:#fff;margin:0 30px}
.countdown-section i{background-color: #FFFFFF;font-size:40px;color:#5A67A6;border-radius:50%;width:80px;height:80px;line-height:80px;margin-bottom:10px;padding-left:3px}
#countdown-timer >.countdown-section >.countdown-period{display:block;font-size:22px;margin-top:8px;line-height:1;text-transform:uppercase;letter-spacing:1px;color:#fff;font-weight:500}
.type-wrap{color:#FFF;font-size:63px;line-height:124px;font-weight:900;min-height:119px}
.element{direction:rtl;display:inline-block}
.typed-cursor{opacity:1;color:#7B88CC;font-weight:100;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;-ms-animation:blink 0.7s infinite;-o-animation:blink 0.7s infinite;animation:blink 0.7s infinite}
.item #about,.error_page #about,.static_page #about{display:none}

ثم نبحث عن الوسم ونلصق الكود التالي فوقه مباشرة ..



بتغيير النص باللون الاحمر الى ماتريد

بعد ذلك نبحث عن الوسم ونضع الكود التالي اسفله مباشرة ...



واخيرا ,, وصلنا لمرحلة اظهار الاضافة , الكود التالي هو اللي سيظهر الاضافة حيث انه يمكنك وضعه في المكان الذي تريد , فمثلا اذا اردت وضعه في الاعلى كما في المعاينة ، ابحث عن الوسم <div id='post-wrapper'> والصق الكود التالي فوقه مباشرة ...

بعد ذلك قم بحفظ القالب , واستمتع بالاضافة 😊
ودمتم في حفظ الله ورعايته
{ اكثر من قراءة القرءان في رمضان }

لمزيد من الاضافات المميزة و الحصرية

ارشر: اضافات | مدونة كل مدون

أكثر...