Tampilkan postingan dengan label Ngeblog dengan Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Ngeblog dengan Blogger. Tampilkan semua postingan

Cara Mengganti Header Blogspot

Hal yang membuat blog menjadi personal adalah header yang mencerminkan blog tersebut milik kita. Untuk blogspot blog, tampilan header (pakai gambar atau hanya tulisan saja) biasanya tergantung dari template yang kita gunakan. Ada kalanya, format keseluruhan template blogspot sudah sesuai dengan keinginan kita, namun gambar headernya tidak cocok dengan isi blog kita. Jika demikian kasusnya, kita perlu mengganti header blog agar sesuai dengan konten. Bagaimana mengganti header blog blogspot ? (Sebelum ini, aku pernah menulis cara mengganti header blog wordpress)

Untuk mengganti header blogspot, ada beberapa cara yang bisa kita lakukan. Cara termudah adalah dengan melalui pengaturan add and arrange page element (tergantung template yang digunakan. sebagian besar template blogspot mendukung penambahan gambar di header lewat menu ini). Untuk mengganti header blogspot dengan cara ini, login ke dashboard blogger.



Masuk ke tab Layout. Pada kotak Header (sesuai judul blog anda) klik Edit.

Pada jendela baru yang muncul, klik Browse untuk mencari gambar yang akan digunakan sebagai header. Sebaiknya sebelum melakukan ini, kita harus menyediakan image yang akan kita pakai sebagai header, dengan ukuran sesuai ukuran header (jika tidak tahu ukuran headernya, beri tanda centang pada Shrink to fit dimana ukuran gambar akan disesuaikan dengan ukuran header). Pilih behind title and description jika gambar yang anda masukkan tidak mengandung teks judul, karena ini berarti judul dan deskripsi blog akan ditampilkan. Sebaliknya, jika anda membuat gambar header komplit dengan tulisan judul dan deskripsinya, pilih instead of title and description yang mana pilihan ini akan menyembunyikan judul dan deskripsi. Klik Save.

Kini blog anda sudah mempunyai header yang sesuai dengan keinginan anda (tentunya disesuaikan dengan tema blog).

Cara lain untuk mengganti header blogspot adalah melalui pengaturan kode CSS. Caranya, dari dashboar blogger, masuk ke blog yang akan kita ganti headernya. Masuk ke tab Layout > Edit HTML. Pastikan anda selalu membackup template sebelum mengubahnya (caranya dengan klik Download full template) agar sewaktu-waktu ada kejadian yang tidak kita harapkan, kita bisa kembalikan lagi template seperti semula.

Pada menu Edit HTML, beri centang Expand Widget Template. Tekan tombol Ctrl + F bersamaan untuk memanggil fungsi pencarian. Ketikkan header pada kolom Find untuk mencari kode css header. Anda juga bisa menscroll mouse untuk melakukan pencarian ini, tapi tidak praktis.




#head{

margin:auto;

padding: 0;

width: 100%;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0-VJBY4y1q-BVmIYN_tMLiBVVLxMesO3p1F3CnF2Pj5Fil0OxGt8KWHacr1JJYnAvqBO_FafezJwUAXpthu9y3B0f5bO9tfuCYo5P_44yihQQi1twbHAFqBQFKWiz6IR41Fagofvpaw/s400/deadly-stars.jpg) no-repeat;

border-bottom:1px solid #383838;

border-top:1px solid #474747;

}
Pada kode css yang mengatur header (penamaan tidak harus sama dengan contoh disini, tergantung template yang digunakan), cari tulisan background karena inilah yang mengatur tampilan header blog kita. Adakalanya background ini berisi kode #000000 (atau yang lainnya) yang berarti backgroundnya berisi warna. Untuk menggantinya menjadi berlatar image yang telah kita siapkan, berikan kode url(alamat image). Sebelumnya, anda harus mengupload image yang akan digunakan ke situs penyimpanan (hosting) gambar, dan ganti alamat image dengan url gambar anda. Setelah itu klik tombol save template untuk menyimpan hasil kerja anda.


Demikianlah cara mengganti header blogspot. Semoga bermanfaat.
sumber : www.bewegaleri.com

Membuat efek Marquee

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :
Contoh marquee dari gerakan :

<MARQUEE align="center" direction="right" height="20" scrollamount="2" width="30%">

marquee dari kanan ke kiri
</MARQUEE>

hasilnya :


marquee dari kanan ke kiri


ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .
Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>


marquee menurut perilaku


Contoh marquee dengan variasi huruf dan warna latar belakang :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

</MARQUEE></b></FONT></div>

hasilnya

Marquee dengan variasi warna latar belakang


Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.
Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

silahkan tunjuk ke sini

</marquee>

hasilnya :



silahkan tunjuk ke sini



Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/>

<a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>

<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>

</marquee>

hasilnya



Rubrik Elektronik


Electronic Rubric


Kolom iklan




Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.
Selamat ber eksperimen
source:kolom-tutorial.blogspot.com

Baca juga :

Membuat Kotak Komentar Blogger di Bawah Postingan

Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.
Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

8. Lalu simpan template kamu. .
source: vilat lines

Baca juga :

Membuat Blog Pada Blogger

sumber : http://www.yudhitech.com

Saya akan menjelaskan bagaimana caranya membuat blog gratis. Asumsi yang saya gunakan adalah bagaimana caranya membuat blog pada situs Blogger milik Google yang gratis dapat kamu gunakan sebagai media untuk ngeBlog.

