طريقة تحويل حسابك على الفايسبوك الى صفحة اعجابات

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

و الصلاة و السلام على اشرف المرسلين 

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

العملية سهلة جدا كل ما عليك هو الدخول الى هذا الرابط

  اضغط هنا

  لكن حتى الان , صورة حسابك الشخصي و اصدقائك فقط سينتقلوا معك الى الشكل الجديد , فاذا قررت ان تقوم بمثل هذه الخطوة عليك القيام بتحميل بياناتك على Facebook  و قبل ان تسرع و تقوم بتجربة الفكرة علينا ان نذكرك انه في حال قمت بتحويل حسابك الشخصي الى صفحة فانك لن تستطيع ارسال او استقبال طلبات الصداقة من احد كما انك لن تظهر عند البحث عن “الاشخاص” و لن يكون بامكانك الاعجاب like باي شيء في حسابات اصدقائك لانهم بعد ذلك لن يكونوا اصدقائك بل سيكونوا معجبين بصفحتك .  بالاضافة الى ذلك كله فانه حتى الان لا يمكنك فعل الموضوع بشكل عكسي اي انه لن يكون بامكانك العودة من الصفحة الى حسابك الشخصي من جهة اخرى فان هذه الخدمة قد تكون مفيدة لاصحاب الاعمال الصغيرة الذين يبدأون حسابهم على Facebook بهذا الشكل دون خسارة اصدقائهم او البومات صورهم او ما قاموا بكتابته على صفحاتهم الشخصية

بهدا و صلنا الى نهاية درس اليوم دمتم في رعاية الله و حفظه و السلام عليكم و رحمة الله

اضافة مربع البحث لمدونـات البلوجر بعدة ألوان رائعة و مميزة

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

و الصلاة و السلام على أشرف الأنبياء و المرسلين المصطفى الأمين سيدنا محمد رسول الله صلى الله عليه وسلم 

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

وبعدة أشكال يمكنك عزيزي المدون أن تضيف مربع البحث أين ما شئت في مدونتك

طريقة التركيب:

أ. الدخول إلى لوحة التحكم --> علامة التبويب ''تخطيط'' 

ب. انقر على إضافة أداة 

ج. اختر HTML / JavaScript من القائمة.

د. وضع فيها الـكود الذي أخترتـه من بين الأكواد أسفله

_________________________________

لون الاول

الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg0iorx46ogRqyrPyUgiLYDWfUPGfVhqtYZvG0zlH-Y9-m5jCuRyDP3ntpWxV-DWSmyySQi5p64sowkilvAOWB73NbgtIRoPXP2PNvdreHCepJp2g0zAKnyOk90ukYXJ4aOi38FGHV579m/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

اللون الثاني

الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsqBoORz_3n3YCE4yYxmgtRzjDiwP1VfA2t9Hi93EwqEqUmymfQl5SJicR_jF8E8ju6IOaxGnuU7Qv-u9iJuotVkYcOdmmRK_ihqPSNDvQreMjT-pXr8hpcBMZ4-SN66dmCLA-u6aeea_/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

اللون الثالث

الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsqBoORz_3n3YCE4yYxmgtRzjDiwP1VfA2t9Hi93EwqEqUmymfQl5SJicR_jF8E8ju6IOaxGnuU7Qv-u9iJuotVkYcOdmmRK_ihqPSNDvQreMjT-pXr8hpcBMZ4-SN66dmCLA-u6aeea_/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

اللون الرابع

الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNbiSmXj8XKO8k2eqfpIzKcAvmR0YGWY1FvqlujJAw7qefZp0pU5KzObwpH0hyPjOc9JtEdJOoOtEXNzvrlRQ6skom7QcyQS8_GkqpSu_IFz0dAabe7WcAKDvpHIgiRo3jk4e_wJi4MHF6/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

اللون الخامس

 
الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3yhi2hejmQ1lpVxfE2GRqJp7IVQ0ffnztsKBWOfOfJQweFxn2-3mGcMBwv4QdgE2Q7vgoBGT5DnCpzWHHZh-vDsyzSaPUB4bR4KpucOH91XFtLp6s_zQH_mwQwqeRNagFhLvcL9HF71Nz/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

اللون السادس

الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU66PXP_MoxM3BbVg3R6qsk60Op4m4sCjLBlXj7ZMzgHL2ChZaMme1rAElvZ5h90FhujH07G1LeW_xIQmmnm_C17wTzdcNxgMNUDRNIiVUrlc01HhLut793_L2TuXpmbW0jEWxqyYRSCWw/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>




 

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