
1) أولا يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
3) بعدها إضغط تحرير HTML
4) ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5) بعدها إبحث عن هذا الكود
1 | ]]></b:skin> |
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/AVvXsEiqPgAQ_I_cjbQvWMFe55HQ0QE68PcWm79jYqQtGeIs261n5Go17gEQ99aGgyfqt5jW3th-SeZiQlKcDbpzsH270pXysLEahC_dkO2OPqpTE9HItWwAwbTu0oGXAe4m7XVjCUDNSHFw0rg/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/AVvXsEjmQh4nzS9B-fnHie4zOFoLOoahKAHPkDWpdnJcnY0kPgAsktIF9z-HT5WHsJXJeqTww3ltIBVG5xpLHA-8yC9DeAbRKRpP6GAQZrF9cy_HZQEgI9sGgEM1zYx1rzoMRXz0NrQpG7Aom1U/s1600/youtube2.png)top no-repeat;} .twt-icone{ width: 50px; height: 32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho7RlVWet1cNWO2X5BBr7JFKB_kDr4Ly3PKfNwD9Os_sfqOlL70vBWz-zjqvb7Rn7D8vWpNBfHSOavX_3NmWQdGKjqzODV8H7t6gj7p1jR3V9YIk5WwYewFvGyhJuK2eytAbNuEwpLnAk/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/AVvXsEhSsHFNiAmMQLey7Ex0dsoGLOSIOfWH5JTu2AKnOssmEmm5Ub9RdPCZYqRdwU7YqNoBX7zFm766LWpE0vKjycRKS90m00gUDQEivwKizqv_wtq0lEy8uo0oJDnG9gSunk0Gs5JWpeaWxJs/s1600/twitter2.png)top no-repeat;} .face-icone{ width: 50px; height: 32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGACu6SgJfRtpn93rDwI_pKDIH5gABW9JrYpByYmhv4JM_zvwlhdiM7bof7CGrx-wjmRXaD-QFkNmqgzhtwgmG9govfj5O_xM4WT7UhT0m_xblMVjUvwmvyA1lBWdSMuw46-ocAB1AfWw/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/AVvXsEiOF66tVjWeYW8VtZAMzcYoHAtLAKJgxtiMiI_-UhcD6JVK1_TA21Sn5ncgOL-Q5nKYx8THegAJ0qhf7dIh4Z3JDmqJQMosHv_1MfRkbNjlIokOdJDK89NpaaUGr3-07Uf1YsyCWn7rJng/s1600/facebook2.png)top no-repeat;} .rss-icone{ width: 50px; height: 32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7irI7TmCnyHDW2lYPVrjBKVIqfQ_x2IfyaAgbpVGOIEYhIG1reON7HBJwDvSBMqgMVmtAbD2EIOeCAma_K8Awcwha9eR90sslxmC1ECKcSgXu_LfOUqdBbojfH_Wi02CyYil6dg1Tpko/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/AVvXsEgpk6LouDHbaFBNfMsLQlTrSQ6JOKVs5ctjf62bGyOofB-NxWNT6wimULf4W1176QapHcQvf9Xil_k9ribiYulMUOwSzggmPLutQ8Ef3MkYFs2FT4DXIOaxNcXjn3pRQ2DXUaSVO6ToIb0/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 | <div class="social-icone"> <a href="http://www.youtube.com/subscribe_widget?p=XXXX" rel="nofollow" target="_blank"> <div class="you-icone"> <b>100</b> <span>مشترك</span> </div> </a> <a href="http://www.twitter.com/XXXX" rel="nofollow" target="_blank"> <div class="twt-icone"> <b>0000</b> <span>متابع</span> </div> </a> <a href="https://www.facebook.com/XXXX" rel="nofollow" target="_blank"> <div class="face-icone"> <b>2000</b> <span>معجب</span> </div> </a> <a href="http://feeds.feedburner.com/XXXX" rel="nofollow" target="_blank"> <div class="rss-icone"> <b>200</b> <span>مشترك</span> </div> </a> </div> |
و غير XXXX بما يناسبك

إرسال تعليق Blogger Facebook