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

0 مشاهدة
اضافة زر جوجل بلاى لمدونات بلوجر - بالطبع هناك مدونات على منصة بلوجر لديها تطبيقات الاندرويد وتحتاج وصلة تحميل خارجية الى صفحات جوجل بلاى، ومن اجل تحسين شكل المدونة وتناسبها مع تطبيقات الاندرويد، نوصى باستخدام وصلة تحميل لجوجل بلاى باستخدام زر جوجل بلاى.

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

هناك استخدام اخر للاضافة، اذا كنت قد انشئت تطبيق لمدونتك على جوجل بلاى يمكنك وضع زر جوجل بلاى فى السايدبار بدلا من الصور.

معاينة زر جوجل بلاى



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


1. اذهب الى لوحة التحكم > القالب > تحرير HTML

2. ابحث عن <head> ، وضع الكود التالي فوقه

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
@font-face{font-family:"fontfutura";src:url("https://cdn.rawgit.com/KompiAjaib/font/master/product-sans-regular.ttf") format("ttf");font-weight:normal;font-style:normal;}
a.btn-google{color:#fff}
.btn{padding:10px 16px;margin:5px;font-size:18px;line-height:1.3333333;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block}
.btn:active:focus,.btn:focus{outline:0}
.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}
.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-google{color:#fff;background-color:#111;border-color:#000;padding:15px 16px 5px 40px;position:relative;font-family:fontfutura;font-weight:600}
.btn-google:focus{color:#fff;background-color:#555;border-color:#000}
.btn-google:active,.btn-google:hover{color:#fff;background-color:#555;border-color:#000;}
.btn-google:before{content:"";background-image:url(https://4.bp.blogspot.com/-52U3eP2JDM4/WSkIT1vbUxI/AAAAAAAArQA/iF1BeARv2To-2FGQU7V6UbNPivuv_lccACLcB/s30/nexus2cee_ic_launcher_play_store_new-1.png);background-size:cover;background-repeat:no-repeat;width:30px;height:30px;position:absolute;left:6px;top:50%;margin-top:-15px}
.btn-google:after{content:"GET IT ON";position:absolute;top:5px;left:40px;font-size:10px;font-weight:400;}
/*]]>*/
</style>
</b:if>

2. ضع الكود التالى فى التخطيط او المواضيع

<a class="btn btn-google" href="#" title="Google Play">Google Play</a>

3. انتهى شرح اضافة زر جوجل بلاى لمدونات بلوجر، شكرا لكم على الزيارة.

محمود 17 عام مصري الجنسية، مصمم و معرب قوالب بلوجر، مهووس ألعاب فيديو و ذو عدة مدونات، لكن مع كثرة العمل قررت الإقتصار على مدونة واحدة وهى روتكس لكي أساعد كل شخص ولو شيء بسيط.

2 تعليقات