اضافة ازرار جوجل لمدونات بلوجر

مرحبا بكم اليوم في درس واضافة جديدة لمدونات بلوجر.
اعتقد انكم لاحظتم زري محرك البحث جوجل ضربة حظ وبحث google ,وتتميز هذه الازرار بشكلها البسيط ومظهرها الجميل.هل تريد الحصول علي ازرار جوجل واضافتها علي مدونتك بلوجر؟
اذا اتبع معي الخطوات التالية لاضافة الازرار علي مدونتك الخاصة.

• صورة لمعاينة الاضافة

طريقة اضافة ازرار جوجل علي مدونتك

 اتبع الخطوات التالية:
 سجل الدخول إلى حساب Blogger الخاص بك
 اذهب إلى تصميم
 ثم تحرير HTML
 ابحث عن    ]]></b:skin>
ثم ضع قبله هذا الكود واحفظ القالب:

button.ui-button {     -webkit-border-radius: 2px;     -webkit-box-align: stretch;     -webkit-box-sizing: content-box;     -webkit-transition: all .2s;     -webkit-user-select: none;     background: -webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#F1F1F1));     border: 1px solid rgba(0,0,0,0.1);     border-radius: 2px;     box-sizing: content-box;     color: #222;     cursor: pointer;     font-size: 11px;     font-weight: 700;     height: 27px;     line-height: 26px;     margin: 0;     padding: 0 10px;     position: relative;     text-align: center;     vertical-align: middle; } button.ui-button:hover {     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);     -webkit-transition: all 0;     background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#F1F1F1));     border: 1px solid rgba(0,0,0,0.2);     box-shadow: 0 1px 1px rgba(0,0,0,0.1);     color: #222;     text-decoration: none; }

الان عند اضافة موضوع جديد واحتجت لتركيب الازرار اضغط علي زر html بجانب زر تاليف ثم اضف الكود التالي:

<button class="ui-button"><a href="رابط الموضوع" target="_blank">نص الموضوع</a></button>

غير ما باللون الاحمر بما يتماشي معك .

ارجو انكم قد استمتعتم بمشاهدة التدوينة وسنلتقي ان شاء الله مع مزيد من الاضافات والادوات الجيدة.

منشورة في: