إضافة صندوق اعجابات فيس بوك أشكال جديدة باهرة بلوجر وورد برس


السلام عليكم ورحمة الله وبركاته

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

للإضافة لمدونة بلوجر كل ماعليك هو الذهاب إلى لوحة تحكم مدونتك ثم التخطيط وبالضغط على إضافة أداة ثم قم بإختيار أداة HTML/JavaScript
والآن أختر الشكل الذي أعجبك ثم قم بلصقه داخل أداة HTML/JavaScript


Ultimate Blogging Tips
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl7hFl5V5he32_egh4aBtoIXJEBCxa42zdr_-C7ymNExKV0X0NTPHAJD2o_9glWROLJfYmxI7zz5EWzwsqEmS8C90fzsb3-rmyaK3aJiTIbbnDCkmIanGph03RESjgBRq1IuMj23SZDcYk/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>
Ultimate Blogging Tips
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYL1qVOdXvhQnw3PW-FF8KC_ZVi0y64p2emNtFscWkAaATPMKhzjyvr5FLU8Mqwb6YXc82WoSJ45V7xGyQKVSMao9YIxHbWgO2U0jZx79onoln5Q5jt7vWRZd7q_iV9qRpatreLOvnEoHM/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&amp;width=225&amp;height=225&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
Ultimate Blogging Tips
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRY8P0znJfVHUExqnnO9ObYkJVzKAH_df6XBXozg_z3DnmaSzT5Oq8txFqJEkZG8pZpYw5WGi-fcBGTckUm92hsZj07ynrqBO8SidMnld5VtOgU74OtJIHoU8N5ftsarGWoLdqzXqj5oHQ/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&amp;width=225&amp;height=225&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
Ultimate Blogging Tips
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSsSoQj6O3dgAy2reL8gQg_C27QCC2DNX2NR6CVVVbznbAijYjQJEe_P6IHBcRMWj_8AMjgqPcq9B4j968oFcmkV_0TlPATf0VTvRxZTot1USdOpH0q6oXyMnlQ5xPsmIAiVMpOvNOBOS/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&amp;width=225&amp;height=225&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
Ultimate Blogging Tips
/div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZYjNUGpkjP3Q-jj8NM75QIB_W8VwilJNonHUjRLdC-vJf2Wx9DBkrGfd-NpwLRruUBDxHcGrItKLjIEm6BZbtRRR4M2DOsRf7xc8nw8fpEtr3xHi_DDDXG4-PU-cEs15VP7FDb15UAIV5/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&amp;width=225&amp;height=225&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:225px;" allowTransparency="true"></iframe>
</div>
</div>
Ultimate Blogging Tips
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJjjllSpPdfeYo7zNarCe7CJEjUDtrjKj0jkOH2M4lPs50vlkQuOsNvRrDKK1X0aARdpXKMsj8A6eUtSjAq_C7wBK7Pp02O2od-oDE78A0FB55HKPcjb_abWUaC74S4mlZs_WJmjP0d9K/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&amp;width=225&amp;height=225&amp;show_faces=true&amp;header=false&amp;stream=false&amp;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

مشاركات أقدم المقال التالي
2 تعليق
  • Unknown
    Unknown 15‏/06‏/2014، 6:42:00 م

    :-?ما هو معرف المدونة :-?

    • مداد الجليد
      مداد الجليد 15‏/06‏/2014، 7:46:00 م

      ليس معرف المدونة إنما معرف صفحتك على فيس بوك مثلا fb.com/mdadice
      أضف mdadice وإذا كانت صفحتك أرقام أضف الارقام "صفحة فيس بوك" إقرأ الشرح رجاءً

أضف تعليق
عنوان التعليق