شرح طريقة اضافة كود لعرض اخر مواضيع لكل قسم فى المدونة

كود html + css جميل و منسق تضيفه لمدونتك لاظهار اخر موضوع من كل قسم فى مدونتك جديد 2015

لتركيب الاضافة علي مدونتك ادخل علي لوحة تحكم مدونتك واختار التخطيط ثم بعد ذلك اختار اضافة اداة بعد ذلك اختار html /javascript والصق الكود في المربع

هذا هو الكود 

<div id='ss'> <table background='http://www.rassidonline.com/online.lb7@gmail.com/m/c1.png' bgcolor='#FF0000' border='0' height='30' width='100%'> <tr> <td> <span id='pbl_labels'/> </td> <td background='http://www.rassidonline.com/online.lb7@gmail.com/m/c3.png' height='24' width='24'> </td> </tr> </table> <div style=' border: 1px solid rgb(204, 204, 204); height: 200px; overflow: auto; padding: 2px;'> <div id='pbl_posts'> </div> <script type='text/javascript'> var jumlah_maksimum_post = 14; var dengan_ringkasan = true; var jumlah_karakter_ringkasan = 50; </script> <script src='http://www.rassidonline.com/online.lb7@gmail.com/m/3.txt'> </script> <script src='http://arabes1.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed'> </script> </div> </div> <style scoped='' type='text/css'> #ss { float:right; font-weight:bold; width: 287px; margin: 0px 0px 4px 0px; padding: 2px;background: #8600FF; border: 1px solid #E2E2E2; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); box-shadow: 0 0 20px rgba(0, 0, 0, .2); -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; font-size:17px; } #ss a{ float:right; font-weight:bold; width: 257px; margin: 0px 0px 1px 0px; padding: 2px;background: #F2FBFF; border: 1px solid #E2E2E2; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); box-shadow: 0 0 20px rgba(0, 0, 0, .2); -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; font-size:17px; } </style>

كل ماعليك تغير هذا الرابط http://arabes1.com
برابط مدونتك

تعديل المقال