Modifikasi Blog dengan Bloger
Modifikasi Blog dengan Bloger.comSetelah selesai membuat Blog,
maka langkah selanjutnya adalah memodifikasi agar tampilan lebih
baik. Dan berikut langkah-langkahnya :
Membuat Navigasi Halaman pada Bloger
Navigasi halaman pada blogger adalah suatu hal yang sangat di
tunggu - tunggu. Hal ini karena bisanya navigasi halaman hanya ada
pada wordpress. Navigasi halaman membuat tampilan blog menjadi
lebih menarik. Sebelumnya tidak ada yang berfikir kalau hal ini
akan bisa di terapkan di blogger.
Untuk meletakkannya di blog anda berikut langkah - langkahnya
:
1. Masuk ke Dashboard > Lay out > Edit HTML2. Jangan tick
kotak "Expand Widget Tempalate"3. Lalu temukan
]]>
4. Dan gantikan dengan
.showpageArea a {text-decoration:underline;}.showpageNum a
{text-decoration:none;border: 1px solid #cccccc;margin:0
3px;padding:3px;}.showpageNum a:hover {border: 1px solid
#cccccc;background-color:#cccccc;}.showpagePoint
{color:#333;text-decoration:none;border: 1px solid
#cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf
{text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a
{text-decoration:none;border: 1px solid
#cccccc;padding:3px;}.showpage a:hover
{text-decoration:none;}.showpageNum a:link,.showpage a:link
{text-decoration:none;color:#333333;}]]>
5. Sekarang bagian Java Script nya. Temukan
6. Gantikan dengan
var pageCount=5;var displayPageNum=5;var upPageWord
='Previous';var downPageWord ='Next';
Kode yang bercetak tebal adalah Kode yang anda tambahkan, untuk
bacaan "Read More" bisa anda ganti dengan yang anda suka.
Nah sekarang menerapkannya pada postingan..
Lakukan seperti ini :
Pilih bagian mana yang anda ingin potong
Lalu setelah pada bagian yang ingin anda potong, tambahkan
Setelah itu pada bagian akhir tambahkan :
Selesai....silahkan coba...
Menambahkan ikon Sosial Bookmarking setelah posting blog
Sosial Bookmarking ikon termasuk salah satu widget yang di cari
untuk di letakkan di blog. Karena dengan adanya sosial bookmark
termasuk salah satu cara untuk menambah traffic datang ke blog
anda.
Apabila ada pembaca blog anda tertarik pada salah satu artikel,
mereka bisa menambahkannya pada facebook, twitter, technorati, dll.
Apabila pembaca blog anda mempunyai komunitas atau jalinan yang
banyak dalam jaring sosial tersebut maka otomatis akan membuat
pengunjung ke blog anda bertambah.
Nah, berikut cara untuk menambahkan ikon sosial bookmarking
tersebut ke dalam blog anda (termasuk Facebook, twitter, google,
yahoo, dll) :
1. Pertama masuk ke dashboard dan Klik "Layout"2. Masuk "Edit
HTML" back up template anda dulu agar lebih aman3. Kemudian
contreng "Expand widget template"4. Lalu temukan kode
Lalu ganti dengan
5. Lalu cari
Kalau tidak ada coba temukan
6. Dan letakkan kode pada file berikut tepat setelah kode di
atas, yang ada pada template anda.
Kalau semua berhasil maka anda akan dapatkan seperti berikut
:
Nah selamat mencoba....
Trik membuang Blogger Navbar
Sebelum saya terangkan cara bagaimana menghilangkan blogger
Navbar, mungkin anda belum tahu apa itu Navbar. Blogger Navbar
mungkin tidak terdapat di semua template blogger, tetapi Navbar
pasti terdapat pada template default dari Blogger.
Kira - kira bentuknya seperti ini :
Nah Navbar ini memiliki kerugian bagi para pemilik blog, karena
pengunjung dapat mudah untuk keluar dari blog yang dibacanya dengan
meng klik "next blog".
Untuk menghilangkannya berikut adalah caranya :
1. Masuk ke account blogger anda
2. Klik menu Layout pada dashboard anda
3. Lalu klik "Edit HTML" tapi jangan contreng "expand widget"4.
Anda akan melihat kode dari template anda
5. Lalu temukan kode
]]>b:skin>
Lalu gantikan dengan
#navbar-iframe { display: none !important; }
]]>b:skin>
6. Jangan lupa di save setelah itu.
Nah coba sekarang anda buka halaman blog anda, Navbar sudah
tidak terlihat lagi.
Selamat mencoba..
Cara Mudah Posting Kode HTML
Ketika pertama kali saya mencoba posting Kode HTML di blog, saya
selalu kesulitan. Karena kode HTML selalu tumpang tindih dengan
default posting.
Nah sekarang ada cara yang mudah dalam membuat posting Kode
HTML. Di jamin postingan tidak akan sulit karena di tolak akibat
ada Kode HTML yang salah, yaitu dengan meng - encode kode HTML yang
akan di posting.
Ada situs online yang melayani fasilitas ini, anda bisa langsung
mencobanya. Yang ada harus lakukan adalah silahkan buka alamat
situs ini :
http://centricle.com/tools/html-entities/
Nah sekarang yang anda harus lakukan cuma hapus kode yang ada
dalam halaman seperti :
Ampersands & angle brackets need to be encoded.
Seperti contoh gambar berikut :
Lalu anda masukkan kode HTML yang akan anda buat dalam
postingan. Setelah itu tekan encode, lalu anda tunggu sebentar
sampai proses selesai.
Setelah selesai anda copy kode tersebut dan Paste kan ke dalam
postingan yang anda buat.
Mudahkan, silahkan coba
Alternatif comment form untuk blogger
Kalau anda merasa bentuk form komentar dari blogger sangat
standar dan kurang menarik bagi blog anda, maka anda perlu
alternatif form komentar yang lebih menarik. Seperti kita ketahui
komentar di blog sangat berperan bagi kehidupan dari blog
tersebut.
Saat ini banyak tersedia widget comment yang menarik yang dapat
di aplikasikan di blog anda. Salah satu yang sangat menarik
tampilannya adalah intense debate. Agar anda dapat melihat langsung
demo dari intense debate, saya memakai comment form untuk anda
dapat memberikan komentar dan melihat hasilnya.
Intense debate saat ini dimiliki oleh automattic yang juga
adalah pembuat dari wordpress. Berikut contoh dari intense
debate.
Untuk dapat mencobanya anda dapat klik intense debate
disini.
Silahkan mencoba......
