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

الاثنين، 12 مايو 2014

اقرأ ايضا

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

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

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

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

]]></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'/>

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

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

الاثنين، 12 مايو 2014