Langkah pertama kamu wajib memiliki keanggotaan di Google, langkah membuat keanggotaan di Google tidak akan saya jelaskan disini. Cara membuat blog pada Blogger adalah sangat mudah, silakan buka Blogger di alamat http://www.blogger.com.

Mengapa Blogger?

Alasan saya merekomendasikan Blogger adalah sebagai berikut:

  1. Gratis, semua orang suka dengan yang berbau tidak berbayar alias tidak mengeluarkan sepeser-pun uang.
  2. On The Fly, blog yang kamu bikin langsung akan jadi sesaat setelah kamu membuatnya tanpa menunggu lama.
  3. Mendukung Bahasa Indonesia, sangat tepat bagi kita yang kurang menguasasi Bahasa Inggris.
  4. Cepat dan Mudah, hanya dengan 3 langkah blog kamu sudah dapat langsung online di jagad Internet.
  5. Banyak Tema, Blogger memiliki banyak sekali desain blog yang bisa langsung kamu gunakan sesuai dengan keinginan kamu.
  6. Kaya Fitur, Blogger sangat kaya fasilitas pendukung aktivitas ngeBlog sepeti buku tamu, statistik pengunjung bahkan sesuai dengan tujuan kita adalah untuk mendayagunakan blog menjadi sumber penghasilan online.

Saran saya adalah langsung memasukkan E-Mail dan Password kamu pada bagian Form Login. Pada langkah ini kamu wajib telah memiliki keanggotaan di Google. Jika kamu ingin menggunakan e-mail lain silakan masukkan pada bagian yang diminta.

Sebuah account Google akan dapat digunakan diberbagai produk dan layanan Google lainnya seperti GMail, Google Talk, Google Earth, Google AdSense, Google AdWords, Google Webmaster Tools, Google Analytics, Picasa, Orkut dan masih banyak lainnya.

Beberapa hal penting yang perlu diperhatikan adalah gunakan penamaan yang tepat yang mempresentasikan diri kamu secara benar. Jangan pernah membuat account Google dengan informasi palsu, samaran ataupun fiktif. Isilah form secara benar dan tidak perlu khawatir bahwa Google akan menyebarkan informasi pribadi kamu ke khalayak ramai, Google berjanji tidak akan berbagi informasi mengenai diri kamu kepada orang lain yang tidak berhak mengetahuinya.

Sebuah account Google dapat digunakan untuk membuat banyak blog, dengan kata lain cukup satu account pada Google dengan banyak halaman blog yang memiliki alamat penamaan berbeda.

Jika kamu sudah Login, lanjutkan dengan klik Ciptakan Sebuah Blog dan berikanlah nama untuk blog kamu. Pada bagian ini adalah yang sangat penting, jangan memilih nama yang asal, pilihlah penamaan yang mewakili dari isi blog kamu. Misalnya kamu mau ngeBlog mengenai pariwisata Indonesia, pilihlah nama dengan bijak. Jangan gunakan penamaan yang jauh dari apa isi blog kamu sebenarnya.

Hal Penting Penamaan

Jika kamu serius ingin ngeBlog tentang sesuatu yang berorientasi pada uang saran saya jangan gunakan nama kamu sebagai penamaan. Gunakanlah sebuah objek isi blog kamu. Dengan demikian kamu akan lebih mudah dikenali oleh pembaca bahwa blog kamu berisikan tentang sesuatu yang unik atau khusus. Alasan lain adalah dikarenakan kamu menggunakan sebuah layanan blog gratis yang telah memiliki penamaan yang dominan yaitu Blogger, dimana sudah digunakan oleh banyak orang untuk media blog. Alamat penamaan kamu akan menjadi sebuah subdomain dari domain utamanya yaitu blogspot.com.

Dalam contoh saya akan ciptakan sebuah blog yang berhubungan dengan hobi fotografi. Saya memasukkan “Hobi Fotografi” sebagai judul blog dan “fotografi” sebagai alamatnya. Oppss, ternyata alamat “fotografi.blogspot.com” telah digunakan orang lain. Jangan memaksa! kamu tidak dapat menggunakan alamat tersebut, lihatlah di bagian bawah Blogger merekomendasikan penamaan blog kamu. Saya memilih “hobifotografi.blogspot.com”.

Desain Blog

Selanjutnya adalah menentukan desain blog kamu inginnya seperti apa. Blogger telah membuat beberapa template atau tema yang bisa langsung dipilih. Belum cocok dengan pilihan yang ada? silakan pilih terlebih dahulu sebuah template, nantinya kita dapat mengubahnya.

Wow… selamat! kamu sudah memiliki sebuah blog dengan judul Hobi Fotografi beralamat di http://hobifotografi.blogspot.com. Mulailah NgeBlog saat ini juga, jika belum siap silakan kumpulkan terlebih dahulu bahan-bahan seperti foto, referensi tulisan, video dan lain sebagainya. Kapanpun kamu siap mulailah mengakses blog kamu pada alamat tersebut dengan cara menyimpannya menggunakan fasilitas Bookmark/Favorit pada Browser kesayangan kamu.

Pada tulisan lain saya akan menjelaskan lebih lanjut bagaimana cara mengatur beberapa hal yang penting untuk melengkapi tampilan blog kamu agar sesuai dengan keinginan. Untuk lebih jelasnya download disini tutorialnya dalam bentuk pdf

Related Posts Plugin for WordPress, Blogger...

Designed by Posicionamiento Web | Bloggerized by GosuBlogger