اضافة اكثر من رائعة لمدونات بلوجر
الخميس، 15 مايو 2014
اضافة اكثر من رائعة لمدونات بلوجر
السلام عليكم إخواني في درس جديد على مدونة اكس بي ميدو سوف أقدم لكم في هذا الدرس المفيد طريقة اضافة اداة مثل التي بمدونتنا التي من تصميم حمزة بوزادي سوف نبدأ على بركة الله .
الطريقة
1) أولا تذهب إلى لوحة البلوجر و تتوجه إلى قالب ثم تضغط على تحرير القالب HTML بعدها سوف تبحث عن هذا الكود :
اقرأ ايضا
]]></b:skin>
2) ثانيا ألصق هذا الكود قبلها مباشرة (فوقها)
#bouzadi-wrapper{ width:990px; overflow:hidden; margin:0 auto;padding:0 } .bouzadi{width:260px;height:220px;text-align:center;background:#fff;border:5px solid #f1f1f1;box-shadow:0 1px 2px #888;float:right;margin:12px;padding:10px;transition:1s} .bouzadi:hover{transition: 2s; background:#6FB7FA; cursor: pointer; box-shadow: none; border: 5px solid #333333; border-radius: 0 100px 40px 50px;} .bouzadi img{width:80px;margin:0;padding:0} .bouzadi h2{font-family:GESSTwoLight, Tahoma, vardana; font-size:20px;font-weight:normal;margin:12px;padding:10px;color:#0378ae} .bouzadi h3{font-family:GESSTwoLight, Tahoma, vardana; font-size:20px;font-weight:normal;margin:12px;padding:10px;color:#FF8F00} .bouzadi h4{font-family:GESSTwoLight, Tahoma, vardana;font-size:20px;font-weight:normal;margin:12px;padding:10px;color:#22AA17} .bouzadi p{margin:8px;padding:0 10px;color:#000;line-height:1.6em;font-family:GE SS two Medium; font-size: 15px; }
ثم تتبع هذه الخطوات:
1- إذهب إلى لوحة التحكم .
2- إذهب إلى التخطيط .
3- إضافة javascript/HTML .
4- أضف الكود التالي .
الكود :<center> <div id="bouzadi-wrapper"> <a class="bouzadi" href="/search/label/%D8%AA%D8%B7%D9%88%D9%8A%D8%B1%20%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9"> <img src="http://im56.gulfup.com/ie2wVr.png"> <h2>تطوير المواقع</h2> <p>ستجد أغلبة المواضيع تتحدث ن تطوير المواقع في مدونتنل البلوجر و الرمجة</p> </a> <a class="bouzadi" href="/search/label/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA"> <img src="http://im61.gulfup.com/oXAx1F.png" style="width:80; height:80;"> <h4>مقالات</h4> <p>هل تبحث عن مقالات حصرية في مجال التقنية إذن مرحبا بك على مدونتنا</p> </a> <a class="bouzadi" href="/search/label/%D8%AF%D9%88%D8%B1%D8%A9%20%D8%AA%D8%B9%D9%84%D9%85%20%D9%84%D8%BA%D8%A9%20HTML"> <img src="http://im65.gulfup.com/I3bOVQ.png"> <h3>HTML دورة تعلم لغة </h3> <p>دورة جميلة و لها جمهور عريض + من بين الدورات المعروفة عربيا</p> </a> </div> </center>
و هكذا يكون الدرس قد إنتهى أتمنى أن يكون الدرس قد أفادكم و أيضا الإضافة صحيحة و أي إستفسار أنا موجود أحبائي
إرسال تعليق