طريقة اضافة الكتابة المتحركة الى قوالب بلوجر بشكل انيق مثل مدونة الياز برو

طريقة اضافة الكتابة المتحركة الى قوالب بلوجر بشكل انيق مثل مدونة الياز برو 

طريقة اضافة الكتابة المتحركة الى قوالب بلوجر بشكل انيق مثل مدونة الياز برو

طريقة اضافة الكتابة المتحركة الى قوالب بلوجر بشكل انيق مثل مدونة الياز برو: موضوع اليوم يخص بلوجر ويخص على وجه الخصوص الكتابة المتحركة التي اصبح يبحث المدونون على طريقة اضافتها للقوالب لانها تعطي جمالية للقالب ويظهر بشكل احترافي،سنشرح اسهل طريقة اضافتها.

اذا لم يكن هذا الكود في القالب الخاص به فيجب اضافته اسفل HEAD
<link href='//www.fontstatic.com/f=bein-normal' rel='stylesheet' type='text/css'/> الكود التاني الخاص ب CSS نضيفه فوق الكود ]]></b:skin>
#about{background-color:#fff;padding-top:50px;padding-bottom:50px;background-image:url(https://2.bp.blogspot.com/-w57VuTGUWJ8/WNHPscEAxGI/AAAAAAAACs8/rIu5g-6PY1A4xUlWMUvZitFYgbm72pnwgCLcB/s1600/wdbloog.png)!important;background-position: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} ثم البحث على وسم </body>  واضافة الكود التالي فوقه مباشرة
code here </br></p><div class='ai-viewports ai-viewport-2 ai-viewport-3 ai-insert-4-71393672' style='margin: 8px 0; clear: both;' data-insertion-position='prepend' data-selector='.ai-insert-4-71393672' data-insertion-no-dbg data-code='PGRpdiBjbGFzcz0nY29kZS1ibG9jayBjb2RlLWJsb2NrLTQnIHN0eWxlPSdtYXJnaW46IDhweCAwOyBjbGVhcjogYm90aDsnPgo8c2NyaXB0IGFzeW5jIHNyYz0iaHR0cHM6Ly9wYWdlYWQyLmdvb2dsZXN5bmRpY2F0aW9uLmNvbS9wYWdlYWQvanMvYWRzYnlnb29nbGUuanMiPjwvc2NyaXB0Pgo8IS0tIEVMWUFaUFJPIFJFU1BPTlNJVkUgLS0+CjxpbnMgY2xhc3M9ImFkc2J5Z29vZ2xlIgogICAgIHN0eWxlPSJkaXNwbGF5OmJsb2NrIgogICAgIGRhdGEtYWQtY2xpZW50PSJjYS1wdWItMjI2OTM0NjA1MzYxMzcxNyIKICAgICBkYXRhLWFkLXNsb3Q9IjM3MjYxMTk5OTAiCiAgICAgZGF0YS1hZC1mb3JtYXQ9ImF1dG8iCiAgICAgZGF0YS1mdWxsLXdpZHRoLXJlc3BvbnNpdmU9InRydWUiPjwvaW5zPgo8c2NyaXB0PgogICAgIChhZHNieWdvb2dsZSA9IHdpbmRvdy5hZHNieWdvb2dsZSB8fCBbXSkucHVzaCh7fSk7Cjwvc2NyaXB0PjwvZGl2Pgo=' data-block='4'></div> <p></div> <p>