</head>

<script type="text/javascript" src="http://mdwanblog.blogspot.com/js/300/addthis_widget.js"></script>

</body>

<!-- http://mdwanblog.blogspot.com slideout widget : BEGIN -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
    <a class="addthis_button_more">Share</a>
    <ul>
        <li><a class="addthis_button_preferred_1"></a></li>
        <li><a class="addthis_button_preferred_2"></a></li>
        <li><a class="addthis_button_preferred_3"></a></li>
        <li><a class="addthis_button_preferred_4"></a></li>
    </ul>
</div>
<!-- http://mdwanblog.blogspot.com slideout widget : END -->

1. قم بتسجيل الدخول الى لوحة التحكم.
2. إضغط على تصميم ثم تحرير HTML.
3.  قم بالبحث في قالبك عن هذا الكود        
   

<title><data:blog.title/></title>

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

أولا في العرض التوضيحي قد تلاحظ الانحدار الذي هو أيضا CSS. من السهل حقا أن تفعل ذلك مع هذا ....

body { background: -webkit-gradient

           (linear, left top, left bottom, from(#ccc), to(#fff));

}

النظام مع بعض الحشو وصورة خلفية لخلق سلسلة من التلال مثل التأثير الذي لدينا عناصر القائمة سوف تظهر من. الشيء باردة حول هذا باستخدام-بكت-خلفية بحجم "ويمتد الصورة إذا قمت بإضافة المزيد من العناصر إليها مما يجعل كل شيء قليلا أكثر حيوية. 

 

ul#nav {

    list-style: none;

    display: block;

    width: 200px;

    position: relative;

    top: 100px;

    left: 100px;

    padding: 60px 0 60px 0;

    background: url(shad2.png) no-repeat;

    -webkit-background-size: 50% 100%;

}

ul#nav li a {

    -webkit-transition: all 0.3s ease-out;

}

ul#nav li a {

    -webkit-transition: all 0.3s ease-out;

    background: #cbcbcb url(border.png) no-repeat;

    color: #174867;

    padding: 7px 15px 7px 15px;

    -webkit-border-top-right-radius: 10px;

    -webkit-border-bottom-right-radius: 10px;

    width: 100px;

    display: block;

    text-decoration: none;

    -webkit-box-shadow: 2px 2px 4px #888;

}

ul.nav li a:hover {

    background: #ebebeb url(border.png) no-repeat;

    color: #67a5cd;

    padding: 7px 15px 7px 30px;

}

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.

<br/> رسالة خطأ XML: The end-tag for element type "b:if" must end with a '>' delimiter.

Error 500

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: Open quote is expected for attribute "{1}" associated with an element type "href".

Error 500

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: The element type "span" must be terminated by the matching end-tag "</span>".

Error 500

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.

<br/> رسالة خطأ XML: The element type "div" must be terminated by the matching end-tag "</div>".

Error 500

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. 

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: The element type "b:section" must be terminated by the matching end-tag "</b:section>".

Error 500

<b:includable   id='status-message'> <b:if cond='data:navMessage'> <div   class='status-msg-wrap'> <div class='status-msg-body'>   <data:navMessage/> </div> <div   class='status-msg-border'> <div class='status-msg-bg'> <div   class='status-msg-hidden'><data:navMessage/></div>   </div> </div> </div> <div style='clear: both;'/>   </b:if> </b:includable>

<b:includable  id='status-message'>  <b:if cond='data:navMessage'> <div>  </div> <div  style='clear: both;'/> </b:if>  </b:includable>