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

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

1- ادهب الى القالب وابحث عن <data:post.body/>

2-اضف تحته الكود التالي مع تغيير ماباللون الاحمر

<!--Social Subscription Box by http://baw3didev.blogspot.com/&#8206;-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

.tbibox {

background: #fff;

border: 1px solid #ddd;

height: 360px;

margin: 10px auto;

padding: 10px;

width: 400px;

-webkit-border-radius: 10px;

border-radius: 10px;

}

.tbisubscribe {

border: 1px solid #D3D3D3;

padding: 8px;

width: 300px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.tbisubscribe:hover {

-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);

-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);

box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);

}

.tbimailbox {

border: 1px solid #D3D3D3;

-webkit-border-radius: 4px;

border-radius: 4px;

-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;

-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;

box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;

color: #666;

font: 14px &quot;trebuchet ms&quot;, sans-serif;

padding: 7px 15px;

width: 160px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.tbimailbox:hover {

-webkit-box-shadow: none;

box-shadow: none;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.tbisubmit {

font: bold 12px Tahoma, Geneva, sans-serif;

font-style: normal;

color: #ffffff;

background: #ff5714;

border: 0px solid #ffffff;

text-shadow: 0px -1px 1px #222222;

box-shadow: 2px 2px 5px #000000;

-moz-box-shadow: 2px 2px 5px #000000;

-webkit-box-shadow: 2px 2px 5px #000000;

border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-webkit-border-radius: 10px 10px 10px 10px;

padding: 8px 15px;

cursor: pointer;

margin: 0 auto;

}

.tbisubmit:active {

cursor: pointer;

position: relative;

top: 2px;

}

.tbisubmit::-moz-focus-inner {

border: 0;

padding: 0;

margin: 0;

}

.tbisharebox {

border: 1px solid #D3D3D3;

margin: -157px 0 0 330px;

padding: 8px;

width: 225px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.tbisharebox:hover {

-moz-box-shadow: 1px 1px 2px #CCC inset;

-webkit-box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);

box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

</style>

<div style='margin-top: 20px;'>

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fgo.4professional&amp;width=570&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180' style='border:none; overflow:hidden; width:650px; height:180px;'/>

</div>

</b:if><!--Social Subscription Box by http://baw3didev.blogspot.com/&#8206;-->

اضغط حفظ ومبروك .لاتنسى اللايك