اضافة واجهة احترافية v2
*/ مميزات الواجهة
1- خلفية رائعة والوان جذابة ومتناسقة
2- سهلة جدا فى التعديل والتعامل معها
3- متجاوبة مع كل الاجهزة
طريقة التركيب
الخطوة الاولى
- توجه الى القالب من خلال تحرير html
- ابحث عن <body> واضف هذا الكود بعده مباشرة
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-3.js'/>
<script src='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-2.js'/>
<script src='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha.js'/>
<script src='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-1.js'/>
<link href='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha.css' rel='stylesheet' type='text/css'/>
<style>
#home {
height: 1100px !important;
}
</style>
<link href='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-1.css' rel='stylesheet' type='text/css'/>
<link href='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-2.css' rel='stylesheet' type='text/css'/>
<style>
#home .wrapper .header-holder ul li .hoverColor{background-color: #e7505a;}
ul.side-nav.leftside-navigation li.user-details {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_GHduZFjytCryNLvNBGb8btHMtJyn1meKT9b1oIKJKEzB44qZ1vasjMJQTowjZsF3QioPXJds1CVDZESc3kjCR7C8G0YMjmLcQMscfBVzkdDV1-Op5c9RkjAbDkxdX3O3x0B8mPJ2Tn1T/s1600/OSAMA-WEB3-NIGHT.NET.png') !important;
}
#home .wrapper .header-holder ul li a i {
display: none;
margin: 10px auto 3px;
font-size: 50px;
line-height: 80px !important;
}
#forex-material-design{display:none}
</style>
<body class='index'>
<section id='home' style='"Lobster",ge_ss_threeregular !important '>
<div class='wrapper' style='"Lobster",ge_ss_threeregular !important'>
<div class='header-holder'>
<div class='logo-wrap'>
<div class='logo-resize' style='width: 100%; height: 100%; left: 0px; margin-top: 0px;'>
<img src='http://d.top4top.net/p_3273yzix1.png' style='width: 100%;height: 100%;display: block;position: relative;transform: rotate(312deg);'/>
</div>
<a href='http://www.cn1gk.com/search/?max-results=12'>
<div class='logo' style='background: url("http://d.top4top.net/p_3273yzix1.png") 0px 0px no-repeat; width: 168px; height: 193px; display: block;'>كن مهووس | هوسنا هو سر ابداعنا</div>
</a>
</div>
<ul>
<li class='enable-hover' data-menu-position='1' style='display: list-item;'><span class='hoverColor'/><a href='http://www.cn1gk.com/search/?max-results=12'><i class='fa fa-globe'/>حول المدونة</a></li>
<li class='enable-hover' data-menu-position='7' style='display: list-item;'><span class='hoverColor'/><a href='https://www.facebook.com/Mido.Oops'><i class='fa fa-envelope'/>اتصل بنا</a></li>
<li class='enable-hover' data-menu-position='9' style='display: list-item;'><span class='hoverColor'/><a href='http://www.cn1gk.com/search/?max-results=12'><i class='fa fa-heart'/>ادخل للمدونة</a></li>
<li class='enable-hover' data-menu-position='10' style='display: list-item;'><span class='hoverColor'/><a href='http://www.cn1gk.com/search/?max-results=12'><i class='fa fa-briefcase'/>الاعمال</a></li>
<li class='enable-hover' data-menu-position='11' style='display: list-item;'><span class='hoverColor'/><a href='http://www.cn1gk.com/search/?max-results=12'><i class='fa fa-server'/>الخدمات</a></li>
</ul>
<a class='home-scroll' href='https://cngk.blogspot.com/search/?max-results=12'/>
</div>
<center style=' margin-top: 6%; '>
<div class='grid__item color-1' style=' width: 100%; height: 82px; '>
<a class='link link--kukuri' data-letters='Mido_Oops' href='https://www.facebook.com/Mido.Oops' style=' background: rgba(0, 0, 0, 0); color: #fff; text-align: center; margin-top: -65px; margin-bottom: -5px; font-size: 70px; text-shadow: 8px 9px 2px rgba(0, 0, 0, 0.15); height: 180%; width: 56%; '><span style=' /* margin-bottom: 30px; */ '>Mido_Oops</span></a>
</div>
</center>
<center style=' margin-top: 3%; '>
<div class='grid__item color-1' style=' width: 100%; height: 82px; '>
<a class='link link--kukuri' data-letters='Elsayed Ibrahim' href='https://www.facebook.com/Mido.Oops' style=' background: rgba(0, 0, 0, 0); color: #fff; text-align: center; margin-top: -65px; margin-bottom: -15px; font-size: 70px; text-shadow: 8px 9px 2px rgba(0, 0, 0, 0.15); height: 180%; width: 81.51%; '><span style=' /* margin-bottom: 30px; */ '>Elsayed Ibrahim</span></a>
</div>
</center>
<style>
.link--kukuri:hover::before {
width: 44% !important;
}
.link--kukuri::before {
height: 82px;
}
</style>
</div>
</section>
</body>
</b:if>
- قم بتغير #forex-material-design بـ id او class الذى يحتوى على اكواد القالب كله
*ملحوظة: غالبا فى بعض القوالب يكون #outer-wrapper
- احفظ القالب
goood