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

السلام عليكم ورحمة الله
  • توجه الى لوحت تحكم منصت بلوجر
  • افتح لوحت تحكم مدونتك
  • تم ضع الكود التالي داخل اداة جديدة " 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(//lh6.googleusercontent.com/-eEeGMzcwFsk/VFd2U42GgrI/AAAAAAAAAto/V4nIrsip9HU/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'/>
  • لا تنسى تغيير # بالروابط و "ضع إعلانك هنا" باسم الموقع الدي تقوم بتبادل اعلاني معه
  • لتغيير لون الاضافة غير الكود #0099ff  لما يناسبك
  • لتغيير الخلفية عند تمرير الماوس على الاضافة غير #2d4562 بما يناسبك
  1. كان هدا كل شيئ الى اللقاء مع دروس جديدة...

0تعليقات