|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
12-12-2014, 05:13 AM | #1 |
مدون نشيط
تاريخ التسجيل: Dec 2014
الدولة: أرض الله الواسعة
المشاركات: 182
|
طريقة إضافة تعريف الكاتب بشكل أحترافي لمدونات بلوجر 2015
- طريقة التركيب : 1- أدخل إلى مدونتك | ثم أختر تحرير قالب . 2- إبحث عن الوسم : ]]></b:skin> 3- ضع هذا الكود فوقه : كود بلغة HTML:
/*Author box by www.homeblog7.blogspot.com*/ #homeblog7AB{ margin: 10px 0; } #homeblog7AB a:hover { background: none!important; } #homeblog7AB .BS1 { background: #000000; padding: 20px; } #homeblog7AB .BS1 .bsavatar { float: left; line-height: 1; -moz-box-shadow: 0 0 10px #FEBFDC; -webkit-box-shadow: 0 0 10px #FEBFDC; box-shadow: 0 0 10px #FEBFDC; } #homeblog7AB .BS1 .BSAuthorinfo { margin: 0 0 0 110px; } #homeblog7AB .BS1 .BSAuthorinfo h6 { margin: -4px 0 0 0; color: white; font-size: 20px; } #homeblog7AB .BS1 .BSAuthorinfo h6 span { font-size: 11px; font-weight: normal; margin: 0 0 0 1em; background: #FE80B9; padding: 1px 9px 2px 9px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; filter: alpha(opacity=60); opacity: 0.6; } #homeblog7AB .BS1 .BSAuthorinfo p { color: #DDD; margin: 0; font-weight: normal; font-size: 14px; } #homeblog7AB .BS2 { background: #666; } #homeblog7AB .BS2 a.bssocial-item { display: block; float: left; padding: 15px; color: white; text-align: center; } #homeblog7AB .BS2 .bssocial-item .icon { height: 32px; width: 32px; } #homeblog7AB .BS2 .bssocial-item > span { display: block; margin: auto; text-align: center; } #homeblog7AB .BS2 .bssocial-item .label { font-weight: bold; font-size: 13px; } #homeblog7AB .BS2 .bssocial-item .click { font-size: 11px; color: #EAEAEA; line-height: 1; } #homeblog7AB .BS2 a.bssocial-item:hover { background:#eb461d!important; } #homeblog7AB .BS3 { background: #eb461d; } #homeblog7AB .BS3 form, #homeblog7AB .BS3 a.donation-button { display: block; float: left; } #homeblog7AB .BS3 .donation-button { background: #A10048; border: none; margin: 0; padding: 10px; font-family: Impact; font-size: 30px; color:white; line-height: 1.5em; } #homeblog7AB .BS3 .donation-button:hover { background:#000000; cursor: pointer; } #homeblog7AB .BS3 .register-button { display: block; color: white; border: none; margin: 0; text-align: right; font-family: Impact; font-size: 30px; text-align: right; padding: 10px; line-height: 1.2em; } #homeblog7AB .BS3 .register-button:hover { color: black; cursor: pointer; } #homeblog7AB .BS2 .bssocial-item.twitter .icon {background-position: 0 -32px;} #homeblog7AB .BS2 .bssocial-item.facebook .icon {background-position: 0 -64px;} #homeblog7AB .BS2 .bssocial-item.gplus .icon {background-position: 0 -96px;} #homeblog7AB .BS2 .bssocial-item.linkedin .icon {background-position: 0 -128px;} #homeblog7AB .BS2 .bssocial-item.youtube .icon {background-position: 0 -160px;} #homeblog7AB .BS2 .bssocial-item.pinterest .icon {background-position: 0 -192px;} #homeblog7AB .bssocial-item .icon { background-image:url(http://1.bp.blogspot.com/-aztO8A5UY2I/UbwSnQhTUOI/AAAAAAAADi0/p1yGE0WCAjc/s1600/BS+Social+Sprite.png)!important;background-repeat: no-repeat } كود بلغة HTML:
<b:if cond='data:blog.pageType == "item"'><div id="homeblog7AB" data="1"> <div class="row BS1"> <div class="bsavatar"> <a href="http://homeblog7.blogspot.com/p/404_23.html"><img alt='author-avatar' src='[COLOR="Red"]http://im69.gulfup.com/qlsrAm.png[/COLOR]' class='bsavatar avatar-90 photo' height='100' width='100' /></a> </div> <div class="BSAuthorinfo"> <h6>بقلم:حنا فريد<span>صاحب الموقع</span></h6> <p> بلدي هو الأردن مشرف سابقا على عدة منتديات و مواقع و صفحات تعليمية على الفيسبوك و من عشاق البحت و الاكتشاف أشياء جديدة و حصرية حول شبكت الأنترنيت من أهمها مدونات بلوجر و وود دبرس و الصفحات على الفيسبوك أحب مساعدة المبتدئين لإنجاز طموحاتهم كما أسعى لتحقيقي طموحاتي من خلال هذا الموفع المتواضع أتمنى أن تنال مقالاتي إعجابكم و أن أكون أول من يدعمكم لشق طريقكم نحو التطور و الإحتراف و الإستفادة من خلال عرض مجموعة من المعلومات و المواضيع القيمة <a href='http://www.homeblog7.blogspot.com/'><b><span style='color: white;'>هوم بلوجر.</span></b></a></p> </div> <div class="clear"></div> </div> <div class="row BS2"> <a target="_blank" href="[COLOR="red"]http://www.homeblog7.blogspot.com[/COLOR]" class="bssocial-item website" meta="website"> <span class="icon"></span> <span class="label">الموقع</span> <span class="click"><span class="val">10</span> أنقر هنا</span></a> <a target="_blank" href="[COLOR="red"]https://twitter.com/homeblog7[/COLOR]" class="bssocial-item twitter" meta="twitter"> <span class="icon"></span> <span class="label">Twitter</span> <span class="click"><span class="val">2</span> أنقر هنا</span></a> <a target="_blank" href="[COLOR="red"]http://www.facebook.com/ChristiaUnion[/COLOR]" class="bssocial-item facebook" meta="face"> <span class="icon"></span> <span class="label">Facebook</span> <span class="click"><span class="val">10</span> أنقر هنا</span></a> <a target="_blank" href="[COLOR="red"]https://plus.google.com/115831608850519879364[/COLOR]" class="bssocial-item gplus" meta="gplus"> <span class="icon"></span> <span class="label">Google+</span> <span class="click"><span class="val">7</span> أنقر هنا</span></a> <a target="_blank" href="[COLOR="red"]https://www.youtube.com/channel/UCInU677SGp1tZVce5kRupyA[/COLOR]" class="bssocial-item youtube" meta="youtube"> <span class="icon"></span> <span class="label">Youtube</span> <span class="click"><span class="val">3</span> أنقر هنا</span></a> <div class="clear"></div></div> <div class="row BS3"> <form class="author-donation" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_donations"/> <input type="hidden" name="business" value="[COLOR="red"]هنا ضع إيميلك[/COLOR]"/> <input type="hidden" name="lc" value="US"/> <input type="hidden" name="item_name" value="Donate Blogger Spice"/> <input type="hidden" name="no_note" value="0"/> <input type="hidden" name="currency_code" value="USD"/> <input class="donation-button" type="submit" name="submit" value="+[COLOR="red"]التبرع للمدونة[/COLOR]"/> </form><a href="https://www.blogger.com/blogger.g?blogID=هنا ضع أي دي مدونتك" class="register-button">[COLOR="red"]أنضم إلى أعضاء المدونة[/COLOR]</a><div class="clear"></div></div></div></b:if> - عدّل ماهو باللون الأحمر. - ثم إحفظ القالب .
__________________
|
12-13-2014, 08:49 AM | #2 |
مدون جديد
تاريخ التسجيل: Dec 2014
المشاركات: 1
|
رد: طريقة إضافة تعريف الكاتب بشكل أحترافي لمدونات بلوجر 2015
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
الكاتب, تعريف, إضافة |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
إضافة معلومات عن الكاتب بشكل جديد 2015 | Hady store | إضافات وأدوات بلوجر | 0 | 11-19-2014 03:09 AM |
إضافة أزرار مواقع التواصل الإجتماعي بشكل جديد 2015 | zinani | إضافات وأدوات بلوجر | 0 | 08-03-2014 10:57 PM |
اضافات بلوجر: إضافة صورة و تعريف كاتب الموضوع بشكل أنيق وجديد | Jalaleddine | إضافات وأدوات بلوجر | 0 | 07-15-2014 12:12 PM |
اضافة تعريف الكاتب لمدونات بلوجر | ilyass kéng | إضافات وأدوات بلوجر | 9 | 04-21-2013 10:52 AM |
أضف أخر التعليقات مع صورة الكاتب بشكل جميل ورائع لمدونات البلوجر | saheralialy | إضافات وأدوات بلوجر | 0 | 01-22-2013 03:25 PM |
الساعة الآن 02:44 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |