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

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

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

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

أولا اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> 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>

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

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

عن المدونة

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

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

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

أحمد رجب

Popular Posts

الأقسام

أعضاء الموقع

عن المدونة

تواصل معنا