اداة الاعجاب بصفحة الفيس بوك بشكل جديد واحترافي

في دروسنا المتنوعة حول كل مايخص مدونات البلوجر من قوالب احترافية لجميع المجالات واضافات واكواد وادوات وتطوير مدونات البلوجر وايضا نوافيكم بكل ماهو جديد في عالم البلوجر

وتستطيع تصفح هذه المقالات بالولوج الى قسم بلوجر في المدونة

موضوع اليوم هو اداة الاعجاب بصفحة الفيسبوك بشكل جديد واحترافي

معاينة الاداة كما في الصورة اعلاه

عند تمرير الماوس عليها ستتحول الى زر الاعجاب بالصفحة حيث سيضهر زر اعجبني وعدد الاجابات ليقوم بالضغط على اعجبني لصفحتك على الفيسبوك
الاداة جميلة جدا واحترافية

طريقة تركيب الاداة سهلة جدا

فقط توجه الى التخطيط واضف اداة html/java scipt

وضع الكود بداخلها واحفظ الاداة

<div class='clear'></div><span class='widget-item-control'><span class='item-control blog-admin'><a class='quickedit' href='//www.blogger.com/rearrange?blogID=6774437264110307122&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebarwidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'><img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/></a></span></span><div class='clear'></div><div class='widget HTML' data-version='1' id='HTML5'><div class='widget-content'><div class="widget HTML" data-version="1" id="HTML3"><div class="widget-content"><div class="fb-like"><img src="http://c.top4top.net/p_36fuv53.png" /><iframe allowtransparency="true" class="fb-like-button" frameborder="0" scrolling="no" src="https://www.facebook.com/plugins/like.php?href=https://www.facebook.com/technomisc&amp;width=50&amp;layout=box_count&amp;action=like&amp;size=small&amp;show_faces=true&amp;share=true&amp;height=65&amp;appId"></iframe></div></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=5022547706515235746&amp;widgetType=HTML&amp;widgetId=HTML3&amp;action=editWidget&amp;sectionId=sidebarwidget" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML3&quot;));" target="configHTML3" title="تحرير"><img alt="" height="18" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18" /></a></span></span><div class="clear"></div></div><style>.fb-like {position: fixed;bottom: 16px;left: 16px;z-index: 99999;background: #3a5795;border-radius: 100%;box-shadow: 1px 2px 16px rgba(0,0,0,0.6);height: 64px;width: 64px;}.fb-like img {padding: 16px;visibility: visible;opacity: 1;}.fb-like-button {bottom: 45px;position: fixed;height: 40px;visibility: hidden;opacity: 0;left:24px;border-radius: 100%;width: 60px;}.fb-like:hover .fb-like-button {visibility: visible;opacity:1;left:24px;height:65px;border-radius: 0px;}.fb-like:hover img{visibility: hidden;opacity:0;width:50px;}.fb-like:hover {background: #fff;border-radius: 3px;height: 102px;width: 76px;box-shadow: 1px 3px 20px rgba(0,0,0,0.7);}</style></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=6774437264110307122&widgetType=HTML&widgetId=HTML5&action=editWidget&sectionId=sidebarwidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML5"));' target='configHTML5' title='تحرير'><img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/></a></span></span><div class='clear'></div></div>
<div class='clear'></div><!-- sidebarr --><!-- slideshowallcontentsidbar --><style>.slideshowallcontentsidbar {float: left;min-width: 300px;flex-grow: 1;margin-right: 10px;}</style>

شارك الموضوع ..