بسم الله الرحمن الرحيم
معانا اليوم اضافه من اضافات بلوجر الاحترافيه وهى اضافه اضافه قائمة احترافية لعرض خدماتك باربع اقسام وبشكل جميل واحترافى وهى تستخدم لعرض خدماتك
التى يقدمها موقعك او مدونتك الخاصه بك وهى سهله التركيب ويمكنك التعديل عليه
بسهوله تامه وهى لاتحتاج لمعاينه نتقل للتركيب
شرح التركيب
قم بالبحث فى قالب مدونتك عن الكودهذا ]]></b:skin> ثم تقوم بوضع هذا لكود فوقه وهذ الكود الخاص ب الأستايل /* خدماتى على خمسات */
.plans-containerwdbloog{width:98.2%;margin:20px 19px 40px 22px;float:left;word-wrap:break-word;overflow:hidden}
li#osama-price{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price1{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price2{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price3{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item1{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item2{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item3{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
article#osama-plans-1{border:1px solid #ccc;width:22.42%;float:right;margin-right:30px;margin-bottom:20px;background: #FFFFFF;}
article#osama-plans-2{border:1px solid #ccc;width:28%;float:right;margin-right:40px}
article#osama-plans-3{border:1px solid #ccc;width:28%;float:right;margin-right:40px}
.card-title{background:#F74047;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title1{background:#4caf50;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title2{background:#0B6EAB;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title3{background:#9664b5;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.price{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price1{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price2{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price3{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price2{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price3{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
sup.p44rice1{font-size:35px}
sup.p44rice2{font-size:75px}
.card-actionwdbloog{background:#F74047;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog1{background:#4CAF50;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog2{background:#0B6EAB;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog3{background:#9664B5;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog:hover{background:#0F4566;color:#fff}
.card-actionwdbloog1:hover{background:#F74047;color:#fff}
.card-actionwdbloog2:hover{background:#F74047;color:#fff}
.card-actionwdbloog3:hover{background:#F74047;color:#fff}
.waves-wdbloog{color:#FFFFFF}
li#osama-price:hover{background:#F74047;color:#fff}
li#osama-price1:hover{background:#0F4566;color:#fff}
li#osama-price2:hover{background:#0B6EAB;color:#fff}
li#osama-price3:hover{background:#0F4566;color:#fff}
li.collection-item:hover{background:#0F4566;color:#fff}
li.collection-item1:hover{background:#4caf50;color:#fff}
li.collection-item2:hover{background:#0F4566;color:#fff}
li.collection-item3:hover{background:#9664b5;color:#fff} الان الكود التالى الخاص باظهار الاضافه يمكنك وضعه فى اى مكان تريده فى مدونتك
تحميل الكود