الطريقة بسيطة جداً اتبع الخطوات التالية (طبعاً مثال على الواجهه مدونة حلول بلوجر)
1- ادخل الى لوحة تحكم مدونتك
ثم قالب ثم تحرير HTML
بعد ذلك قم بالبحث عن الوسم <body>
ثم ضع فوقه الكود التالي
عمل هذا الكود أنه يقوم باخفاء الأكواد اللتي بينه و بين وسم اغلاقه في الصفحة الرئيسية فقط أي سنقوم باخفاء محتوى الموقع في الصفحة الرئيسية فقط
2-بعد اضافة الكود فوق وسم ال body نقوم بالبحث عن وسم اغلاق ال body و يكون بهدا الشكل <body/>
تحته تماما نقوم باضافة وسم اغلاق الكود الدي أضفناه و يكون وسم الاغلاق بهدا الشكل -> <b:if/>
الان قد قمنا بالخطوة الأولى و هي قمنا باخفاء محتوى الموقع في الصفحة الرئيسية ,لنضع في مكانه الواجهة الثانية و الواجهة الثانية تظهر في الصفحة الرئيسية فقط
ثم نقوم باضافة الكود التالي بعده مباشره
بعدها تقوم بترك اربعة اسطر وتكتب وسم اغلاق وهو <b:if/>
ليصبح كما في الصورة التالية
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 <style> #head-dzpro{ background: rgb(83, 83, 83); border-bottom: 4px solid rgb(173, 172, 172); height: 190px; width: 100%; } #content-dzpro{ } .dzpro { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); background-color:#f9f9f9; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:12.67px; border:2px solid #dcdcdc; display:inline-block; color:#666666; font-family:Georgia; font-size:28px; font-weight:bold; font-style:normal; height:77px; line-height:77px; width:200px; text-decoration:none; text-align:center; } .dzpro:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9'); background-color:#e9e9e9; }.dzpro:active { position:relative; top:1px; } #bouton{ margin: 30px; clear: both; height: 125px; text-align: center; } #ftr-dzpro{ border-top: 1px solid #DDD; -webkit-box-shadow: 0px 1px #FFF inset; box-shadow: 0px 1px #FFF inset; width: 800px; margin-right: 265px; margin-left: 265px; } .el-nass{ text-align: center; } </style> <div id='head-dzpro'> <img src='http://im81.gulfup.com/XYbUZj.png' style='padding-right: 500px;'/> </div> <div id='content-dzpro'> <div id='bouton'> <a class='dzpro' href='/search?max-results=8'>المشاركات</a> </div> </div> <div id='ftr-dzpro'> <div class='el-nass'> <p>تصميم محترف الجزائر</p> </div> </div>12
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).