صندوق اعجابات الفيس بوك بشكل جديد وسبعة ألوان رائعة



السلام عليكم ورحمة الله وبركاته .
اليوم أقدم لكم اضافة رائعة لمدونات بلوجر .. وهي صندوق اعجابات الفيس بوك .
لاحظت انتشار هذه الأداة في معظم مدونات بلوجر (وذلك لأهميتها ) ولكن جميعها متشابهه وبها أخطاء ..
 كما أن شكلها غير متناسق .

لذلك قررت أن أقدم لكم هذه الأداة بشكل جديد وبسبعة ألوان لاحظت أنها الأشهر في عالم البلوجر ...
يمكنك اختيار ما يناسبك منها ..

نبدأ على بركة الله .

أولا اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> Html/Javascript
بعد ذلك قم بإضافة أحد الأكواد التالية  *على حسب رغبتك*

 1- اللون الأزرق الداكن




<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&amp;width=200&amp;height=346&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#3b5998;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

2- اللون الأحمر











<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&amp;width=200&amp;height=346&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#f34b4b;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

3- اللون البرتقالي


<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&amp;width=200&amp;height=346&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#ffa116;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

4- اللون النيلي


<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&amp;width=200&amp;height=346&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#3d9bc0;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>


5- اللون الداكن


<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&amp;width=200&amp;height=346&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#4b4b4b;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

6 اللون البنفسجي


<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&amp;width=200&amp;height=346&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#8c43a8;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
7-اللون الأخضر



<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&amp;width=200&amp;height=346&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#29b391;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

الى هنا نكون قد وصلنا الى نهاية الموضوع .. 
أتمنى أن تكون الإضافة قد نالت إعجابكم .. الى اللقاء  

أحمد رجب

هناك 5 تعليقات:

  1. Omar Shiriyani24 يوليو 2014 في 6:31 م

    جميل

    ردحذف
  2. أحمد رجب25 يوليو 2014 في 4:41 ص

    شكرا لك .

    ردحذف
  3. Unknown29 ديسمبر 2014 في 7:47 ص

    شكرا لك
    أخي أريد التبادل الإعلاني معك هذه مدونتي
    http://arabdroid1.blogspot.com

    ردحذف
  4. إبراهيم فهمي23 يناير 2015 في 6:37 م

    لماذا لا يظهر عندى مفتاح لايك فى صندوق الاعجاب عندما اغير الرابط برابط صفحتى على الفيس وشكرا لك على هذه الاضافه

    ردحذف
  5. إبراهيم فهمي23 يناير 2015 في 6:39 م

    يخرج الصندوق خالى تماما بعد تغيير الرابط

    ردحذف

الاشتراك في: تعليقات الرسالة (Atom)