الاضافه لها طريقتين
الطريقه الاولى: بدون وضع مواقع النشر الاجتماعيه ناحيه اليسار
والطريقه الثانيه : مثل الصورة تمام بوضع مواقع النشر معها اليكم الاضافه الاولى بدون مواقع النشر:
الاضافه سهلة التطبيق كل ماعليك هو الذهاب الي لوحة تحكم مدونة بلوجر ثم الي تصميم ثم تحرير HTML ثم قم بالضغط علي علامة توسيع عناصر الصفحه وابحث عن الكود التالي :
<data:post.body/>
او قم بالبحث عن هذا الكود
<div class='post-footer-line post-footer-line-1'>
وضع بعده مباشرة الكود الموجود بالاسفل
<b:if cond='data:blog.pageType == "item"'>
<div class='postauthor'>
<img alt='' height='75' src='رابط صورتك الشخصيه' width='75'/>
<h3>بقلم <a href='رابط اتصل بنا'> اسمك </a></h3>
<p> اكتب هنا معلومات مختصره عنك </p>
</div>
</b:if>
</b:if>
قم بعد ذلك بالبحث مجددا عن
]]></b:skin>
وضع قبلها مباشرة الكود الموجود بالاسفل:
/* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */
ثم قم بحفظ قالب مدونتك ..
مبروك تم الانتهاءاما الاضافه الثانيه وهي مع ماقع النشر الاجتماعيه:
تابع الشرح: الاضافه سهلة التطبيق كل ماعليك هو الذهاب الي لوحة تحكم مدونة بلوجر ثم الي تصميم ثم تحرير 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>مُدوٍن عِربي , مهتم بمتابعة كل جديد خاص بمنصة بلوجر .</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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSBIhV9ncJc_QjOhVJlhY8d6Sob5lEN6fodifjmU3TPMkhYAiVWQnXyrAh6azKKVHC2uiK20yF0w6ntxsTX5mvkbvU_H_J49IgcMSUznMXYCLtFhrUrXLIKPetiq3QFGhjJdvs41JUROc/');
}
.facebook{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvchkCqudezPtjfucSiEy_Pht983zqUmOfdm0MZ4-WHThWr_99VlU3QYNAjMlj4PAOjh7ZBzwlkVspnBeYFu5_OS5TXLndKCCzJFYZ29I3vdnihz-UH3K2ctmqHbSPF4rmI_3uHJ6Bipk/')
}
.delicious{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir5JOKC7pHEPTeNzDSbH0JO196YZw4y8j9F2cCRurSNEjAeeKwdNSJk7MNka_MI0xOubs3ZNr5X6q3DedAowwCa3xbIT5bkzJlCYT0hCklKzz_mbCh5JdqGCa0cKYxxXOy2q0zxIwyXgw/');
}
.print{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRS411ep1QwB1NYGSpiIuNFRb-edzjjzrcYF_WsHGRyJtDOIhkRtJyRECxVbx631JhSmWZypuJhfsmod2FTbBTRa2vOaztFJD07fqJutBL2ZcVRwyYRH4XkjF8Ey3y7a_j3HAzA11lKmc/');
}
.rss{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8W5pJmwpTticM9t8XisxYvP8sZbvdlzFsTx2E6gizkCvjMgQ3_gE8Le4g0ouhSjErxiSkwmC9opOFJsKt_X53JFEkM7vMjQbyyF9l5Wnp0MEVH9YIG8WJIKQyqFhKDJ5EIiOUrzaqH8k/');
}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='"http://twitter.com/share?text=" +data:post.title+ "&url=" + data:post.url + "&via=doaibblog&related=اسم مدونتك"' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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 == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' 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
وقم باستبدال رابط الصوره برابط صوره تختارها انتقم بعد ذلك بالبحث مجددا عن
]]></b:skin>
وضع قبلها مباشرة الكود الموجود بالاسفل:
/* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */
... ثم قم بحفظ القالب .
تم والحمد لله ...اي استفسار تحت امركم
أصدقاء(طوق حياه)
0تعليقات Blogger
