إضافة أداة روابط نصية إحترافية للبلوجر

    <style>
        .ads-cdt ul {
            margin: 5px;
            padding: 0;
        }
        .ads-cdt li {
            text-align: center;
            list-style: none;
            width: 49%;
            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: #21a9d4 url(https://s11.postimg.org/u9plfv8er/header_6.png);
            color: #ffd603;
            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: #1c90b5 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>