بسم الله الرحمن الرحيم , السلام عليكم اخواني اخواتي ومرحبا بكم في كل جديد مدونة جلال البعداني , اليوم باذن الله سنتعلم معا كيفية اضافة نبذه مختصره عن كاتب التدوينه لمدونات بلوجر بالاضافه الى المتابعه عبر اشهر مواقع التواصل الاجتماعي فيس بوك وتويتر وجوجل بلس ويوتيوب وغيرها من المواقع الاخرى مع امكانية اضافة اي رابط موقع اخر للاضافه , تتميز هذه الاضافه بشكلها الانسيابي والانيق مما يزيد من جمالية المدونه واحترافيتها وقد سبق وشرحت كيفية اضافة تعريف الكاتب بطريقتين وشكلين مختلفين لمن اراد الاطلاع عليهما من هنا او هنا واليوم ان شاء الله سوف نتعلم معا كيفية اضافة هذه الاداه اسفل الموضوع مباشرة
كيفية اضافة هذا السلايدر شو الى مدوناتكم
1- من لوحة التحكم -> قالب -> تحرير HTML 2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
]]></b:skin>
** والصق الكود التالي قبله تمامآ
#mblrib {
width: 111px;
height: 111px;
margin-right:-15px;
margin-top:-15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgznWjIPA6GduGUCGko8pRLF8dfdWuaaMxpIWWxbfhPrEMUy3Z0koGOFUHTeaYNdfOhSgoNvK-ZznzCLm-SlgkVl8caua5iPvIi8OrwQm-JZzKNQKlPku3Wu34M-_OXl3R7QdDdGtcJm1ao/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 == "item"'><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- اكتب هنا نبذه قصيره عن الكاتب استبدله بنبذه قصيره عنك او عن خدمات مدونتك
وبالاخير قم بحفظ القالب ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق