Mengganti Template Blog ~ Belajar Seo

Cara merubah Warna Dan Huruf Text Widget Sidebar

Merubah warna Dan huruf text widget pada sidebar blog dalam hal ini berarti merubah warna huruf, jenis huruf, ukuran huruf, huruf tebal dan huruf miring. Perubahan ini hanya berlaku pada text dan tidak berlaku pada Link yang ada pada widget sidebar.

Adapun untuk merubah Link selengkapnya dapat dibaca pada artikel Merubah Warna Link Widget Gadget Sidebar Blog

Langkah demi langkah merubah text widget di sidebar:

Langkah 1:
Login ke blogger.com ---> Opsi Lainnya ---> Template ---> Edit Template.

Langkah 2:

Dengan menggunakan Ctrl + F cari kode ]]></b:skin>. Kemudian letakkan kode di bawah ini di atas kode tersebut.

.main-inner .column-right-outer {
font-size:14px; /*megatur ukuran font*/
font-family:forte; /*mengatur jenis font*/
font-style:italic; /*mengatur font miring*/
font-weight:700; /*mengatur font tebal bold*/
color:#fbcb09!important; /*mengatur warna font*/
}

Langkah 3:
Jangan Lupa Simpan Template dan lihat hasilnya.

Perubahan text widget pada sidebar dapat dilihat pada gambar:

Semoga manfaat. Salam blogger

Baca Selengkapnya »

Merubah Warna Link Widget Gadget Sidebar Blog

Merubah atau mengganti warna link widget atau gadget pada sidebar blog dalam hal ini adalah merubah warna tampilan link, merubah warna link saat dikunjungi dan merubah warna link setelah dikunjungi.

Dengan mengganti warna link gadget disamping lebih variatif juga untuk membedakan antara widget gadget dan bagian blog yang lainnya.

Berikut langkah - langkah dalam merubah warna link widget gadget pada sidebar untuk template asli standart blogger:

Langkah 1:

Langkah 2:

Cari kode ]]></b:skin> dengan menggunakan "Ctrl + F"

Langkah 3:

Copy kode di bawah dan paste kan di atas kode pada langkah 2.

