الموضوع
اقرأ ايضًا
التعليقات
عن الكاتب
تعليمات
أهلا وسهلا أعزائي المتابعين والزوار ، أظن أن إضافات بلوجر لا تنتهي كثيرة هي، ومع اضافة في منتهى الأهمية أيضا تبقى إختيارية لوضعها ولكن أغلب المدونين حتى أصحاب المواقع الكبيرة من الأجانب إلى العر ،يضعون اضافة تعريف الكاتب أو نبذة عنه .. اسفل الموضوع .. تتميز إضافتنا بتنسيق جميل متكونة من صورة للكاتب و النشرة البريدية زائد أزرار المواقع الإجتماعية بتأثير جميل
1. توجه لقالب >> تحرير ابحث بإستعمال CTRL+F عن <b:skin/><[[
2. ضع الكود التالي فوقه
@font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype');
}
.postauthor {
background: #f8f8f8;
border: 4px solid #4E9E6B;
padding: 10px;
overflow: hidden;
margin: 4px 0px -7px 0px;
}
.postauthor img {
float: right;
background: #fff;
margin: 0 0 0 8px;
padding: 4px;
border: 1px solid #E0E0E0;
border-radius: 3px;
}
.postauthor h4 {
font: normal 14px 'GESSTwoMediumRegular', tahoma;
color: #3D5272;
background: url(http://2.bp.blogspot.com/-OHcYNHmyqiY/UjO2el9FMSI/AAAAAAAABRA/qRCHS8k_YYk/s1600/user.png) no-repeat 84% 50%;
padding: 0 125px 0;
}
.postauthor a {
color: #5DA86C;
font-size: 14px;
padding-right: 2px;
}
.postauthor p {
font: normal 11px 'GESSTwoMediumRegular';
color: #34495e;
line-height: 2em;
text-shadow: 0 1px 0 #fff;
}
/*----------social postauthor------------*/
#social_postauthor {
margin: 16px 0 0;
overflow: hidden;
background: #fff;
padding: 4px;
border-radius: 3px;
border: 1px solid #ddd;
}
#social_postauthor ul{margin:0;padding:0;overflow:hidden;}
#social_postauthor ul li {
float: right;
padding: 0;
margin: 3px 2px;
border-radius: 2px;
transition: 0.5s;
}
#social_postauthor ul li a{
display: inline-block;
float: right;
font-size: 0;
height: 30px;
line-height: 0;
text-indent: -9999em;
width: 30px;
transition:0.5s;
}
#social_postauthor ul li:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-moz-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Safari and Chrome */
transition:0.5s;
}
#social_postauthor ul li span{
font: normal 13px 'GESSTwoMediumRegular';
text-shadow: 0 1px 0 #fff;
padding: 4px 4px 4px 4px;
}
#social_postauthor .txt {
padding: 4px 0;
}
#social_postauthor .fb {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 50% center;
background-color: #003366;
}
#social_postauthor .tw {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 50% center;
background-color: #0ba6f7;
}
#social_postauthor .gl {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 50% center;
background-color: #dc311b;
}
.subspabox {
background: #f8f8f8 url(http://4.bp.blogspot.com/-iNt1NmiazTc/UhjgQHQ_3YI/AAAAAAAABBA/wa-VMs0PPMg/s1600/contact-gr.png) no-repeat 98% 50%;
font-family: 'GESSTwoMediumRegular';
color: #293949;
margin: 4px;
width: 62%;
text-align: right;
padding: 6px 35px 6px 0;
border: 1px solid #ddd;
border-radius: 3px;
float: left;
}
2. ابحث عن <div class='post-footer'>
* قد تجد الكود متكرر 4 مرات أو أقل الكود الأخير هو المقصود
5. ضع الكود التالي أسفله<div class='postauthor'>
<img height='80' rel='author' src='http://im77.gulfup.com/YkII2b.jpg' width='80'/>
<h4>
الكاتب :
<a href='http://www.ar1web.com' target='_blank'>
<data:post.author/>
</a>
</h4>
<p>
حسام مدون مغربي الجنسية ٬ مصمم ومبرمج قوالب بلوجر حر .. مهوس ألعاب ذو عدة مدونات ٬ لكن مع كثرة العمل قررت الإقتصار على مدونة واحدة وهي مدونة عرب ويب التي تأسست بتاريخ 2014/04/01 تم تغيير المحتوى لما يحبه المدون ولكي أساعد كل شخص ولو بشيئ بسيط أحب الجميع ولا أكره أحد .
</p>
<div class='rw-js-container'/>
<div id='social_postauthor'>
<ul>
<li class='txt'>
<span>
تواصل معي :
</span>
</li>
<li class='fb'>
<a href='https://www.facebook.com/' rel='nofollow' target='_blank'>
fb
</a>
</li>
<li class='tw'>
<a href='#' rel='nofollow' target='_blank'>
tw
</a>
</li>
<li class='gl'>
<a href='https://plus.google.com/u/0/+iHussam' rel='nofollow' target='_blank'>
gl
</a>
</li>
<form action='http://feeds.feedburner.com/ar1web/TFDh' id='subspa' method='post' onsubmit='window.open('http://feeds.feedburner.com/ar1web/TFDh;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='subspabox' onblur='if (this.value == "") {this.value = "توصل بجديد المدونة عبر الإشتراك ببريدك الإلكتروني...";}' onfocus='if (this.value == "توصل بجديد المدونة عبر الإشتراك ببريدك الإلكتروني...") {this.value = "";}' type='text' value='توصل بجديد المدونة عبر الإشتراك ببريدك الإلكتروني...'/>
</form>
</ul>
</div>
</div>
* غير كل ما لونهبالبرتقالي بما يناسب
* لتغيير الصورة فهي محددة باللون الأخضر
* لتغيير الصورة فهي محددة باللون الأخضر
ملحوظة:
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻
إرشادات
- موقع : Mediafire
- موقع :file-upload
- باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
- تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
- كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
- إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
تحميل الملفات
أين تجدنا؟
كلمة الختام
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم
رائع ي صديقي انتظرني بشكل جديد لعرض معلومات عن الكاتب
ردحذفتشكر ، بالتوفيق لك :)
حذفنريد درس لإضافة الإبتساماتي في التعليقق مثل التي عندك
ردحذفالإضافة تتطلب معرف كبيرة بمكان وضع الكود
حذفواضح أنك لم تعرف كيف تأخذها ;) كما أخذت البقية والشعار أيضا // أبدع لنفسك شيئ مغاير لأن الأخذ لن ينفعك
هههه لو عرف ما قصر ، Marouan Adbib شخص محتال جداً . .
حذفأخي حسام ممكن تغير لي شكل التعليقات في مدونتي ؟
ردحذفأريد خذف الكود الأول كامل ومن ثم تركيب واحد من جديد ويكون جيد
فيالانتظار أخي
تفضل هذا موضوع : http://www.ar1web.com/2014/09/blog-post_6.html
حذفبه شكل التعليقات رائع مع شرح طريقة التركيب
السلام عليكم ورحمتة الله وبركاته معليش يا أخي الاضافة لا تظهر عندي ارجو منك الحل رابط المدونة www.drabdel3zim.ga أخيك عبد العظيم
ردحذفعليكم السلام هل وضعت الأكواد !! لم أجدها في القالب
حذفالسلام عليكم ورحمتة الله وبركة اخي حسام اريد منك طلب واحد ممكن تقولي كيفية عمل صفحة مثل هذة
ردحذفhttp://im85.gulfup.com/ARhv3t.png
اريد ازالة السليدرشو او ............. فقط في صفحة معينة لا في كل الصفحات وشكر
اهلا
حذفتفضل تدوينة ستجد بها الطريقة : http://www.ar1web.com/2014/08/blog-post_18.html
السلام عليكم ممكن كود اللوان الفلات الي موجود في مدونتك ارجو الرد ؟
ردحذفاين الرد اخي ؟
ردحذفاخي ممكن كود الاضافة الخاصة بك
ردحذفتم افتتاح مدونة ويب نايت ===للقوالب والاضافات الحصرية
ردحذفوالقوالب المدفوعة ادخل الان وشوف القوالب الرائعة
http://web3-night.blogspot.com/
تشكر ، بالتوفيق لك :)
ردحذفwww.blem2015.blogspot.com
اخي انظر كيف كانت النتيجة و كيف الحل
ردحذفلا اعني بذلك اسمك بل ان الشكل لا ياتي معي كايقونة
رابط مدونتك؟
ردحذفكيف نستطيع تركيبها لمدونة فيها اكثر من كاتب ؟ ! نكرر الكود ؟ :)
ردحذفانا مش عارف اضيفة ممكن حل
ردحذففي أي مرحة وجدت المشكل؟
حذفقمت بالبحث عن هذا الكود <[[ اكتر مره وكل مرهيقولي not found
ردحذفابحث عن skin وستجده مجموع أي بجانبه سهم إضغط عليه ثم أعد البحث <b:skin/><[[ وسيوجهك إليه
حذفارجو الرد سريعا ع هذه المشكله
ردحذف< class='post-footer'> لم اجدها في قالبي علي مدونتي ماذا افعل
ردحذفأضف الاضافة أسفل هذا
حذفإبحث عن هذا
ردحذف<div class='sharepost'>
أخى حسام عند اضافة الكزد الثانى يجب أن تضع الكود أسفل هذا
ردحذفشكرا لك
ردحذفشكرا لك اخي
ردحذفتقدم الكثير
شكرا لك
ردحذفشكرا جزيلا افدتني كثيرا يا برنس الله يطرحلك البركة في مواضيعك
ردحذف