Ibda3-Blogger

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

الآن لنبدأ في إضافته ...

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

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtTjCNjzlYGU6ALALePjB1t6eiOWstXLoLRPBMsN4J7cCurKpy4-aG00lCkZtJE6z2r0uK7TBt-aSx30PST5PHRlShlE46FuJhILimOLqYhNN3ERyrTWqWRpcxe9Qa46-cAwDfMzHImgJ/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe></div></div>

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYuVdCeMu9I59F9J4FXwXW1KuUrxi86UA0Dy1_dtl6qFG2ss2jDVw-RcBDYMMRGJZCvACiSFGU6CV9MTfb558WqmwocRYagfuPHEeBDfov_TALcf8r5nmnlUa5vE5wcB6HKw2o_aDsSGgu/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe></div></div>

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5IQPDrrpowss6KNvLBPqj4aaRyy8_qcfxu0QUqZ1q76Eaunp3ibdj9yNgAWEwZP4cK2MyxO4w8XtuOmMUb2KiFVjzFoxgnHnkn0mL61rJreUf6X5ld9jSTYsUHE_cQ-lHpJ5owQFiHvVD/s1600/fan-03-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe></div></div>