اضافة زر جوجل بلاى لمدونات بلوجر - بالطبع هناك مدونات على منصة بلوجر لديها تطبيقات الاندرويد وتحتاج وصلة تحميل خارجية الى صفحات جوجل بلاى، ومن اجل تحسين شكل المدونة وتناسبها مع تطبيقات الاندرويد، نوصى باستخدام وصلة تحميل لجوجل بلاى باستخدام زر جوجل بلاى.
هناك استخدام اخر للاضافة، اذا كنت قد انشئت تطبيق لمدونتك على جوجل بلاى يمكنك وضع زر جوجل بلاى فى السايدبار بدلا من الصور.
1. اذهب الى لوحة التحكم > القالب > تحرير HTML
2. ابحث عن <head> ، وضع الكود التالي فوقه
2. ضع الكود التالى فى التخطيط او المواضيع
3. انتهى شرح اضافة زر جوجل بلاى لمدونات بلوجر، شكرا لكم على الزيارة.
هناك استخدام اخر للاضافة، اذا كنت قد انشئت تطبيق لمدونتك على جوجل بلاى يمكنك وضع زر جوجل بلاى فى السايدبار بدلا من الصور.
اضافة زر جوجل بلاى لمدونات بلوجر
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/AVvXsEijYtr9uwKYHDzbcQwHHBpK7I6QOv4cY5zhfzq9S0OT3R1VBGgXjDeo5irXpBoUGo35IH1fE7gY7Dg1TJaER4kzgM1fOdPOtZ8pHtOtTf7wz3mNrPtrP5BNViG42SgjvOadJNc-dKg4kr2-/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. انتهى شرح اضافة زر جوجل بلاى لمدونات بلوجر، شكرا لكم على الزيارة.
واصل يا بطل
ReplyDeleteشكرا لك يا محمد (k)
Delete