أضافة قائمة احترفية لعرض الموضيع حسب التسمية

 أقدم لكم اليوم قائمة بشكل احترافي مثل التى توجد فى موقع الوليد نت  بشكل انيق وجميل حسب التسميات اى يمكنك عرض عليها قسم معين من مدونتك حسب رغبتك
، والقائمتين بتاثير التكبير اى عند تمرير الماوس على احد المواضيع يتم تكبيره ، ومع القائمتين سوف تتمكن من عرض محتوى مدونتك بشكل أفضل ليكون من السهل على الزوار تحديد القسم الذى يريدو الدخول أليه.

* ناتى الأن لتركيب الاضافة*

 أولاً قوم بأخذ نسخة أحتياطية من قالب مدونتك تجانب لاى مشاكل

* نقوم بالبحث عن هذا الكواد   ]]>  وضع فوقه الكود التالى .

/*wdbloog*/ #wdbloog h2.title {border: 2px solid #ccc;position: absolute;top: 3px;right: 50%;margin-right: -85px;font-size: 1.1rem;font-weight: 700;text-transform: uppercase;background: #fff;padding: 7px 45px;display: none;} #wdbloog .widget-content {padding: 0px 0;} li.wdbloog-item {float: right;width: 23.411017%;margin-left: 15px;background: #565656;color: #FFF;margin-bottom: 15px;height: 250px;} li.wdbloog-item:last-child {margin-left: 0;} li.wdbloog-item:hover {transform: scale(1.1);box-shadow: 0 0 10px #000;} a.wdbloog-image {display: block;width: 100%;padding: 31% 0;} a.wdbloog-title {padding: 8px 12px;display: block;font-family: 'Droid Arabic Kufi' , serif; 'Roboto Slab', sans-serif;line-height: 1.6;font-weight: 700;text-decoration: none;} p.wdbloog-summary {padding: 5px 12px;font-size: .875rem;line-height: 1.6;color: #bbb;margin-bottom: 20px;display: none;} .wdbloog-info {position: relative;right: 50%;top: 14px;margin-right: -102px;font-size: 0.8rem;} .wdbloog-info span.publish-date {padding: 6px 20px;background-color: #E4860D;font-size: 15px;} .wdbloog-info a.comments {background-color: #04A06B;padding: 6px 30px;color: #FFFFFF;font-size: 15px;} h2.heading {font-size: 17px;margin-top: 5px;margin-bottom: 5px;color: #fff;text-align: center;font-family: 'Tahoma', arial !important;} i.fa.fa-comment.icon {margin-left: 5px;font-size: 15px;} i.fa.fa-clock-o.icon {margin-left: 5px;} /*wdbloog*/

* الأن نقوم بالبحث عن الكود    ثم ضع فوقه الكود التالى

* تقوم بوضوع الكود فى المكان الذى تراه مناسب فى مدونتك او تقوم بوضعه فوق رسائل المدونة الألكترونية 

* ثم سوف تقوم بالذهاب الى التخطيط سوف تجد اضافة قم تم اضافها ستقوم بتحرير الأضافة ووضع بها التسمية الخاص بك