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

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

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

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

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

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

<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&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&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&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&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&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&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&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&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&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&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&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&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&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>

الى هنا نكون قد وصلنا الى نهاية الموضوع ..

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

المصدر مدونة ابداع هاوس

اضغط لتذهب للموضوع الأصلي