این wikiHow به شما می آموزد که چگونه یک دکمه "دوست" فیس بوک قابل کلیک را به وب سایت Blogger (blogspot.com) خود اضافه کنید. پس از ایجاد دکمه در تنظیم کننده دکمه Like ، فقط باید دو بیت کد را در داشبورد Blogger خود کپی و جایگذاری کنید ، و یک ویرایش سریع برای سازگاری انجام دهید.
مراحل
قسمت 1 از 3: ایجاد دکمه پسندیدن
مرحله 1. به https://developers.facebook.com/docs/plugins/like-button بروید
می توانید از هر مرورگر وب مدرن مانند Chrome یا Safari استفاده کنید.
مرحله 2. به تنظیمات دکمه Like بروید
در قسمت سوم صفحه قرار دارد.
مرحله 3. آدرس وبلاگ خود را در کادر "URL to Like" وارد کنید
مرحله 4. عرض افزونه مورد نظر خود را در کادر "Width" وارد کنید
اکثر کاربران Blogger می توانند این کادر را خالی بگذارند ، زیرا عرض پیش فرض (450 پیکسل) خوب کار می کند. توجه داشته باشید که این عرض کل افزونه است ، نه خود دکمه Like.
مرحله 5. یک سبک دکمه را از منوی "Layout" انتخاب کنید
هنگامی که هر سبک انتخاب می شود ، پیش نمایش آن را مشاهده خواهید کرد.
مرحله 6. یک عمل را از منوی "Action type" انتخاب کنید
به طور پیش فرض ، دکمه شما "دوست" را می گوید. اگر ترجیح می دهید ، می توانید آن را به "توصیه کنید" تغییر دهید. هنگامی که شخصی روی دکمه کلیک می کند ، فالوئرهای فیس بوک خود می بینند "(نام شخص) این را توصیه می کند."
مرحله 7. اندازه ای را از منوی "Button Size" انتخاب کنید
پیش نمایش دکمه در زیر تنظیم کننده به شما نشان می دهد که هر اندازه چگونه به نظر می رسد.
مرحله 8. کادر "شامل دکمه اشتراک گذاری" را علامت زده یا بردارید
در صورت علامت زدن کادر ، دکمه ای که روی آن نوشته شده "Share" در کنار دکمه Like در وبلاگ شما ظاهر می شود. اگر شخصی روی این دکمه کلیک کند ، این فرصت را خواهد داشت که قبل از به اشتراک گذاشتن پیوند با دوستان فیس بوکی خود ، قسمتی از متن خود را وارد کند.
مرحله 9. روی دریافت کد کلیک کنید
اکنون دو کادر حاوی کد HTML را مشاهده خواهید کرد که باید در مناطق مختلف Blogger چسباند.
قسمت 2 از 3: افزودن کد به الگوی خود
مرحله 1. وارد https://www.blogger.com شوید
از برگه یا پنجره مرورگر دیگری استفاده کنید ، زیرا باید کد را از Facebook در Blogger کپی و جایگذاری کنید.
مرحله 2. روی Template کلیک کنید
در سمت چپ صفحه ، نزدیک انتهای منو قرار دارد.
مرحله 3. از قالب وبلاگ خود نسخه پشتیبان تهیه کنید
هنگام ویرایش مستقیم کد HTML وبلاگ خود ، همیشه پشتیبان تهیه کنید.
- کلیک کنید بر روی پشتیبان گیری بازیابی در گوشه سمت راست بالای صفحه کلیک کنید.
- کلیک دانلود قالب.
- نام پرونده خود را وارد کنید ، به عنوان مثال "پشتیبان گیری از قالب وبلاگ."
- کلیک صرفه جویی.
مرحله 4. روی ویرایش HTML کلیک کنید
این فقط زیر تصویر پیش نمایش وبلاگ شما است.
مرحله 5. کد را از اولین کادر تنظیم کننده دکمه مانند فیس بوک کپی کنید
این کد در کادر بالا ، در بخش "مرحله 2" است.
می توانید متن را با برجسته کردن و سپس فشار دادن Control+C یا ⌘ Command+C کپی کنید
مرحله 6. کد را در کد HTML Blogger خود جایگذاری کنید
کد باید بعد از خطی که با <body شروع می شود ، ترجیحا در خط بعدی قرار داده شود.
- برای جایگذاری کد برای خود ، قبل از اولین کاراکتر خط بعد از برچسب بدن کلیک کنید ، سپس ↵ Enter یا urn Return را فشار دهید.
- روی خط خالی کلیک کنید ، سپس Control+V یا ⌘ Command+V را برای چسباندن فشار دهید.
مرحله 7. هر "&" را در کد جایگذاری شده با "جایگزین کنید
&
”.
نقل قول ها را وارد نکنید
-
به عنوان مثال ، "//connect.facebook.net/fa_US/sdk.js#xfbml=1 &version = v2.8”می شود“//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- نسخه = v2.8 ""
مرحله 8. روی ذخیره الگو کلیک کنید
-
اگر به طور تصادفی "&" را رد کرده اید ، خطایی را می بینید که می گوید "خطا در تجزیه XML" درست بالای کد. به کد جایگذاری شده برگردید ، & را پیدا کنید و آن را با آن جایگزین کنید
&
- .
قسمت 3 از 3: افزودن دکمه به طرح خود
مرحله 1. کادر دوم کد را از تنظیم کننده دکمه Like کپی کنید
برای یافتن ، باید به پنجره یا برگه مرورگر دیگر خود بازگردید. این کد در کادر زیر "مرحله 3" است.
می توانید متن را با برجسته کردن و سپس فشار دادن Control+C یا ⌘ Command+C کپی کنید
مرحله 2. روی Layout back in Blogger کلیک کنید
در سمت چپ داشبورد Blogger ، درست بالای "الگو" قرار دارد.
مرحله 3. روی دکمه Add a Gadget که در آن می خواهید دکمه ظاهر شود کلیک کنید
در بیشتر موارد ، شما می خواهید دکمه در یک سرصفحه یا پاورقی ظاهر شود
مرحله 4. HTML/JavaScript را انتخاب کنید
برای پیدا کردن آن ، باید کمی پایین بروید.
مرحله 5. فیس بوک را در زیر "عنوان" تایپ کنید
”
مرحله 6. کد کپی شده را در کادر "محتوا" قرار دهید
می توانید این کار را با کلیک روی کادر و فشار دادن Control+V یا ⌘ Command+V انجام دهید.
مرحله 7. روی ذخیره کلیک کنید
اکنون یک جعبه ابزار به نام "facebook" مشاهده خواهید کرد.
روی پیش نمایش در گوشه سمت راست بالای صفحه کلیک کنید تا مطمئن شوید دکمه در جایی که باید ظاهر می شود. اگر مکان را دوست ندارید ، می توانید کادر "facebook" را به یکی از بخشهای دیگر طرح خود بکشید
مرحله 8. روی ذخیره آرایش کلیک کنید
در گوشه سمت راست بالای صفحه قرار دارد. اکنون ، وقتی شخصی از وبلاگ شما لذت می برد ، می تواند به راحتی آن را با همه دوستان فیس بوک خود به اشتراک بگذارد.