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

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

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

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

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

<script>

$(function () {

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

})

</script>

الأن توجه إلى التخطيط من ثم إضافة أداة 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>