إضافة اداة صفحة الهدايا فى العمود الجانبى

يونيو 15, 2017 omer mohamed

السلام عليكم أعزائى متابعى  اليوم معى لكم إضافة جديدة وفريدة من نوعها سوف تعطى مدونتك لمسة من الإحتراف قد لا تكون الإضافة مهممة للغاية ولكنها ايضاً إضاقة مناسبة لمعظم المدونات التى تنوى فتح صفحة للهدايا او بالفعل إفتتحتها والان دعونا ندخل إلى شرح التركيب ونتمنى ان تكونوا فى احسن حال .
الاضافه من موقع دبور فون

طريقة التركيب 

1. اولاً ابحث عن الوسم </head> 
2. قم بإضافة الكود التالى فوقه 

<script src='https://70e8954ac1bd70da6d87371d78143237dfd1ad43.googledrive.com/host/0B38VxVtxtadTQzJIMkxLQ0pmUnM/Gifts_dabourphone.js'></script>

<script>

$(function () {

$('[data-toggle="popover"]').popover();

})

</script>

1. الأن توجه إلى التخطيط من ثم إضافة أداة Html/JavaScript وضع فيه الكود التالى 

<link href="https://7ac24573f471a0e318319468d7478534fa74e8fa.googledrive.com/host/0B38VxVtxtadTWlNleVBQMUt4c0k/Gifts_dabourphone.css" rel="stylesheet" type="text/css">
<div class="Gifts_dabourphone">
<div class="Gifts_dabourphone_header">
    أغتنم الفرصه
  </div>
  <div class="Gifts_dabourphone_ArticleBox">
    <div class="Gifts_dabourphone_content">
      <div class="Gifts_dabourphone_tagline">هدايا عديدة<i class="Gifts_dabourphone_icon glyphicon glyphicon-gift"></i></div>
      <p class="Gifts_dabourphone_creative">أحصل<b>على العديد من الهدايا المجانية</b> المقدمة من مدونة دبور فون، هدايا رائعه تساعدك في التصميم وتطوير موقعك!</p>
    </div>
    
    <div class="Gifts_dabourphone_cta">
      <button class="btn btn-gifts" role="button" data-toggle="popover" data-placement="top" title="" data-content="جاري تصميم صفحة الهدايا الرائعه أنتظرونا ^__^" data-original-title="صفحة الهدايا (قريبا)">صفحة الهدايا <i class="glyphicon glyphicon-gift"></i>
    </button></div>
  </div></div>

المصدر مهوس التقنية

مشاركة