السلام عليكم ورحمة الله وبركاته
زوار المدونة الكرام أقدم لكم إضافة تعريف الكاتب الأكثرمن رائعة
هذه الأخيرة عدلت فيها بعض الشيئ حيث اضفت أزرار المشاركة داخلها لمشاركة الموضوع في الشبكات الإجتماعية
يمكنك التحكم في الاداة كما شئت غير الألوان غير أيقونات الشبكات الإجتماعية غير حجم الصورة الشخصية
أضف روابط لمواقعك الأخرى مثلا يعني تحكم كامل بالأداة
أضف روابط لمواقعك الأخرى مثلا يعني تحكم كامل بالأداة
صورة للأداة
إضغط على الصورة لتضهر بحجمها الطبيعي
لتركيب الاداة إتبع هذه الخطوات
أولا إبحث عن
]]></b:skin>
ثم فوقها ضع هذا الكود
/*Arabe-eye Author Bio */
.postauthor {
background: #F5F5F5;
hover:color:#222;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
border-left: 1px solid #e1e1e0;
border-right: 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;
}
/*Arabe-eye Author Bio End */
الآن ركبنا الكود الرئيسي للإضافة ناتي الآن لإختيار مكان وضع الإضافة وطبعا سيكون أسف الموضوع لذالك إبحث عن
<data:post.body/>
ستجده مكرر أكثر من مرة إختر الثالتة هي المقصودة ثم ضع تحتها هذا الكود
<b:if cond='data:blog.pageType == "item"'>
<div class='postauthor'>
<img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4pVB2Et6NRYbhjw0VCW-Ly1wsqjoaUFU43ubxmFP2WnT9zuGYArzJl6TS-F6jbQwyVmQlpGVDSdZNWn7PesD7YmgZIGmVuQPfZOOTMObLRV_58uwap6Cw8fr6FBbXx3dWkeiVZk8Q29Y/' width='100'/>
<h3>
بقلم <a href='http://arabe-eye.blogspot.com/'>عبد الجليل</a></h3>
<p>
شاب مغربي أحب كل جديد في عالم الانترنت من مواقع وبرامج واحب التدوين ودائما ابحث عن الجديد لتطوير مهاراتي في مختلف الميادين التي تعجبني</p>
<div style='float:left;text-align:left;'>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='تويتر' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7YmOtejz9XhpbNKVMo1Eg2-Y2R0GtkL4wUoKOLgKgDdguuqApsmv9TiJNiBFE_vmLUUKdvtWglzgdbuK1G8oeh54_LjCZ_xFGp5x3oZ70Lf7y51spzWPeMQ3uT6uP50r7rSAIgy15YyU/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='ديليسيوس' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOKuNZc7f6omjcE5hQwoWOaCt_Pd-lCkLQgWSLRxiFxtbqdNXTMgxDypilnsEiqYQXL1qg1lVV776-Liqx33KIMXeqf0qod3jBJ-dhuXqbwam-J5vdEGuYjX0DsU5BYf32wduf3loW8DA7/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='فيس بوك' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8lVbhz8WxtCuPe4eFCQdR0P167QY4sXq0epSR8wz1g4nXxwAvAIw-irXZ71EMsf7ZfIAZgOUd3TU5ii9huL3ok-JC1D0sAAPad5h-LH-QDUfnApHiYuFPgjDz4YmgfceB5yZrOLbza1-h/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='ديج' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnrna7Qx1jQF_K4G3NY8Vg1UQWm9MhFcVY9_-LgXumUTDQAKJMW6tIJAyVpkbR_SDc6oK3kG1Sc2ItehgCE3emhyphenhyphenHZ1C0c0EnPH9OPuTKyKpafocCi02CA0OZY2WUuk43BJA4NwuHn7Wad/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='ستامبلابن' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgbCCL5mgFqDxdz8n6djAzevEbrCgh59uiU7JKrWYqC-GbkyLkK_6mYAyI7EznKbtbB1WmDMv4XM94uw2WS3V-Rl6v_35KvoS9kQyhCWIGdI2Sfje0mWCmCJznomzKEaSrNbItUip14kHJ/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='المفضلة' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfNTLYuAdPloZvZGl-a1cBfrfP1AjBfcAXrqmbgh4-2zGicGvtvNQxhhM3ma-OGFlleomq7fw5ybU2zXas_VNJLfvOR3IDPRAYgSeoEa0PsbnVB4350Qg-X9_N3TthozsLl3iZ2WvnFkc_/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='المزيد' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihfhimKxb4WAu1bUeZiCNkZab6U4VRHy6FydjlUq0CEnFpnHOzMxmymBMX4mRKH8rE-OaoRdrNJqGmKR6N7jPLf65zc60JQdXKkCU-GGioUoLvGrLjSEx-O38FoXOq4Rr1H_Vyb-O0-yRG/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'></script>
</div>
</div>
</div>
</b:if>
ما عليك تغييره هو الصورة ومعلومات الكاتب هذا فقط لا غير
أتمنى ان تعجبكم الإضافة بالتوفيق للجميع
دمتم في رعاية الله وحفضه
0 تعليقات