Ganti Logo / Icon Blog - Favicon

Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo/icon dengan huruf B. Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain.

Berikut langkah-langkah yang saya lakukan pada saat mengganti logo Blogspot (B) dengan gambar naruto:



Pertama, siapkan photo/gambarnya lalu edit sesuai selera kita. Saya gunakan Microsoft Office Picture Manager karena program ini biasanya ada disetiap komputer yang pakai Microsoft Office. Klik kanan saja gambarnya, pilih Open With > Microsoft Office Picture Manager.



Crop bagian yang akan dijadikan logo, usahakan lebar dan tingginya sama.



kecilkan ukuran photo dengan Resize sekitar 50 x 50 pixels
.


jika sudah, Save As photo dengan nama baru.

Kedua, upload photo/gambar yang sudah diedit tadi ke situs penyimpan gambar. Supaya ga usah daftar lagi gunakan aja yang punya google, picasaweb.google.com tinggal masukkan ID Email dan sandi gmail. Atau bisa juga disimpan di photobucket.com dan yang lainnya.



kalo dah diupload klik gambarnya, maka akan tampil seperti gambar di bawah. klik Link to this Photo, ceklis Image only (no link), terus copy Embed image. contoh Embed Image gambar Naruto saya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvkDwOHLR7DtC8_sqq2lXaBUJwdb0eLzH-aFSI3SDNbS68i4NUe7gXGyvaX5T13OnAJZl5ituvmy_mxf2CyJF7Q6UXv_ClQTdkLCRCouieHmCUgFKeNl7F0R2fYoRZwSzUGsPVJOmXXI/s800/naruto.jpg



Terakhir, masuk/login ke blog lalu pilih Tata Letak dan klik Edit HTML.
Cari kode :

<title><data:blog.pagetitle/></title>

<b:skin><![CDATA[

lalu masukkan kode berikut diantara keduanya :

<link href='kode url photo' rel='shortcut icon'/>

ganti kode url photo dengan embed yang tadi sudah dicopy, jadi seperti ini:

<title><data:blog.pagetitle/></title>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvkDwOHLR7DtC8_sqq2lXaBUJwdb0eLzH-aFSI3SDNbS68i4NUe7gXGyvaX5T13OnAJZl5ituvmy_mxf2CyJF7Q6UXv_ClQTdkLCRCouieHmCUgFKeNl7F0R2fYoRZwSzUGsPVJOmXXI/s800/naruto.jpg' rel='shortcut icon'/>

<b:skin><![CDATA[



Simpan Template dan lihat blognya, pasti logo/iconnya sudah berubah.

ok

jangan lupa komentarnya...

READ MORE - Ganti Logo / Icon Blog - Favicon

Merubah Tampilan Blog

Postingan ini saya tujukan bagi yang masih baru di dunia blog. Ternyata masih banyak saudara-saudara kita yang belum tahu cara merubah penampilan (template) blog agar lebih enak dilihat. Diantaranya teman saya sendiri yang menyuruh saya untuk merubah tampilan blognya agar lebih enak dilihat, sampai-sampai ia memberitahuan password blognya pada saya.

Silahkan bagi yang mau merubah tampilan blognya, ikuti langkah-langkah berikut:

1. Cari di google template/themes blog yang kamu suka, biasanya filenya berupa xlm, lalu download ke kompi.

2. Login/masuk ke blog, lalu pilih Layout/Tata Letak dan klik Edit Html.



3. Jangan lupa backup dulu template lama kamu dengan mengklik Download Template Lengkap. gunanya agar jika kamu tidak suka dengan template baru, kamu bisa menggantinya lagi dengan yang lama.

4. Klik Browse/Telusuri.., lalu pilih file xlm yang tadi kamu download. Kemudian klik Unggah

5. Terakhir klik Kompirmasi dan Simpan

6. Lihat tampilan baru blog kamu, pasti dah berganti baju.

Begitulah langkah-langkah mengganti template sesuai selera kamu, mudah bukan.

Selamat mencoba.

jangan lupa komentarnya ya...

READ MORE - Merubah Tampilan Blog

Read More plus Judul

Read More berfungsi untuk memotong postingan agar tidak terlihat semuanya di halaman depan. hanya beberapa baris saja yang ditampilkan selebihnya disembunyikan untuk menghemat ruang. Dan untuk menampilkan semuanya tinggal diklik saja READ MORE.

Banyak cara untuk menampilkan Read More ini, dan kebanyakan hanya kata Read More saja yang tampil bada bagian yang terpotong. Yang akan saya coba pasang kali ini adalah Read More yang disertai dengan Judul Postingan. Contoh Judul Posting "PEMILU" maka readmorenya menjadi "READ MORE - PEMILU"

Baiklah berikut langkah pemasangannya:

Tahap Pertama;
Log in dulu ke Blogger / Blogspot, di halaman Dasbor pilih Layout /Tata Letak dan klik Edit HTML.

Ceklis Expand Template Widget, kemudian cari kode </head> salin (copy paste) script di bawah sebelum kode </head> :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.potong {display:inline;}
<b:else/>span.potong {display:none;}
</b:if>
</style>

kemudian cari kode <p><data:post.body/></p> atau <data:post.body/> lalu ganti dengan kode tersebut dengan kode di bawah:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<span class='rmlink' style='float:left'>
<a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Tulisan READ MORE warna merah bisa diganti sesuai selera.

Kemudian jangan lupa Simpan

Tahap kedua;
pada halaman dasbor pilih Setting/Pengaturan lalu klik Format, lihat di bagian paling bawah ada menu Post Template, isi kotaknya dengan kode berikut:

<span class='potong'>

</span>

lalu simpan.

Tahap Ketiga;
Pada saat memposting tulisan pilih Edit HTML, lalu simpan tulisan yang akan ditampilkan sebelum kode <span class='potong'> dan tulisan yang akan disembunyikan disimpan setelahnya, sebelum kode </span>

Selesai deh, tinggal cek hasilnya.

Selamat ber-READ MORE ria.

jangan lupa komentarnya ya...

READ MORE - Read More plus Judul