اضافة ايقونة في اول العنوان
الزيارات:
الزيارات:
من افضل الاضافات التي تضهر جمالية مدونتك واحترافيتها هي أيقونة صغيرة تضهر بجانب كل عنواين مواضيعك بحيث تضفي جمالية لمدونتك ,وانشاء الله سنتطرق في هدا الشرح الى كيفية وضع هده الايقونة التي تكون من اختيارك في بداية عنوان التدوينة أو في نهاية عنوان التدوينة أو فوق عنوان التدوينة أو أسفله ,نعم هنالك أربع اختيارات يمكنك الاختيار ماتشاء وكل هد فقط بطريقة سهلة وعملية
طريقة التركيب
1. لوحة التحكم
2.القالب
3.تحرير القالب
4. متابعة
5.توسيع القالب
ثم اضغط على ctrl + f
<b:if cond='data:post.url'>
هدا الكود هو فقط جزء من هدا الكود لتسهيل عملية البحث ثم
<b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a>
قم بتضليله وعوضه باحد الاكواد التالية
ادا أردت وضع أيقونة فوق عنوان موضوعك
<b:if cond='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMo5ZkylG-XXulhyphenhyphenW167tN8IH2lolk1ZBAMP2h0zTTVC9XAWYI-hFrVRM74QKPLiBsQhxCW6b3k9QPlycMui7nJZ7jo0kni9ccA_L-G2Usgc04BGn_6rZOVpXwYrdeRQjZHEhyg2613lP/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/>
<a expr:href='data:post.url'><data:post.title/></a>
<a expr:href='data:post.url'><data:post.title/></a>
ادا أردت وضع أيقونة في أول عنوان موضوعك
<b:if cond='data:post.url'>
<a expr:href='data:post.url'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMo5ZkylG-XXulhyphenhyphenW167tN8IH2lolk1ZBAMP2h0zTTVC9XAWYI-hFrVRM74QKPLiBsQhxCW6b3k9QPlycMui7nJZ7jo0kni9ccA_L-G2Usgc04BGn_6rZOVpXwYrdeRQjZHEhyg2613lP/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/><data:post.title/></a>
<a expr:href='data:post.url'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMo5ZkylG-XXulhyphenhyphenW167tN8IH2lolk1ZBAMP2h0zTTVC9XAWYI-hFrVRM74QKPLiBsQhxCW6b3k9QPlycMui7nJZ7jo0kni9ccA_L-G2Usgc04BGn_6rZOVpXwYrdeRQjZHEhyg2613lP/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/><data:post.title/></a>
ادا أردت و ضع اليقونة في نهاية عنوان موضوعك
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMo5ZkylG-XXulhyphenhyphenW167tN8IH2lolk1ZBAMP2h0zTTVC9XAWYI-hFrVRM74QKPLiBsQhxCW6b3k9QPlycMui7nJZ7jo0kni9ccA_L-G2Usgc04BGn_6rZOVpXwYrdeRQjZHEhyg2613lP/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/></a>
<a expr:href='data:post.url'><data:post.title/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMo5ZkylG-XXulhyphenhyphenW167tN8IH2lolk1ZBAMP2h0zTTVC9XAWYI-hFrVRM74QKPLiBsQhxCW6b3k9QPlycMui7nJZ7jo0kni9ccA_L-G2Usgc04BGn_6rZOVpXwYrdeRQjZHEhyg2613lP/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/></a>
ادا أردت و ضع الايقونة تحث عنوان موضوعك
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMo5ZkylG-XXulhyphenhyphenW167tN8IH2lolk1ZBAMP2h0zTTVC9XAWYI-hFrVRM74QKPLiBsQhxCW6b3k9QPlycMui7nJZ7jo0kni9ccA_L-G2Usgc04BGn_6rZOVpXwYrdeRQjZHEhyg2613lP/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/>
<a expr:href='data:post.url'><data:post.title/></a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMo5ZkylG-XXulhyphenhyphenW167tN8IH2lolk1ZBAMP2h0zTTVC9XAWYI-hFrVRM74QKPLiBsQhxCW6b3k9QPlycMui7nJZ7jo0kni9ccA_L-G2Usgc04BGn_6rZOVpXwYrdeRQjZHEhyg2613lP/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/>
- يمكنك تغير الرابط البرتقالي الى أي رابط أيقونة ترد ويفضل أن تكون بحجم 32px *32px
- ادا أردت وضع حدود للأيقونة غير width:0px غير الصفر باي رقم أكبر
- ادا لم تكن عند أيقونة جرب هدا الموقع icones.pro
- عاين الاضافة
- ثم احفض القالب
هدا كل شيء أي استفسار ضعه في التعليق والسلام عليكم
بقلم محمد عبد الرسول الملقب ميتو
إسمـي محمد مـن مواليـد 1987 ،بلـدي هـو العـراق، أهتم بتقنيـات الحاسـوب , والانترنت اهم اعمالي التي استخدمها هو الحاسوب , والبرمجيات وغيرها.| روابط هذه التدوينة قابلة للنسخ واللصق | |
| URL | |
| HTML | |
| BBCode | |
.jpg)
.jpg)
0 التعليقات:
إرسال تعليق