السلام عليكم ورحمة الله وبركاته
نقدم لكم اليوم إضافة معتادة لكل موقع او مدونة (صندوق إعجابات فيس بوك) لكن اليوم كما ترون إنه شكل أجمل وأحدث من ذي قبل الشكل التقليدي يمكن إستخدام هذه الإضافة إلى جميع المدونات والمواقع سواء كانت بلوجر أو ورد برس أو غيرها.
للإضافة لمدونة بلوجر كل ماعليك هو الذهاب إلى لوحة تحكم مدونتك ثم التخطيط وبالضغط على إضافة أداة ثم قم بإختيار أداة HTML/JavaScript
والآن أختر الشكل الذي أعجبك ثم قم بلصقه داخل أداة HTML/JavaScript
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibLCF_OKeQVmhUANTQ_cugxINQbycKFRRf05OkC_ZZO6xjTPHE2x8BGi3O7f06cldBBmYMrvRpFUtLjGNnnZo714UseTgZRywbsz09tncjmdTGuYOwlean_c8Bf497ZOjvNdVNaNcwAXum/s1600/lokijuhygftt.jpg');overflow:hidden;height:300px;width: 300px;border-radius: 150px 150px 150px 150px;overflow: hidden;">
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ogWBUbC-lXnEWobMprls-cPJ0oSyapPSPDunosOGsUNfs1OrmbhIVGeq4ffBqvOjI5gNBC2f1fa8K5-WNYUmF7M2yWF9qCoPWOcPHrtVCGI9KIc1eaFZHqRdVZ-RDh4XVFNo2ZGE0zKB/s1600/tumynhbgfvf.jpg');overflow:hidden;height:300px;width: 300px;border-radius: 150px 150px 150px 150px;overflow: hidden;">
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivh-b2C4mcw21Ij3KS-AteLG_VoS7qvVOrGg4lNexRU5U5ewNva1IXZ_nBpT0nXuajn-EqMhm4EKSS0txHLCP45eIj8isNjsXFfJgtQI6C6Qtn7D-eOgZa855bsew5WQtpGBEyHlyE8lfO/s1600/oiumntbrgf.jpg');overflow:hidden;height:300px;width: 300px;border-radius: 150px 150px 150px 150px;overflow: hidden;">
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaFl-rztwtBnqZsLq_EUsOU0FpdXrOkeRgMjmzOkJSjePeybOmxF3xebyxH4OhviPhAUJOcmFETEXC3Wdw_AqdF-PhT8Xxz55x8yreR__2w6szE_eOMOiHTZP-uCxP0s2SMyoC3ejlrbpm/s1600/oimnfbrgfmj.png');overflow:hidden;height:300px;width: 300px;border-radius: 150px 150px 150px 150px;overflow: hidden;">
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF_ihrsyh9ITHr_nJKc6o4FNHwKHqV2VsC6rHEX5-11uLrfMEfPgg5lmG2F175HYDnWZ19ywDrb2EOV7q2llbe0nhYaT8i2MdGfVR33_aANYh0f0xU90Sm8rmmpSHUMnyk78-0piyqEjXx/s1600/kjhgfciu.jpg');overflow:hidden;height:300px;width: 300px;border-radius: 150px 150px 150px 150px;overflow: hidden;">
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6k-w4m4FRAu4_ufLFDPnAYysAdeLsMjp3uEjnDpib85q4p-4bOjSzsZ01UgPOto-ookTrP8DQW8m0q1jFgsA36QagOvdMTxcSdbDWMymt4fQT6fplg7szXlQTJ6bkC-E9k9GpQ6QVHNvl/s1600/ikumjnhbf.jpg');overflow:hidden;height:300px;width: 300px;border-radius: 150px 150px 150px 150px;overflow: hidden;">
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="height:550px;padding-left:55px;padding-top:30px;"><a href="http://madad2.com" rel="dofollow" target="_blank" title="Ultimate Blogging Tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="Ultimate Blogging Tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmdadice&width=225&height=225&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
لا تنسى تغيير معرف مدونتك بدلاً من mdadice مثال:
https://www.facebook.com/mdadice
شاركها مع أصدقائك !