Cara Menambah Facebook Comments Di Blogger

January 19, 2013 | comments


Artikel ini akan mengajar menambah Facebook Comments di Blogger dengan beberapa langkah.

Bina Facebook App

Pergi ke laman Facebook Developer dan klik pada butang Create New App.


Klik Continue dan lengkapkan Security Check. Klik Continue lagi dan anda akan dibawa ke laman ini. (Jika pop-up Host your site with Heroku timbul. Hanya klik Cancle)


Anda akan diberi nombor App ID. Save App ID pada notepad kerana kita akan menggunakannya nanti.

Optional: Jika mahu menambah Admin komen anda klik pada Setting>Developer Roles>Administrators

Tambah kod pada Blogger Template

Pergi ke Blogger Dashboard>Template>Edit HTML dan cari <head> . Tambah kod ini di bawahnya.

<meta content='Facebook App ID' property='fb:app_id'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='article' property='og:type'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Tukar Facebook App ID dengan App ID yang anda save pada notepad tadi.

Kemudian, cari <div class='comments' id='comments'> dan tambah kod ini di bawahnya.

<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='500'/>

Anda boleh tukar lebar ruang komen mengikut yang anda suka. Contoh: width=400, width=600.

Jangan lupa Save template Anda.

Perlukan Bantuan?


Tutorial ini cuba ditulis semudah yang mungkin. Jika anda masih baru di Blogger dan perlukan bantuan, tinggalkan komen di bawah. Selamat mencuba.

Cara Menggunakan Google Web Fonts Di Blogger

January 17, 2013 | comments

Menggunakan Google Template Designer di Blogger, anda boleh menukar font blog dengan mana-mana gaya font yang diberi.

Walaubagaimanapun, jika mahu lebih banyak gaya font yang menepati citarasa, boleh lawati laman Google Web Fonts. Setakat ini terdapat lebih 600 gaya font yang boleh dipilih dan digunakan dengan percuma. Dalam artikel ini, kami akan menunjukkan cara yang betul menggunakan Google Web Fonts di blog anda hanya dengan beberapa langkah sahaja.

Cari Google Web Fonts Yang Anda Suka

Apa yang anda perlu buat adalah pergi ke laman Google Web Fonts dan cari font yang anda suka dan klik butang "Quick Use".


Selepas anda klik butang Quick Use, anda akan dibawa ke page baru. Pertama, pilih saiz dan gaya yang anda mahu. Dinasihatkan pilih semua saiz font yang anda mahu.


Tambah CSS Link Di Blogger Template

dan scroll ke bawah dan sehingga anda jumpa kotak, 3. Add this code to your website:


Copy semua code dalam kotak no. 3 dan pergi ke Blogger Dashboard, pilih Template > Edit HTML. Kemudian cari <head> tag dan paste kan code tadi dibawahnya.

Sebagai contoh, ini adalah code yang diambil daripada Google Web Fonts

<link href="http://fonts.googleapis.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css">

dan ini masih code yang sama. Apa anda perlu buat adalah tambah slash sebelum simbol forward penutup (hightlight dengan warna merah)

<link href="http://fonts.googleapis.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css"/>

Tentukan Google Web Fonts pada CSS

Langkah terakhir adalah menentukan di mana anda mahu gunakan Google Web Fonts pada template anda.

Sebagai contoh, untuk menggunakan Google Web Fonts pada tajuk pos, tambahkan code CSS ini

.post h1 { font-family: 'Oswald', sans-serif; }

Anda boleh gantikan apa saja gaya font di Google Web Fonts dengan cara ini. Dan yang paling penting adalah jangan lupa save ya.

Jika ada masalah, jangan segan untuk tinggalkan komen di bawah kerana ia percuma.
 
Mengenai | Hubungi | Pengiklanan
Copyright © 2013. Lambloghini. All Rights Reserved.
Proudly powered by Blogger.