إضافة اداةالروابط الأوتوماتيكية لمدونتك

السلام عليكم ورحمة الله وبركاته

في هذا الدرس سوف نتعرف علي اضافة الروابط الاوتوماتيكية لمدونة بلوجر ،اسفل كل تدوينة، الاضافة عبرعن جدول تظهرفي روابط المقال والروابط 3صيغ

صيغة URL,

وصيغة HTML

وصيغةBBCODE

اضافة اداة الروابط الاوتوماتيكية للمدونة

وللتطبيق الاضافة علي مدونتك اتبع الشرح

ولاضافة اداة الروابط الأوتوماتيكية

ولتركيب الاضافة فقد اذهب الي لوحة التحكم واضغط علي قالب ثم اضغط علي تحرير htmlوتبحث عل الكود

]]></b:skin>

بعد ان تجد الكود قم بوضع الكود التالي فوقة مباشرة

#table {
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        font-size: 13px;
        margin: 10px -12px;
        width: 580px;
        text-align: left;
        border-collapse: collapse;
       direction:ltr;
    }
    #table th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
        background: #b9c9fe url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmdtN6GWOAa5frB7NqD8JSJUY7OLxelekC4raFRHh-W9sQVCM7lmC-UAI_Zkx2gjqNaTb2oAKGaVZUXjyb_0pk7W0qJJjVaehnt3h2g2eBGpKqdIhk89KRSeT-edWVCl0eq4pYoJedZVEg/s1600/gradhead.png') repeat-x;
        border-top: 2px solid #d3ddff;
        border-bottom: 1px solid #fff;
        color: #039;

}
    #table td {
        padding: 8px;
        border-bottom: 1px solid #fff;
        color: #4c4c4c;
        border-top: 1px solid #fff;
        background: #e8edff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxGiadSuYMbJBZ8OQ2SAkSqjq95RF6qkgotJxDJlg_buEW0_05PL9gWqUimj6Mq_4JPBY_Lhk-cxfyug6kOUVGnZWQ2338oV770LlwNHWXdL3oskDQeskQ3bpRNbih86UtoTGuSWMvT2s5/s1600/gradback.png') repeat-x;
    }
    #table tfoot tr td {
        background: #e8edff;
        font-size: 20px;
        color: #99c;
        text-align:center;
    }
    #table tbody tr:hover td {
        background: #d0dafd url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0JI93m_toZ0AoJa4cgZdd2sp3on9Up_k1CVuwN8PX1xZUtK2zqDjzhaEYWriuQD2iOxJKERGMPjmL-GJ9QMlN0fXXO8KkODVs1XM_DUYptg7S3XBGIds4Pvp4Gl86UbmF4AoxLpimuPLq/s1600/gradhover.png') repeat-x;
        color: #339;
    }
    #table a:hover {
        text-decoration:underline;
    }

ثم قم بالبحث عن هذا الكود (إن وجدت منه اكواد متشابهة فالكود الأخير هو المقصود):