كيفيه اضافه الفيسبوك اعجاب مخصص الى بلوجر add Facebook Like dedicated to blogger

بسم الله الرحمن الرحيم

الرئيسيه >> اضافات بلوجر

الفيسبوك هو الأكثر شعبية في العالم موقع الشبكات الاجتماعية . فإنه يجعل من السهل بالنسبة لك ل التواصل والتشارك مع العائلة والأصدقاء عبر الإنترنت. الفيسبوك قد ساعد حتى على الإنترنت أصبح أكثر انفتاحا والاجتماعية عن تويتر و جوجل بلس .

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

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

كيفيه اضافه صندوق اعجاب الفيسبوك مخصص الالوان الى مدونات بلوجر

 الخطوة 1 .

الدخول الى حسابك على بلوجر  Account.Go إلى حسابك مدون Dashboard.Click على علامة التبويب تخطيط من الجزء الأيمن وانقر على إضافة وصلة الأداة .

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

الخطوة 3 . اختار ' HTML / جافا سكريبت " وإضافة واحد من التعليمات البرمجية أدناه

 . الخطوة 4 . الآن انقر على حفظ " جافا سكريبت " انت القيام به

اختيار من بين الاشكال والالوان التاليه

1-
.

 الاكواد

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWN8adfm10_KdplrkaOAz0LpDeTRlZc-YZNq_QBc-88ZhQyR4kEOQpMh4EYpJmBlIMASsYha9PTBz-o486X1Q5E8BRPuLmvCXOlCSIVPh2WgAc1rNRGvI-QaCYnUBQelIBpxjK1NXe2e0S/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 298px;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=https%3A%2F%2Fwww.facebook.com%2F<b>fp01011062415fp</b>&width=250&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%23f4f4f4&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe></div></div>


2-

 الاكواد

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJT2rCxRTxhGgIWEzPjyMD4tuuFxkSeJzpVt4E0EeYj72IfFr8IWXSURLqpMUlCtgdnHc4tr6q0_CJIq7HOPuEG_xZVBXQw2tX1SNhOclE1I8tU6wUFjabS-e2V0GmFLk8To91dtS0RWHc/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%2Ffp01011062415fp&width=250&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%23f4f4f4&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>


3-

 الاكواد

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEive4kAaIxb2-OVp0QgkDvrP-JEJVg20dCaQz1txAtl2InhUG-yX2RXqWH34CJQ1zVKRH520fk_sGKF4v4PC0dr4HoylAaqUJ6iZiprqH1eYpmJduMfL5M_QaMC8K8eHiBOvWdkOw00181Q/s1600/fan-04-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%2Ffp01011062415fp&width=250&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%23f4f4f4&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe></div></div>


4-

اكواد الفيسبوك

<div style="background-color:#D6E0FF;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #66F;border-radius:10px;"><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%2Ffp01011062415fp&width=250&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%23f4f4f4&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe></div></div>

5-

 اضافه الكود

<div style="background: rgb(255, 123, 73);background: -moz-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -webkit-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -o-linear gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -ms-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><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%2Ffp01011062415fp&width=250&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%23f4f4f4&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe></div></div>


6-

 كود الفيسبوك

<div style="background-color:#F4F4F4;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #CCCCCC;"><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%2Ffp01011062415fp&width=250&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%23f4f4f4&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe></div></div>

  >> التعديل على الكود وتخصيصه باسم صفحتك على الفيسبوك 

فقط تغيير fp01011062415fp 

الى اسم صفحتك على الفيسبوك

ثم احفظ واستمتع بالشكل الجديد

اتمنى التوفيق للجميع