القائمة الرئيسية

الصفحات

إضافة زر التحميل من جوجل بلاي لمدونات بلوجر تلقائياً


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

طريقة إضافة الزر ليعمل بشكل تلقائي على مدونتك:

  • انتقل الي لوحة تحكم بلوجر.
  • المظهر.
  • تحرير HTML.
  • ثم أضف هذا الكود فوق الرمز </head> مباشرةً.
<b:if cond='data:blog.pageType == &quot;item&quot;'> <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>

  • انقر على "حفظ المظهر".
والآن لإضافة رابط تطبيق جديد ماعليك سوى وضع الكود التالي في مسودة المشاركة انقر على "HTML" ثم أضف الكود في المكان المناسب ثم قم بأضافة رابط تحميل التطبيق بدلا من الرمز (#).

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

لا تنسى الإشتراك في المدونة من هنا ليصلك كل جديد