كيفية تصميم شعار (لوجو) مميز

اضغط هلي المظهر ثم تعديل HTML 
ثم قم بالضغط علي Ctrl + F من لوحة المفاتيح لاظهار مربع البحث ثم ابحث عن الوسم <head/> 
وضع فوقه الكود التالي:- 

<style type='text/css'> @keyframes fade-in-up{0%{opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} .floatvideo-wrapper{text-align:center}.floatvideo iframe{max-width:100%;max-height:100%}.floatvideo.fly{padding:0;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 10px -5px rgba(0,0,0,0.15);-webkit-transform:translateY(100%);transform:translateY(100%);width:260px;height:145px;-webkit-animation:fade-in-up .25s ease forwards;animation:fade-in-up .25s ease forwards;z-index:99}.videoyoutube{text-align:center;margin:auto;width:100%}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0} </style>

ثم ابحث عن الوسم <body/> بالضغط علي Ctrl + F من لوحة المفاتيح
وضع قبله هذا الكود:-



<script type='text/javascript'> //<![CDATA[ // Video Melayang var $window=$(window),$floatvideoWrap=$(".floatvideo-wrapper"),$floatvideo=$(".floatvideo"),floatvideoHeight=$floatvideo.outerHeight();$window.on("scroll",function(){$window.scrollTop()>floatvideoHeight+$floatvideoWrap.offset().top?($floatvideoWrap.height(floatvideoHeight),$floatvideo.addClass("fly")):($floatvideoWrap.height("auto"),$floatvideo.removeClass("fly"))}),setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3); //]]> </script>

- بعد ذلك قم بحفظ التغيرات.

- ثم قم بانشاء مقالة جديدة وعند تضمين الفيديو اضف هذا الكود في محرر البحث HTML.

<div class='floatvideo-wrapper'> <div class='floatvideo'> <div class='videoyoutube'> <div class='video-responsive'> <div class='video-youtube loader' data-src='//www.youtube.com/embed/oA6JIdJtcyU'> </div> </div> </div> </div> </div>

- قم بتعديل الكود oA6JIdJtcyU برمز فيديو اليوتيوب الخاص بك.
- اذا واجهتك اي مشكلة اترك لنا تعليق وسنقوم بالرد عليك.