إضافة صندوق الإعجاب بصفحة فيسبوك على شكل نافذة لمدونات بلوجر

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

انقر للمشاهدة!

كيفية إضافة صندوق الإعجاب بصفحة فيسبوك فيمدونة بلوجر؟

1. إنتقل من blogger.com --> القالب --> تحرير html ثم بإستخدام رمز الإختصار ctrlوf أبحث عن الرمز ثم اضف الكود التالي فوقه مباشرةً:



<br /></span></div></div><br /><script type='text/javascript'><br /><br />function show(target) {<br />    document.getElementById(target).style.display = 'block';<br />}<br /><br />function hide(target) {<br />    document.getElementById(target).style.display = 'none';<br />}<br /></script><br /></span></span></span></pre></div></div><br />2. غير <b><span style="color: red;">mdadice </span></b>بمعرف مدونتك على فيسبوك<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRHoVzdKLXLcys-IdpU4jvlEGLGX6_jgwjvemXLMtt4gw2ymG-WK85Z1htgXgqz-P1TqR2Msz27ebl2jhgxvEQkTppkUuuSqAH9OsVeOvEPeHWExgPqAscO-A83fwGpKTFDWsZxchM4Y/s1600/2016-08-13_11-20-59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRHoVzdKLXLcys-IdpU4jvlEGLGX6_jgwjvemXLMtt4gw2ymG-WK85Z1htgXgqz-P1TqR2Msz27ebl2jhgxvEQkTppkUuuSqAH9OsVeOvEPeHWExgPqAscO-A83fwGpKTFDWsZxchM4Y/s320/2016-08-13_11-20-59.png" width="320" /></a></div><br />3. أبحث عن الرمز&#160;<b>]]></b:skin></b> ثم أضف الكود التالي فوقه مباشرة:<br /><div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; transition: all 0.3s ease-in-out;"><pre dir="ltr" style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; text-align: left; width: auto !important;"><span style="color: #666666; font-family: "courier new" , monospace;"><span style="font-size: 14px; line-height: 19.59375px;">#open-fb{background-color:#FFFFFF;border:4px solid rgb(210,210,210);bottom:0;border-bottom:0;float:right;height:auto;margin-bottom:0;margin-right:5px;position:fixed;left:0;width:auto;z-index:10}<br />.close-fb{color:#333!important;position:absolute;top:1px;right:1px;width:20px;height:20px;line-height:20px;text-align:center;font-size:11px}<br />.slideUp{animation-name:slideUp;-webkit-animation-name:slideUp;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}<br />@keyframes slideUp{0%{transform:translateY(100%)}50%{transform:translateY(-8%)}65%{transform:translateY(4%)}80%{transform:translateY(-4%)}95%{transform:translateY(2%)}100%{transform:translateY(0%)}}<br />@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%)}50%{-webkit-transform:translateY(-8%)}65%{-webkit-transform:translateY(4%)}80%{-webkit-transform:translateY(-4%)}95%{-webkit-transform:translateY(2%)}100%{-webkit-transform:translateY(0%)}}<br /></span></span></pre></div></div><br />4. أنقر على حفظ القالب ثم قم بالنقر على "عرض المدونة" لمشاهدة النتيجة.<br /><br /><br /><br /><br /></div>
</div>
</article>
<div style='clear:both'></div>
<div class='post-footer'>
<div class='post-tags'>
<span>التصنيف:</span>
<div class='label-head Label'>
<a href='https://technology2arab.blogspot.com/search/label/%D8%A8%D9%84%D9%88%D8%AC%D8%B1' rel='tag'>بلوجر</a>
</div>
</div>
<div style='clear:both'></div>
<div class='share-box'>
<div class='share-art'>
<a class='fac-art' href='http://www.facebook.com/sharer.php?u=https://technology2arab.blogspot.com/2016/08/blog-post_13.html&title=إضافة صندوق الإعجاب بصفحة فيسبوك على شكل نافذة لمدونات بلوجر' onclick='window.open(this.href, &#39;windowName&#39;, &#39;width=600, height=400, left=24, top=24, scrollbars, resizable&#39;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook-official'></i></a>
<a class='twi-art' href='http://twitter.com/share?url=https://technology2arab.blogspot.com/2016/08/blog-post_13.html&title=إضافة صندوق الإعجاب بصفحة فيسبوك على شكل نافذة لمدونات بلوجر' onclick='window.open(this.href, &#39;windowName&#39;, &#39;width=600, height=400, left=24, top=24, scrollbars, resizable&#39;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'></i></a>
<a class='goo-art' href='https://plus.google.com/share?url=https://technology2arab.blogspot.com/2016/08/blog-post_13.html&title=إضافة صندوق الإعجاب بصفحة فيسبوك على شكل نافذة لمدونات بلوجر' onclick='window.open(this.href, &#39;windowName&#39;, &#39;width=600, height=400, left=24, top=24, scrollbars, resizable&#39;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'></i></a>
<a class='pin-art' href='http://pinterest.com/pin/create/button/?url=https://technology2arab.blogspot.com/2016/08/blog-post_13.html&media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyF_MXXAL7aNB9Uf6SdYe2GVxJQSq-9nfS0equ6LrUGnWweEYQ1PpmUpZb6FiIoyU6p7sa6H4IaAh4mqwfqSi_fywKXcBKd6Zn9gE96VF0XScbOHsH-WWiYHOFP0AAHAEdk5pV0COtwRY/s1600/%25D8%25A5%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9+%25D8%25B5%25D9%2586%25D8%25AF%25D9%2588%25D9%2582+%25D8%25A7%25D9%2584%25D8%25A5%25D8%25B9%25D8%25AC%25D8%25A7%25D8%25A8+%25D8%25A8%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9+%25D9%2581%25D9%258A%25D8%25B3%25D8%25A8%25D9%2588%25D9%2583+%25D8%25B9%25D9%2584%25D9%2589+%25D8%25B4%25D9%2583%25D9%2584+%25D9%2586%25D8%25A7%25D9%2581%25D8%25B0%25D8%25A9+%25D8%25B5%25D8%25BA%25D9%258A%25D8%25B1%25D8%25A9+%25D9%2582%25D8%25A7%25D8%25A8%25D9%2584%25D8%25A9+%25D9%2584%25D9%2584%25D8%25A5%25D8%25BA%25D9%2584%25D8%25A7%25D9%2582.png&description=بعد مشاركة &quot; إضافة صندوق دردشة فيسبوك ماسنجر الخاص بصفحة مدونتك على فيسبوك في مدونات بلوجر &quot; سوف نشارك معكم إضافة جديدة تستطيع من ...' onclick='window.open(this.href, &#39;windowName&#39;, &#39;width=600, height=400, left=24, top=24, scrollbars, resizable&#39;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'></i></a>
<a class='lin-art' href='http://www.linkedin.com/shareArticle?url=https://technology2arab.blogspot.com/2016/08/blog-post_13.html&title=إضافة صندوق الإعجاب بصفحة فيسبوك على شكل نافذة لمدونات بلوجر' onclick='window.open(this.href, &#39;windowName&#39;, &#39;width=600, height=400, left=24, top=24, scrollbars, resizable&#39;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'></i></a>
</div>
</div>
<div style='clear:both'></div>
<div id='related-wrap'>
<div class='title-wrap'>
<h2></h2>
</div>
<div id='related-ready'>
<span class='related-tag'>بلوجر</span>
</div>
</div>
<div style='clear:both'></div>
<ul class='post-nav'>
<li class='next'>
<a class='next-post' href='https://technology2arab.blogspot.com/2016/08/iptv-playlist-1482016-mix-channels-m3u.html' id='Blog1_blog-pager-newer-link' rel='next'></a>
</li>
<li class='prev'>
<a class='prev-post' href='https://technology2arab.blogspot.com/2016/08/blog-post_8.html' id='Blog1_blog-pager-older-link' rel='previous'></a>
</li>
</ul>
<div style='clear:both'></div>
<div class='cmm-title title-wrap'>
<h2></h2>
</div>
<script type='text/javascript'>
                 var disqus_blogger_current_url = "http://technology2arab.blogspot.com/2016/08/blog-post_13.html";
                 if (!disqus_blogger_current_url.length) {
                   disqus_blogger_current_url = "https://technology2arab.blogspot.com/2016/08/blog-post_13.html";
                 }
                 var disqus_blogger_homepage_url = "https://technology2arab.blogspot.com/";
                 var disqus_blogger_canonical_homepage_url = "http://technology2arab.blogspot.com/";
               </script>