.main-inner .column-right-outer a:link {color: #0f739d;}
.main-inner .column-right-outer a:hover {color: #ee0e2e;}
.main-inner .column-right-outer a:visited {color: #0b9712;}

Kode yang ditandai dengan # (string) menunjukkan kode warna. a:link adalah sebutan untuk tampilan link, a:hover merupakan tampilan link saat dikunjungi dan a:visited adalah link setelah dikunjungi.

Langkah 4:

Klik simpan dan lihat hasilnya.

Gambar selengkapnya silahkan klik:

Selamat mencoba.

Baca Selengkapnya »

Mengganti Dan Menghilangkan Tulisan Diposkan Oleh

Tulisan " diposkan oleh, bagi ke facebook " dan lainnya yang berada di bawah posting (post footer ) dapat diganti, dihilangkan atau di atur agar lebih menarik.

Penggantian atau pengaturan yang dapat dilakukan terhadap " tulisan di bawah posting " atau post-footer diantaranya adalah merubah jenis ukuran warna dan besarnya huruf, background, warna link dan border ( garis batas ).

Berikut langkah - langkah mengganti, menghilangkan dan mengatur tulisan " diposkan oleh " atau yang biasa disebut post footer:

Langkah 1:
Login ke blogger.com >>> Opsi Lainnya >>> Template >>> Edit Template.

Langkah 2:
Letakkan kode dibawah ini di atas kode ]]></b:skin> :

.post-footer{display:yes;font-color:#098a28;font-family:forte;font-size:14px;border:2px #f68307 solid;background:#f8f6bb}
a:link{color:#111010}
a:hover{color:#ee0e2e}
a:visited{color:#0b9712}

Penjelasan kode Css:
display: yes [berarti post footer ditampilkan. Ganti dengan none untuk menyembunyikan.]
font-color, family, size [menunjukkan warna huruf, jenis atau model huruf dan ukuran uruf]
border 2px menunjukkan ketebalan garis batas dan solid adalah garis batas normal.
background untuk menentukan latar berupa warna atau gambar tertentu.
a:link : warna link, a:hover: warna link saat dikunjungi, a:visited: warna link setelah dikunjungi.
Sedangkan kode warna ditunjukkan dengan kode 6 digit: #123456.

Langkah 3:
Jangan lupa klik Simpan Template.

Kalau semuanya benar maka tampilan post footer akan terlihat seperti pada gambar berikut:
Gambar post footer sebelum diganti.
Gambar 1 post footer setelah diganti.
Gambar 2 post footer setelah diganti.

Salam sukses.

Baca Selengkapnya »

Cara Membuat Alamat Adress Url Gambar Di Blog

Dalam posting blog, gambar bisa langsung di upload dari hardisk komputer atau laptop melalui fasilitas "Insert Image" yang ada di postingan.

Tapi bagaimana bila ingin memasang gambar untuk widget gadget, background body blog, dan yang lainnya? Gambar dari komputer tidak bisa langsung di upload untuk kebutuhan tersebut, jadi gambar harus dibuatkan alamat, adress atau url nya terlebih dahulu.

Untuk membuat url image atau gambar dibutuhkan image hosting online misalnya photobucket, tinypic, facebook, dan lain sebagainya. Tapi kelemahannya adalah kita perlu dua kali login saat mengedit blog.

Untuk menghindari login dua kali , sebaiknya dalam akun google yang sama kita membuat dua blog. Seperti yang penulis lakukan yaitu topindoblog.blogspot.com sebagai blog sesungguhnya dan picmixblog.blogspot.com sebagai blog khusus untuk menyimpan gambar / image hosting.

Berikut penjelasan Cara Membuat Alamat atau Adress url gambar untuk blog, sekaligus juga merupakan cara memasang gambar di postingan / entry:

Langkah 1:
Siapkankan gambar yang hendak dibuat alamat atau adress url nya di komputer, laptop atau yang lainnya.
Langkah 2:
Login ke blogger.com teruskan klik membuat Entry Baru. Gambar 1.
Langkah 3:
Berilah Judul Entry misal: Gambar Blog. Kemudian klik insert image. Gambar 2.
Langkah 4:
Klik upload teruskan dengan pilih file untuk mengambil gambar yang telah disiapkan. Gambar 3.
Langkah 5:
Klik gambar yang telah disiapkan di komputer kemudian klik open. Gambar 4.
Langkah 5:
Klik Gambar yang muncul teruskan klik add selected. Gambar 5.
Langkah 6:
Gambar akan muncul dalam entry. Klik HTML. Gambar 6.
Langkah 7:
kode http://4.bp.blogspot.com/bla.. bla.. bla.. dst sampai dengan/robin_260x194.jpg dalam background biru itulah url gambar yang barusan dibuat. Gambar 7.
Langkah 8:
Klik Simpan dan Tutup. Jangan di Publikasikan sebab entry tersebut hanya sebagai image hosting dan bukan sebagai artikel blog.

Untuk menguji apakah alamat url gambar / image tersebut valid atau tidak, silahkan buka tab baru di browser lalu copy url tersebut dan paste di adress browser. Kalau di tab baru nampak gambar seperti yang dibuatkan url nya, berarti url gambar tersebut valid dan bisa dipakai.

Semoga manfaat. salam Blogger.

Baca Selengkapnya »

Cara Mengganti Background Blog Template Blogspot

Cara Mengganti background blog template standart blogspot dapat dilakukan dengan 2 (dua) cara. Yang pertama adalah melalui sesuaikan template (bawaan standart blogspot) dan kedua adalah melalui edit template dalam arti merubah kode - kode css yang ada dalam template.

Untuk cara yang pertama, masuklah ke dashboard blogger kemudian ke template lanjut ke sesuaikan teruskan ke tingkat lanjut dan latar. Dalam point latar, hanya ada tiga macam background yang dapat dirubah, yaitu latar atau background luar / body, bacground header dan background content (halaman utama dari header sampai footer). Tidak bisa untuk mengganti background sidebar, background footer dan background dengan gambar.

Dalam blog ini penulis akan uraikan secara detail bagaimana cara mengganti background blog dengan cara merubah atau mengganti kode css template (agar lebih bervariasi dan leluasa).

Detail dan langkah - langkah dalam mengganti background atau latar blog dapat dibaca pada artikel edit background.

Salam blogger.

Baca Selengkapnya »