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

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

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

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

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

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

<b:if cond='data:blog.pageType == "item"'>
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzocPt8IHRMtcOVmSUw05yUJLTqWiCSxa1JUaKqbGZqUhibFmzju0qTtksQFcGQFAcJxVzQcmSL0NuQ6n6mqd7cYTjp6XBehe46dfyd4cTB8413JujP9PwqOBgm8tuV1aDOouTxmau_81/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>