</div>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization' style='display:none;'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyF_MXXAL7aNB9Uf6SdYe2GVxJQSq-9nfS0equ6LrUGnWweEYQ1PpmUpZb6FiIoyU6p7sa6H4IaAh4mqwfqSi_fywKXcBKd6Zn9gE96VF0XScbOHsH-WWiYHOFP0AAHAEdk5pV0COtwRY/s1600/%25D8%25A5%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9+%25D8%25B5%25D9%2586%25D8%25AF%25D9%2588%25D9%2582+%25D8%25A7%25D9%2584%25D8%25A5%25D8%25B9%25D8%25AC%25D8%25A7%25D8%25A8+%25D8%25A8%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9+%25D9%2581%25D9%258A%25D8%25B3%25D8%25A8%25D9%2588%25D9%2583+%25D8%25B9%25D9%2584%25D9%2589+%25D8%25B4%25D9%2583%25D9%2584+%25D9%2586%25D8%25A7%25D9%2581%25D8%25B0%25D8%25A9+%25D8%25B5%25D8%25BA%25D9%258A%25D8%25B1%25D8%25A9+%25D9%2582%25D8%25A7%25D8%25A8%25D9%2584%25D8%25A9+%25D9%2584%25D9%2584%25D8%25A5%25D8%25BA%25D9%2584%25D8%25A7%25D9%2582.png' itemprop='url'/>
</div>
<meta content='technology2arab' itemprop='name'/>
</div>
             </div>
           
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>ليست هناك تعليقات</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/5945456130463032793?po=1479271990166700095&hl=ar' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'>