6) و أضف قبله ( فوقه ) هذا الكود
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 | .social-icone{ height:93px;} .social-icone div{ margin: 0 12px;} .social-icone a{ text-decoration:none;} .you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;} .you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;} .you-icone{ width: 50px; height: 32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjflLx3Rk1pC4UiRpLz49UnjpWDkaDBTl6m29TnStWNj_Swm24IWMoMAJznzmTjHTj0h4km90wMIy7XyrOR4CZ4iFof2GqGy06vRQcvdobnVj8DKK13P2-0aLEFRFvT9XB-5FalXSkn4gA/s1600/youtube.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwy-XfF3pg_iWfpULF3otstBuozIhsA9O-XvALW9MzGFjy8WOMGN9YljAqtvUqe1RTXpQwdpmUYejAiT0mC6grk-PVNi9ca_FBFKw_-RuxfX4CQojoXVlr7Sn4qbVtdrmH0pEZIXa8Afg/s1600/youtube2.png)top no-repeat;} .twt-icone{ width: 50px; height: 32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2b36Q_GtCznqLFNCUHhtUpSR5Ur05SDJOzEzxVA_ZrGpGbgGFZoFhvE2grmV4QNgEsJTCg7YEXKU9GO7X-aw9beaMIyYleOBzZgzaifxK0TWqeltJUTl2U8puQus66IH6XXOvWyg3TCk/s1600/twitter.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKYKNkFwRAnR1EmYnLC5xGjq8gjAl5pJWVW7kaORWVkLfR8qd-YY7nz3JYsKGzhFTYNppdaLLp-KYRJJgh6A28W8hisqpVFgC9XH-UrXixL8KLBPIRhrUhwNkKxXpolfheZCrwLS5KVxo/s1600/twitter2.png)top no-repeat;} .face-icone{ width: 50px; height: 32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLfUb5KMK3Qdr1Iq1f5Wdp0wTTAoDNCraN9aG2ZunfV0o_UF2-rpOg-fq3HdLM9qdrWv_AddvduBOjmmt-bS03u_hJEBX9VMYewRt_HoCxY0Eb4al1jAam7ZA-XXTGZTa7iLRbELYluPA/s1600/facebook.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDLQMGtzO6bxakORmWvo3sv9gUpSblIfylC7WlzJirU-2WVL4r0pHfEaknD6V4r6J7_UVgcDb_K7Eq8DvmGQ4ClGJqUjnrcjKPPev7UuTDRlW3eW4aHpPDDKduNLw0pQFO3UhxPPW1ncA/s1600/facebook2.png)top no-repeat;} .rss-icone{ width: 50px; height: 32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfbf0LlJqXVL6TMkVgUQWz2_i9yTk-jUbPK1N4sw55-HnDU2Pl0Tjx1SJHtPawvXsme_2HPLNnnYp-6bVOALMppNWt3w58ti_27CX-UYHj79yLnZOzVEpJ5XssVjXTRXTS4c-CeYgcQXQ/s1600/RSS.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVWM2PIAm_oMtu_eLKv_26GizBbY2A_KB5SdQaxMoe6wxT6y8UqdL3-4jnfsz66GGvuf-8-rV8im4OABfkrCTcSDAVn4ESuixL9p_8fkKDYOlYPklsHLqYCtdvmk_TqPl6ZCzjyXNeqHg/s1600/RSS2.png)top no-repeat;} .post-footer-line > * { margin-left: 0; } |
7) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
و غير XXXX بما يناسبك