طريقة وضع معلومات عن المدونه مع مواقع النشر اسفل الموضوع

السلام عليكم ورحمة الله وبركاتة .. اضافة اليوم عباره عن تعريف مختصر بكاتب المدونه وصوره شخصيه له يراها كل زائر وقارئ للتدوينات التي يقوم بنشرها  حيث انها تقع مباشرة اسفل اخر سطر في المشاركه المكتوبه . وتحتوي الاضافه ايضا علي روابط المشاركه لاشهر واهم المواقع الاجتماعيه مثل الفيس بوك وتويتر مع بعض الخدمات الاخري كاضافة الصفحه للمفضله وطباعة الصفحه وايضا الاشتراك في خلاصات المدونه.. الاضافه سهلة التطبيق كل ماعليك هو الذهاب الي لوحة تحكم مدونة بلوجر ثم الي تصميم ثم تحرير HTML ثم قم بالضغط علي علامة توسيع عناصر الصفحه وابحث عن الكود التالي :
<div class='post-footer-line post-footer-line-1'>
او قم بالبحث عن هذا الكود


 <data:post.body/>
وضع بعدة مباشرة الكود الموجود بالاسفل
<div class='bio-socials noprint' style='height: 260px;padding-top:50px;'>
<!--author bio-->
<style>
.author-bio{
border-right:3px #5D7D91 solid;
margin-right:10px;
marin-bottom:40px;
text-align:justify;
padding:10px;
width:300px;
float:right;
}
.author-photo{
float:right;
text-align:center;
width:74px;
padding:2px 2px 2px 2px!important;
margin:0 10px 10px 10px;
}

</style>
<div class='author-bio' style='height: 180px'><div class='author-photo' style='height: 180px'>
    <img alt='كاتب الموضوع' height='70' src='http://lh6.googleusercontent.com/-feF1Sq3hroQ/AAAAAAAAAAI/AAAAAAAABgg/uq8yz1a4Btc/s50-c/photo.jpg' width='70'/>
</div><h3>بقلم تقارب</h3>م&#1615;دو&#1613;ن ع&#1616;ربي , مهتم بمتابعة كل جديد خاص بمنصة بلوجر .</div>

<!--end author bio-->
<style>
.socialbox{
border-right:3px #5D7D91 solid;
margin-left:10px;
width:190px;
float:left;
padding:10px 0 10px 0!important;
}
.sociallist{
margin:10px 0 10px 0;
width:190px;
list-style:none!important;
}
.twitter, .facebook, .delicious, .rss, .print{
padding:5px 40px 5px 0!important;
background-repeat:no-repeat;
background-position:160px 6px!important;
}
.twitter{
background-image:url(&#39;http://lh4.ggpht.com/_XrWO8mEpDy0/TGnJ96bP18I/AAAAAAAAAwo/xB13Xz6sFUc/twitter.png&#39;);
}
.facebook{
background-image:url(&#39;http://lh6.ggpht.com/_XrWO8mEpDy0/TGnJ9lpCxSI/AAAAAAAAAwc/7C82Xc0OySo/facebook.png&#39;)
}
.delicious{
background-image:url(&#39;http://lh4.ggpht.com/_XrWO8mEpDy0/TGnJ9js4IeI/AAAAAAAAAwg/_5fpJGxRoTM/delicious.png&#39;);

}
.print{
background-image:url(&#39;http://lh3.ggpht.com/_XrWO8mEpDy0/TGnTo5dKSDI/AAAAAAAAAw0/wg8CVviIlnI/print.png&#39;);

}
.rss{
background-image:url(&#39;http://lh4.ggpht.com/_XrWO8mEpDy0/TGnJ97o36cI/AAAAAAAAAwk/uwYLor7poos/rss.png&#39;);

}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=doaibblog&amp;related=اسم مدونتك&quot;' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>أضفه إلى مفضلتك</a></li>
<li class='print'><a href='javascript:window.print()'>اطبع الصفحة</a></li>
<li class='rss'><a href='رابط خلاصات مدونتك' target='_blank'>تابع الخلاصات</a></li>
</ul>
<div class='fblike' style='float:left;' width='100'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' float='left' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:40px;'/>
</b:if></div>
</div>

</div>
قبل حفظ القالب ابحث داخل الكود عن رابط الصوره تلك
http://lh6.googleusercontent.com/-feF1Sq3hroQ/AAAAAAAAAAI/AAAAAAAABgg/uq8yz1a4Btc/s50-c/photo.jpg
وقم باستبدال رابط الصوره برابط صوره تختارها انت
الان تستطيع حفظ القالب والذهاب الي اي تدوينه ومشاهده الاضافه اسفل المشاركه.

أصدقاء(تطوير ويب)
تعليقات Facebook
11تعليقات Blogger

11 عدد التعليقات على موضوع طريقة وضع معلومات عن المدونه مع مواقع النشر اسفل الموضوع

احمد السندباد يقول...

الف شكر ليك استاذ احمد " تقارب " انت اكيد انسان محترم ومدونتك رائعة وتستحق كل احترام.

أحمــد ( مدونة تقارب ) يقول...

@احمد السندباد
ربنا يبارك لي فيك ويمد في عمرك ويملأه بالطاعات
ها اقل واجب يابو حميد اقدر اقدمه للناس المحترمه اللي زي حضرتك

أحمــد ( مدونة تقارب ) يقول...

@mona
اختي العزيزه منى بالتوفيق لك ايضا ولمدونتك .اشكرك اختي علي متابعتك المستمره لمدونتي واتمنى لك الافاده دوما وابدا

yousefalnatsheh يقول...

روعة كنت أبح عنها في كل مكان

سوف أضعها في مدونتي (^__^)

أتمنى زيارتك لي وشكراا
مدونة كل شي
http://everi-thing.blogspot.com

arabsmile يقول...

شكرا جدا حقيقى مدونه رائعه و مفيده جدا
www.arab-hot.blogspot.com

0 يقول...

شكرا لك بجد على معلمواتك تفضل بزياره مدونتى http://alkebar.blogspot.com/ مدونة الكبار

mounir14 يقول...

بارك الله فيك وادخلك الجنات العلى وثبت خطاك يا اخي

0 يقول...

شكراااااااا تفضل بزيارتى http://sh3pey.blogspot.com مدونة سمعنا شعبى تحتوى على -جديد الشعبى -سمعنا شعبى -تحميل شعبى -مشاهدة شعبى -تحميل مهرجنات -تحميل اغانى اوكا وارتيجا -تحميل مهرجنات شحته كاريكا -شعبى 2012 -شعبى 2013

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .