اضافة اداة حصرية للتبادل الاعلاني بلوجر بتصميم احترافي

شارك :

السلام عليكم ورحمة الله
  1. توجه الى لوحت تحكم منصت بلوجر
  2. افتح لوحت تحكم مدونتك
  3. تم ضع الكود التالي داخل اداة جديدة " Html/Javascript " في اي مكان تراه مناسبا
<style>        .ads-cdt ul {            margin: 5px;            padding: 0;        }        .ads-cdt li {            text-align: center;            list-style: none;            width: 102%;            float: right;            margin: 0.5%;            box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.39), 0 0px 0px 0 rgba(0, 0, 0, 0.23);        }        .ads-cdt li a {            position: relative;            display: block;            padding: .6em;            background: #0099ff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcxh_u2A0XLaTP6K42lQLJVoGCDMS6ExSO4aDOFIFwCYgzbJVUdN6ixxmaPfV92nMQbk-FbRCcmsBrtmBy1hZJKxUJa5fi0F9Vw1dOszV2XhWPiirOUx9OUnrkq_VMsiOCRHV3DWtior8u/w938-h350-no/header-6.png) repeat-y center;            color: #fff;            text-decoration: none;            -webkit-transition: all .3s ease-out;            -moz-transition: all .3s ease-out;            -o-transition: all .3s ease-out;            -ms-transition: all .3s ease-out;            transition: all .3s ease-out;            font: 13px neo;        }        .ads-cdt li a:hover:after {            left: -.5em;            border-left-color: #279d97;        }        .ads-cdt li a:hover {            background: #2d4562 url(https://s11.postimg.org/u9plfv8er/header_6.png);            background-size: cover;        }
    </style>    <div class="ads-cdt">        <ul>            <li><a dir="rtl" href="#" rel="nofollow" target="_blank">ضع إعلانك هنا</a> </li>            <li><a dir="rtl" href="#" rel="nofollow" target="_blank">ضع إعلانك هنا</a> </li>            <li><a dir="rtl" href="#" rel="nofollow" target="_blank">ضع إعلانك هنا</a> </li>            <li><a dir="rtl" href="#" rel="nofollow" target="_blank">ضع إعلانك هنا</a> </li>            <li><a dir="rtl" href="#" rel="nofollow" target="_blank">ضع إعلانك هنا</a> </li>            <li><a dir="rtl" href="#" rel="nofollow" target="_blank">ضع إعلانك هنا</a> </li>        </ul>    </div><link href='https://cdn.rawgit.com/Modareb/files/master/fonts/neo.css' rel='stylesheet'/>
  1. لا تنسى تغيير # بالروابط و "ضع إعلانك هنا" باسم الموقع الدي تقوم بتبادل اعلاني معه
  2. لتغيير لون الاضافة غير الكود #0099ff  لما يناسبك
  3. لتغيير الخلفية عند تمرير الماوس على الاضافة غير #2d4562 بما يناسبك
  1. كان هدا كل شيئ الى اللقاء مع دروس جديدة...

شارك :

إضافات بلوجر

بلوجر

دعم بلوجر

لا تقرأ وترحل .. شارك قول رأيك

0 تعليقات: