إضافة تعريف كاتب الموضوع اسفل التدوينه

إضافة تعريف كاتب الموضوع اسفل التدوينه

6:42 م
السلام عليكم ورحمة الله وبركاته  

 شرح اليوم حصري من مدونة اضافات بلوجر 

شير+لايك=الجديد كله 

والاضافه هذه عباره عن مختصر عن الكاتب او نبذه عن الكاتب اسفل كل تدوينة

وينصح بها في المدونات التي لها نفس هذا المجال 
 

كيفية اضافة هذا التعريف الى مدوناتكم

      1- من  لوحة التحكم -> قالب -> تحرير HTML
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
]]></b:skin>
 ** والصق الكود التالي قبله تمامآ
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
#mblrib {
width: 111px;
height: 111px;
margin-right:-15px;
margin-top:-15px;
background: url(https://lh4.googleusercontent.com/-1v4mDvEDEvM/UUyT59ggkVI/AAAAAAAABXs/ZQbl6vXEiEE/s109/1rib.png) no-repeat;
z-index: 7;
position:absolute;
}
.mblautbox {border: #4f5966 solid 3px; width:100%;}
.authorinfoname { text-decoration:underline;}
.mblautbox a:hover {
color: #afafaf;
text-decoration: underline;
outline: none;
}
.mblautbox a {
color: #afafaf;
text-decoration: none;
outline: none;
}
.mblautinfo {
border: #f5f5f5 solid 5px;
-moz-border-radius: 74px;
-webkit-border-radius: 74px;
border-radius: 74px;
margin-left:20px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
float:right; padding:4px;margin-right: 0px;height:100px;
}
.mblautobox {
font-size:20px;
margin-top:-20px;
}
.mblautbox{
direction:rtl;
background:#222222;
line-height:1.7em;
float:center;
padding:10px 10px 10px 10px;
margin:20px 5px 5px 0;
color:white;
font-family:GE SS Two Light;
font-size: 14px;
line-height: 24px;
}
.mblautbox-right-min{
border-left:solid 0px #e8e8e8;
height:auto
}
#mycontents {
position:absolute;
width: 111px;
height: 111px;
margin-left:565px;
margin-top:-5px;
}

ثم قم بالبحث عن 
<div class='post-footer'>

** والصق الكود التالي بعده  مباشره (تحته)


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='mblautbox'>
<div id='mblrib'>
</div>
<a class='authorinfolink' href='https://plus.google.com/u/0/103499777490414306950?rel=author' title='jalal'>
<img border='1' class='mblautinfo' src='https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/487292_327202174037831_1400015829_n.jpg' title='albaadani'/>
</a><br/>
<div>
<div class='mblautobox'>
<b>بقلم:</b>
<span class='authorinfoname'>اسم الكاتب</span></div>
<div class='authorinfodescription'>
اكتب هنا نبذه قصيره عن الكاتب
<br/>
<b>يمكنك متابعتي على:</b>
<a href='http://facebook.com/alb33dani'>فيس بوك</a> | <a href='https://twitter.com/albaadani1'>تويتر</a> | <a href='https://plus.google.com/103499777490414306950?rel=author'>جوجل بلس</a> | <a href='http://www.youtube.com/alb33dani'>يوتيوب</a> | <a href='http://alb33dani.blogspot.com/'>الموقع</a>.</div>
</div>
<div style='clear: both;'>
</div>
</div>
</b:if>

تخصيص الاضافه

 2- استبدال ماباللونalbaadani1 باسم حسابك في تويتر
 3- استبدال ماباللونalb33dani باسم صفحتك في فيس بوك
 4- استبدال ماباللون115387305017738790650 باسم حسابك جوجل بلس
 5- استبدال ماباللونalb33dani باسم قناتك في يوتيوب
 5- استبدال ماباللونhttp://alb33dani.blogspot.com برابط مدونتك
  6- اسم الكاتب استبدله باسمك او الاسم الذي تحب
  7- اكتب هنا نبذه قصيره عن الكاتب استبدله بنبذه قصيره عنك او عن خدمات مدونتك
ثم قم بحفظ القالب ومبروك عليك الاضافه
يارب يعجبكم وبنتظار ردودكم

عن الكاتب

مدون مصري يحب عالم البرمه ومهتم بالويب والتكنولوجيا وتخصص بلوجر وان شاء الله افيدكم بما اعرف وبما لا اعرف ونشكر اصحاب الشروحات التي بقلم مدون اخر والسلام عليكم ورحمه الله وبركاته

شكرا لك ولمرورك
الاشتراك في: تعليقات الرسالة (Atom)