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

السلام عليكم ورحمة الله وبركاتة .. اضافة اليوم عباره عن تعريف مختصر بكاتب المدونه وصوره شخصيه له يراها كل زائر وقارئ للتدوينات التي يقوم بنشرها  حيث انها تقع مباشرة اسفل اخر سطر في المشاركه المكتوبه . وتحتوي الاضافه ايضا علي روابط المشاركه لاشهر واهم المواقع الاجتماعيه مثل الفيس بوك وتويتر مع بعض الخدمات الاخري كاضافة الصفحه للمفضله وطباعة الصفحه وايضا الاشتراك في خلاصات المدونه.. الاضافه سهلة التطبيق كل ماعليك هو الذهاب الي لوحة تحكم مدونة بلوجر ثم الي تصميم ثم تحرير 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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgddjLfh8G-INzK7dw3mHeZ55EXs-NOX-jIS6z9YUQ9ObE2ujlpRMCh0P6e7WoaXRP3AVGOUFgHhwJixznl5RRQh_Dkbur5MuINXcH3gIwGWVhtNGUhkOH4cvBAFp2bltOfhv7kx57XtzE/&#39;);
}
.facebook{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLXEpPR3p9GeFwXZgxKEBdiiOM0q364k44EMyTyjxFSMrSnSkUbEmJCpfIknkS3k32aOyNVri-umhHh5PVSylgtJTJqqYyKV6_Y9FvjcRSgGAfu3x1lPQ_iC-d8B_UchoA5rOFaAB_eF8/&#39;)
}
.delicious{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxcdHVhBU8_skbsjNJVjZTfI1akBaQ-GNfPiQ0CYrw4neqmYKo0NplhJfq20bQKiioY_Veiez2BdnHW4j8xYgDj1XjA2nqsT5tLZMP0cQld_iaO20S17lx8hVS1yKqHu_d4NAuFp6B40A/&#39;);

}
.print{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVscZyoayGfbNPGx15K5GJadTso9N4GrmVBjMqObN63KWCHgHQZvFpsrJvFaPoR1x_D6LnVky8rGfuwTZ4h-BAaK1on5B6sn63azYf7o42hrSQ9Harkeu3aG_7QFjEAEfPkWiXKA7c9lE/&#39;);

}
.rss{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMC3mwAw1I1gKh-hOc2jq49RenZJimi4rDmaFT4GCGf0oqrTjbe-dlVaY0SoDFyuVLXyJ_cDrCysfCeSsjjPcy0Z9pMQy_o1mJpHZJO-NtKu5IubndyCpxMiFR7XDg5xHKhnPsIqNUxUY/&#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
9تعليقات Blogger

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

AhmedIsmail يقول...

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

غير معرف يقول...

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

غير معرف يقول...

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

Barca_n يقول...

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

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

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

Unknown يقول...

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

غير معرف يقول...

@arabsmile
العفو ياغالي بتمنى لك التوفيق

mounir14 يقول...

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

إرسال تعليق

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