اضافة زر التحميل علي شكل جوجل بلاي لمدونات بلوجر، نشارك اليوم في هذه التدوينة اضافة مهمه يحتاجها معظم اصحاب مدونات بلوجر وهي: زر التحميل من متجر جوجل بلاي، زر يعمل بشكل تلقائي لاضافة رابط التحميل من متجر جوجل يعطي شكل جميل وجذاب لزوار مدونتك.
طريقة إضافة الزر ليعمل بشكل تلقائي على مدونتك:
- انتقل الي لوحة تحكم بلوجر.
- المظهر.
- تحرير HTML.
- ثم أضف هذا الكود فوق الرمز </head> مباشرةً.
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> /*<![CDATA[*/ 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 40px 5px 16px;position:relative;font-family:fontfutura;font-weight:400} .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;right:6px;top:50%;margin-top:-15px} .btn-google:after{content:"أحصل عليه من";position:absolute;top:5px;right:40px;font-size:10px;} /*]]>*/ </style> </b:if>
- انقر على "حفظ المظهر".
<a class="btn btn-google" href="#" title="Google Play">Google Play</a>