اضافه تعريف كاتب الموضوع اسفل مدونه بلوجر
صوره الصندوق
التصميم بسيط جداَ , ويعتمد على HTML + CSS فقط لذا فهي خفيفة جداَ ولن تؤثر في سرعة القالب .
لنبداء ..
طريقة تركيب تعريف كاتب الموضوع :
كالعادة ادخل لوحة تحكم مدونتك .
ثم القالب .
حرر القالب وانت مبتسم .
ابحث في القالب عن <data:post.body/>
ستجد أكثر من وحده " يمكن خمس او اربع " ضع الكود اسفل الأخيرة , واذا لم تنجح , جرب التي قبلها وهكذا الى ان تنجح معك.
هذا هو الكود مع تعديل ما سأذكره :
<!--
-->
<img src="http://s10.postimg.org/c38w07bwl/Copy_of_IMG0419_A.jpg" />
<a href="http://drosspcnet.blogspot.com.eg//">هشام الشركسى</a>
<p>هشام الصاوى الشركسى : مدون مصرى من طنطا محافظه الغربيه اتابع كل
ماهوجديد فى مجال الكمبيوتر والانترنت والاندرويد واتمنى من الله ان تنال موضوعاتى
اعجباتكم ..</p>
<img src="https://jetara.googlecode.com/files/facebook34.png" />
</a>
<img src="https://jetara.googlecode.com/files/twitter342.png" />
</a>
<img src="https://jetara.googlecode.com/files/google_plus421.png" />
</a>
</div>
</div>
<!--
-->
<style>/* design by : 7lolblogger.com */
.blog-7lolblogger{height:120px;width:620px;overflow:hidden;float:right;background:url(https://jetara.googlecode.com/files/124124124.png);}.blog-7lolblogger
img{height:80px;width:80px;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px
#000;overflow:hidden;float:right;border-radius:100px;margin-right:47px;margin-top:21px;margin-left:0;margin-bottom:0;padding:0;border:0;}.blog-7lolblogger
a{float:right;text-shadow:1px 1px 5px #111;font:700 23px
arial,tahoma;color:#EEE;text-decoration:none;padding:4px;width:200px;margin:0;text-align:right;}.blog-7lolblogger
p{margin:0;text-shadow:1px 1px
#000;height:75px;margin-bottom:0;margin-left:0;width:355px;color:#E9E8E8;border-bottom:2px
solid #222;-webkit-box-shadow:0 1px #555;box-shadow:0 1px
#555;overflow:hidden;font:13px
tahoma,arial;float:right;direction:rtl;margin-right:30px;margin-top:3px;text-align:right;}#blog-7lolblogger-icons{float:left;width:108px;height:32px;margin-top:-4px;}#blog-7lolblogger-icons
a{padding:0;float:left;width:auto;}#blog-7lolblogger-icons
img{width:36px;height:32px;-webkit-box-shadow:none;box-shadow:none;border-radius:0;float:left;margin:0;padding:0;background:rgba(0,
0, 0, 0);} /* design by : 7lolblogger.com */</style>
ممع تغير ما باللون الاحمر الى ما يناسبك
اضافه تعريف كاتب الموضوع اسفل مدونه بلوجر بشكل احترافى
4
/
5
بواسطة
دروس احترافيه
0
التعليقات
