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

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

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

 من تصميم الاخ حمزة بوزادي سوف نبدأ على بركة الله .

الطريقة

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>

 أتمنى أن يكون الدرس قد أفادكم و أيضا الإضافة صحيحة و أي إستفسار أنا موجود 

أعجبك الموضوع ؟ , أنشره ليستفيد أصدقاءك أيضا

مدونة ويـــب نت

مدونة ويــب نــت مدونة عربية تهتم بكل ماهو جديد في عالم التقنية و تسعى لإيصال المعلومات التقنية بطرحها لتدوينات جديدة و متجددة و وضع شروحات في شتى مجالات الانترنت في جميع الإختصاصات

ضع تعليقا