بعد عمل طال 8 ساعات متواصلة للآنشاء قالب مدونة بطاقتى والتعديل عليه ليصل الى المستوى الموجود حاليا.
ونقدمه اليكم مجانا.
طريقة أضافة القالب وضافة المعلومات:
1- حمل القالب
2-اضف القالب الى مدونتك
3-سوف تحتاج الى اضافة معلوماتك فى المدونة
انسخ الكود التالى والصقه فى ملف كتابة text document على جهازك
<div class='about clearfix'>
<img alt='VisitingCardBlogger' src='مربع رقم 1'/>
<h1><div dir='rtl' style='text-align: right;' trbidi='on'>
<span style='color: #cc0000; font-family: "Courier New", Courier, monospace; font-size: x-large;'><strong>بطاقة مربع رقم 2</strong></span></div>
</h1>
<p/>
</div>
<!-- Top about -->
</div>
<!-- datacontent #end -->
<div class='wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='networks'>
<div dir='rtl' style='text-align: right;' trbidi='on'>
<div dir='rtl' style='text-align: right;' trbidi='on'>
<span style='font-family: "Courier New", Courier, monospace; font-size: large;'><strong><span style='color: #cc0000;'>الأسم</span><span style='color: #999999;'>...</span>: مربع رقم 3</strong></span></div>
<div dir='rtl' style='text-align: right;' trbidi='on'>
<span style='font-family: "Courier New", Courier, monospace; font-size: large;'><strong><span style='color: #cc0000;'>السكن</span><span style='color: #999999;'>..</span>: <span style='font-family: "Courier New", Courier, monospace;'>مربع رقم 4 </span></strong></span></div>
<div dir='rtl' style='text-align: right;' trbidi='on'>
<span style='font-family: "Courier New", Courier, monospace; font-size: large;'><strong><span style='color: #cc0000;'>العمر </span><span style='color: #cccccc;'>.</span>: <span style='font-family: "Courier New", Courier, monospace;'>مربع رقم 5</span></strong></span></div>
<div dir='rtl' style='text-align: right;' trbidi='on'>
<span style='font-family: "Courier New", Courier, monospace; font-size: large;'><strong><span style='color: #cc0000;'>العمل</span>: <span style='font-family: "Courier New", Courier, monospace;'>مربع رقم 6</span></strong></span></div>
<div dir='rtl' style='text-align: right;' trbidi='on'>
<span style='font-family: "Courier New", Courier, monospace; font-size: large;'><strong><span style='color: #cc0000;'>أحب </span><span style='color: #999999;'>...</span>: مربع رقم 7 </strong></span></div>
<div dir='rtl' style='text-align: right;' trbidi='on'>
<span style='font-family: "Courier New", Courier, monospace;'><strong><span style='font-size: large;'/><span style='font-size: large;'>مربع رقم 8</span><span style='font-size: large;'>مربع رقم 9 </span></strong></span><span style='font-family: "Courier New", Courier, monospace; font-size: large;'><strong>مربع رقم 10</strong> </span></div>
<div align='center' dir='rtl' style='text-align: right;' trbidi='on'>
</div>
<div dir='rtl' style='text-align: center;' trbidi='on'>
<img border='0' rda='true' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqdorpaFuWvKl4kjj7pupj7WsLbETm3XpGNPs4i1PB0ub2SQmZUiEck2frUg3mwW2fYIav31yv9BS-ozxJv_1mEfvGiY5iE-3w7sLCUqeW0qsIe-m0xeMOUOSo8LseKFKF7nUayciE5FM/s1600/untitled.bmp'/></div>
<div style='text-align: center;'>
<strong><span style='color: #cc0000; font-size: large;'>مواقعى الالكترونية</span></strong></div>
<div class='separator' style='clear: both; text-align: center;'>
<img border='0' rda='true' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqdorpaFuWvKl4kjj7pupj7WsLbETm3XpGNPs4i1PB0ub2SQmZUiEck2frUg3mwW2fYIav31yv9BS-ozxJv_1mEfvGiY5iE-3w7sLCUqeW0qsIe-m0xeMOUOSo8LseKFKF7nUayciE5FM/s1600/untitled.bmp'/></div>
<div style='text-align: center;'>
</div>
<div dir='rtl' style='text-align: right;' trbidi='on'>
<div class='separator' style='clear: both; text-align: center;'>
</div>
<div class='separator' style='clear: both; text-align: right;'>
<a href='مربع رقم 12' imageanchor='1' style='clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;'><img border='0' ida='true' src='مربع رقم11'/></a><a href='مربع رقم 13' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'><img border='0' ida='true' src='مربع رقم 14'/></a></div>
<div class='separator' style='clear: both; text-align: right;'>
</div>
</div>
<div dir='rtl' style='text-align: center;' trbidi='on'>
<img border='0' rda='true' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqdorpaFuWvKl4kjj7pupj7WsLbETm3XpGNPs4i1PB0ub2SQmZUiEck2frUg3mwW2fYIav31yv9BS-ozxJv_1mEfvGiY5iE-3w7sLCUqeW0qsIe-m0xeMOUOSo8LseKFKF7nUayciE5FM/s1600/untitled.bmp'/></div>
<div style='text-align: center;'>
<strong><span style='color: #cc0000; font-size: large;'>صفحاتى الاجتماعية</span></strong></div>
<div class='separator' style='clear: both; text-align: center;'>
<img border='0' rda='true' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqdorpaFuWvKl4kjj7pupj7WsLbETm3XpGNPs4i1PB0ub2SQmZUiEck2frUg3mwW2fYIav31yv9BS-ozxJv_1mEfvGiY5iE-3w7sLCUqeW0qsIe-m0xeMOUOSo8LseKFKF7nUayciE5FM/s1600/untitled.bmp'/></div>
<div style='text-align: center;'>
</div>
</div>
<div id='content'>
<ul>
<li><a href='مربع رقم 15'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUm6L6Sfa12l7EeraNKfDNonlt1uRoQBnptSIgYtrtn06mfpZh9drmHltsCw9tQcgwsTnbNTNXTYg9WiGzI1TtQJktOD4eRpSyElCG2wTHGTh7vba1Qgw3JD1uTCCcj6LKSqKN4MrHPNlG/s1600/i_twitter.png'/> <strong>Twitter</strong>twitter.com</a></li>
<li><a href='مربع رقم 16'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4BKkMmpVsgI8aLeaY7FlCUP4kTj0v82A8mjIKaDL5Vh0BtwemyNjsWqpJpBPU6dn4yBeVHoPTY2Hpg8IV4tA-TJOdvVlPxhClL1oqIhC1qKgstoh2IBqYF8x_UeQ52rY8YJayuhKVfJh/s1600/i_facebook.png'/><strong>Face Book</strong>facebook.com</a></li>
<li><a href='مربع رقم 17'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmYGZHeejHYogNDYbjGsaa84Msc5mGud_6L6YkYcy4RnJAYdpIagSshRSHZOAgax4uUIAcHveFzHqAAKaKxqzsg5F6krrLKgn9GfYMJhP7RLTYbLvPb93YUtP2YSrGBVEINO5YdbMUoY/s1600/youtube-icon-30x30.png'/> <strong>youtube</strong>youtube.com</a></li>
</ul>
<div class='clear'/>
</div>
</div>
</b:if>
4-عدل ال17 مربع الخاصين بمعلوماتك كالتالى.
اضغط ctrl + f ثم اكتب مربع رقم 1
وغيره بالمعلومات التى اشرحها على كل مربع وهكذا...
المربع رقم 1 = ضع به رابط صورة البروفيل مساحة 30×30
المربع رقم 2 = اكتب به اسمك
المربع رقم 3 = اكتب به اسمك كامل
المربع رقم 4 = اكتب به مكان سكنك (مصر مثلا)
المربع رقم 5 = اكتب به سنك مثال (20 عام)
المربع رقم 6 = اكتب به عملك مثلا (مصمم مواقع-او طالب)
المربع رقم 7 و8و9و10 = اكتب اى شئ تحبه مثلا ( تصميم المواقع- كرة القدم - السباحة)
المربع رقم 11 = ضع به رابط بنر لموقعك بمقاس 125×125
المربع رقم 12 = ضع به رابط موقعك
المربع رقم 13 = ضع به رابط بنر لموقعك بمقاس 125×125
المربع رقم 14 = ضع به رابط لموقعك الثانى
المربع رقم 15 = ضع به رابط لصفحتك على تويتر
المربع رقم 16 = ضع به رابط لصفحتك فى الفيس بوك
المربع رقم 17 = ضع به رابط لقناتك فى اليوتيوب
5- افتح تصميم>>تحرير htmel
6- علم على مربع توسيع عناصر واجهة المستخدم
7- ابحث عن الكود التالى
<li><a expr:href='data:blog.homepageUrl'>بطاقتى</a></li>
</ul>
ضع الكود الذى عدلته على ال text document.
اسفل الكود الذى بحثت عنه فى قالبك.
ومبروك القالب ونرجو ان اكون عند حسن ظنكم واى مشكلة يرجى سؤالى عنها .
قآلب جممميل جِداً
ردحذفألوآنه و تصميمه رآئعيييين كثيراً
لكن يعيبه الخطّ المسستخدم
بِ التوفيق لِ سموّكم الكريم ^^
شكرا جزيلا يا سندريلا ويمكننى تغير الخط فى اى وقت واذا كان لدى اقتراح بخصوص خط معين يرجى ابلاغى
ردحذف