إضافة اكثر من رائعة لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته

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

أولا صورة لجزء من الإضافة

طريقة التركيب كما العادة إبحث اولا عن

 ]]></b:skin>

ثم فوقه ضع هذا الكود

 *************************Page Cat*************************/ .page-cat{ width:1150px; height:100px; margin:0 auto;} .page-cat .page-cat1{ width:218px; height:100px; background:#fff; float:right; margin-right:2px; padding:5px;opacity:0.7;}.page-cat .page-cat1:hover{ opacity:2;} .page-cat .page-cat2{ width:218px; height:100px; background:#fff; float:right; margin-right:2px; padding:5px;opacity:0.7;}.page-cat .page-cat2:hover{ opacity:2;} .page-cat .page-cat3{ width:218px; height:100px; background:#fff; float:right; margin-right:2px; padding:5px;opacity:0.7;}.page-cat .page-cat3:hover{ opacity:2;} .page-cat .page-cat4{ width:218px; height:100px; background:#fff; float:right; margin-right:2px; padding:5px;opacity:0.7;}.page-cat .page-cat4:hover{ opacity:2;} .page-cat .page-cat5{ width:218px; height:100px; background:#fff; float:right; margin-right:2px; padding:5px;opacity:0.7;}.page-cat .page-cat5:hover{ opacity:2;} .page-cat .page-cat1 h3,.page-cat .page-cat2 h3,.page-cat .page-cat3 h3,.page-cat .page-cat4 h3,.page-cat .page-cat5 h3{ margin:0 13px 5px 0; }.page-cat .page-cat1 P,.page-cat .page-cat2 P,.page-cat .page-cat3 P,.page-cat .page-cat4 P.page-cat .page-cat5 P{ color:#7c6565; } .tion{ width:100%; height:50px; background:#C00; margin-top:10px; border-radius:5px;} .tion img{ width:40px; height:60px; float:right; margin:5px 10px;}

1150 هو عرض الاداة غيره مع تغير 218 أيضا وهي عرض كل مربع لوحده و100 خاصة بالطول  

بعد ذالك إختر المكان الذي تراه مناسبا للإضافة وضع أسفله او فوقه حسب المكان الذي تراه مناسبا

 هذا الكود

 <div class='page-cat'> <a href='http://arabe-eye.blogspot.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1%20%D9%85%D8%B9%D8%B1%D8%A8%D8%A9'> <div class='page-cat1'> <img alt='' border='0' height='80' src='http://icons.iconarchive.com/icons/aha-soft/standard-portfolio/256/Graphic-designer-icon.png' style='float:right; margin-left:8px;' width='80'/> <h3> قوالب <span style='color:#54BDB9;'>معربة</span></h3> <p> أفضل القوالب العربية والمعدلة</p> </div> </a> <a href='http://arabe-eye.blogspot.com/search/label/%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1'> <div class='page-cat2'> <img alt='' border='0' height='80' src='http://cdn1.iconfinder.com/data/icons/free-3d-social-icons/png/256x256/Online%20writing.png' style='float:right; margin-left:8px;' width='80'/> <h3> إضافات <span style='color:#88CD70;'> بلوجر</span></h3> <p> زين مدونتك بأفضل الإضافات</p> </div> </a> <a href='http://arabe-eye.blogspot.com/search/label/%D9%86%D8%B5%D8%A7%D8%A6%D8%AD%20%D9%84%D9%84%D9%85%D8%AF%D9%88%D9%86%D9%8A%D9%86'> <div class='page-cat3'> <img alt='' border='0' height='80' src='http://icons.iconarchive.com/icons/chrisbanks2/cold-fusion-hd/128/fancy-Widgets-icon.png' style='float:right; margin-left:8px;' width='80'/> <h3> نصائح <span style='color:#49C9E5;'>للمدونين</span></h3> <p> إحترف التدوين وكن مدون محترف</p> </div> </a> <a href='http://arabe-eye.blogspot.com/search/label/%D8%A7%D9%84%D8%B9%D9%82%D9%8A%D8%AF%D8%A9%20%D9%88%D8%A7%D9%84%D8%AF%D9%8A%D9%86'> <div class='page-cat4'> <img alt='' border='0' height='80' src='http://icons.iconarchive.com/icons/itzikgur/my-seven/512/Books-2-icon.png' style='float:right; margin-left:8px;' width='80'/> <h3> عقيدة <span style='color:#6ac29e;'>ودين</span></h3> <p> إقرئ مقالات دينية وكتب إسلامية</p> </div> </a> <a href='http://arabe-eye.blogspot.com/search/label/%D8%A7%D9%84%D8%B5%D8%AD%D8%A9%20%D9%88%D8%A7%D9%84%D8%AA%D8%BA%D8%AF%D9%8A%D8%A9'> <div class='page-cat5'> <img alt='' border='0' height='80' src='http://icons.iconarchive.com/icons/devcom/medical/256/nurse-icon.png' style='float:right; margin-left:8px;' width='80'/> <h3> صحتك <span style='color:#6ac29e;'>انت</span></h3> <p> مقالات طبية مفيدة لك ولعائلتك</p> </div> </a> </div> <div style='clear:both'/>

غير معلومات مدونتي بمعلومات مدونتك وهكذا تكون انتهيت أي مشكل تواجهه ضعه في رد وسيتم حله إن شاء الله

دمتم في رعاية الله وحفضه