اضافة هاك معلومات الكاتب في مدونة Blogger بالتفصيل

اضافة هاك معلومات الكاتب في مدونة Blogger بالتفصيل

بسم الله الرحمن الرحيم
الحمد لله خالق الأولين والآخرين وغافرذُنوب المُذنبين ومهلك الطغاة والجبارين الحمد لله أولاً وآخرا مبتدءاً ومنتهيا الحمد لله فى كل مكان وعلى أى حال وفى كل الأزمان والصلاة والسلام على النذير البشير صلى الله عليه وسلم .. أما بعد
سنقوم - بمشيئة الله - كيفية إضافة توقيع خاص بك بحيث يظهر في جميع مواضيعك على مدونتك، كما أنها لا تكلف شيئا !
الآن مع مراحل تركيب الكود وإضافته للقالب :

تحت المقال هكذا

1. لوحة التحكم > تصميم > تحرير HTML
2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
3. وسع قوالب عناصر الواجهة.
4. اضعط CTRL+F و ابحث عن ]]></b:skin>

ألصق فوقها الكود التالي :

.author_info {

 float: left;

 width: 535px;

 padding: 10px;

 border: 1px solid #ccc;

 margin-bottom: 15px;

 margin-top: 15px;

 background: #eee;

}

.author_info h3 {

 margin-bottom: 10px;

}

.author_photo {

 float: right;

 margin: 0 0 0 10px;

}

.author_photo img {

 border: 1px solid #666;

}

يمكنك أيضا تخصيص العرض عبر المتغيرات التالية : width: 535px

ثم نبحث مباشرة عن السطر التالي:

<div class='post-footer-line post-footer-line-1'>

ونضيف بعد هكذا الكود : 

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='author_info'> <div class='author_photo'> <img alt='author' src='ضع هنا رابط صورتك الشخصية'/></div> <h3>بقلم العماد</h3> <p><a href='' title='المقالة كتبت بواسطة'>العماد</a> - كتب 70 مقالات <a href=''>كنوز مدونتي</a>.</p> <p>ضع هنا سيرتك الذاتية<a href='رابط حاسابك في تويتر'>@ ALEMAD5</a> أو عبر الفيسبوك <a href='رابط حسابك في الفيس بوك'>AL EMAD</a><br style='clear:both;'/></p> </div> </b:if>

ضع رابط صورة توقيعك التي رفعتها في المكان المناسب للمؤلف المناسب مع اسم المؤلف حسب هو مبين على الكود.

قم بحفظ القالب وستلاحظ أن توقيعك يختم جميع مواضيعك  :).

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