Warung Bebas

Minggu, 02 Desember 2012

Tanya Jawab Cara Membuat Blank Page Di Blogspot

Tanya Jawab Cara Membuat Blank Page Di Blogspot - Postingan Master Chef kali ini berhubungan dengan pertanyaan Sobat Dapur Tutorial Blogspot dan Seo "Sir Maurice Doyle" seperti berikut:

Pertanyaan

Master Chef sebenarnya tidak begitu paham dengan maksut, yang Master Chef ambil dari pertanyaan tersebut yaitu Entri baru tapi tidak tampil dihalaman Home page atau banyak yang disebut dengan Blank Page blogspot. nah jika yang dimaksut Master Chef berbeda dengan isi dari pertanyaan Saya mohon maaf dan bisa dijelaskan kembali tetang aksut pertanyaan lewat komentar postingan ini.

Sekilas mengenai Laman Kosong atau Blank Page Blogspot ini merupakan fasilitas yang suda ada disediakan blogger hanya saja jumlahnya terbatas. kita hanya bisa membuat Blank Page maksimal 10 halaman. Cara Membuat Halaman Tidak Tampil Di Branda Blog Resepnya sebagai berikut :
  1. Login kehalaman Blog masing-masing
  2. Dari dashbord blog pilih Page atau Laman
  3. Menu Laman Blogspot
  4. Jika sudah akan tampil halaman seperti ini, klik Blank Page atau Laman Kosong
  5. Blank Page
  6. Jika sudah kamu akan dihadapkan kehalaman postingan seperti halaman postingan biasanya seperti ini. jadi silahkan isi sesuai apa yang ingin kamu tulis.
  7.  Halaman Postingan Blank Page
  8. Setelah selesai klik Publikasi
  9. Lihat Hasilnya. Laman yang sudah kamu buat tidak akan tampil di branda atau home page kamu.
Nah itu dia sekilas mengenai Tanya Jawab Cara Membuat Blank Page atau Laman Kosong Di Blogspot. semoga bisa menjawab pertanyaan  "Sir Maurice Doyle". Sekian terimakasih dan selamat mencoba!

Sabtu, 01 Desember 2012

Cara Memasang Tanda Tangan Di Blog Step 2

Cara Memasang Tanda Tangan Di Blog Step 2 - Tutorial ini merupakan tutorial lanjutan dari tutorial sebelumnya. jadi Sobat blogger Dapur Tutorial Blogspot dan Seo yang belum membaca tutorial sebelumnya silahkan baca : Cara Memasang Tanda Tangan Di Blog Step 1, agar nantinya tidak bingung karena tidak nyambung.

Setelah pada Tutorial sebelumnya kita berhasil mendapatkan Link Untuk Tanda tangan di blog kamu, sekarang kita akan bahas bagaimana Cara Memasang Tanda Tangan di Setiap Postingan Blog. ok langsung saja kita bahas Resepnya sampai tuntas.

Langkah 1 : membuat kode untuk memasang tanda tangan disetiap postingan
  1. Dari Tutorial sebelumnya kamu sudah mendapatkan link tanda tangan kamu. perhatikan kode berikut :
  2. <div style='display:block;float:right;margin: 0px 10px 0px 0px;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <img alt=' ' src='isi dengan URL gambar signature yang sudah anda buat'/>
    </b:if>
    </div>
  3. Kode yang berwarna biru diatas Ganti dengan Link Tanda Tangan Kamu tadi
  4. Jika sudah pembuatan kode selesai tinggal meletakannya kedalam halaman blog sobat, Caranya sebagai berikut
Langkah 2 : Meletakan Kode Kehalaman Blog
  1. Login ke akun blog masing-masing
  2. Dari dashbord blog kamu pilih Template untuk mengakses halaman Edit HTML (Baca : Cara Mengakses Halaman Edit HTML Blogspot)
  3. Jangan lupa untuk Download Template Lengkap kamu terlebih dahulu. ( Baca : Cara Back-Up dan Upload Template Lengkap Blogger)
  4. Kalau sudah Centang Expand Template Widget
  5. Cari Kode berukut <data:post.body/> Jika kamu menggunakan Read More Otomatis kamu akan menemukan 2 atau lebih kode tersebut. Kamu cukup memilih kode yang kedua.
  6. Copy kode Tanda tangan yang sudah kamu buat pada Langkah 1 diatas dan Paste dibawah kode <data:post.body/> 
  7. Jika sudah Klik Simpan Template
  8. Selesai dan lihat hasilnya.
Nah itu dia akhir cerita dari Cara Memasang Tanda Tangan Di Blog. semoga tutorial yang sudah Master Chef sampaikan bisa dipahami. sampai ketemu pada tutorial berikutnya. Selamat mencoba and Thanks!.

Cara Mengganti Template

Cara Mengganti Template | Tutorial Blog

Tutorial kali ini kita bahas cara untuk Mengganti Template Blog dengan template dari penyedia template gratis, karena selain menggunakan template standart dari blogger, Sobat juga dapat mengganti template blog anda dengan template dari penyedia template, sebelumnya download terlebih dahulu template yang ingin Sobat gunakan, untuk daftar Situs Penyedia Template Blog Gratis, silakan baca di sini : Situs Penyedia Template Gratis.

Berikut tutorial untuk mengganti template dengan template dari Situs Penyedia Template Gratis :
  • Download template yang ingin di gunakan.
  • Ekstrak file yang di download tadi, karena file yang akan kita upload ke blogger hanya file yang berekstensi .xml.
  • Login ke Blogger.
  • Klik pada blog yang akan di ganti templatenya.
  • Klik pada Template.
    Photobucket
  • Klik Cadangkan/Pulihkan yang ada dibagian atas kanan.
    Photobucket
  • Untuk jaga-jaga backup template Anda terlebih dulu, klik pada Unduh Template Lengkap.
    Photobucket
  • Klik tombol Browse, pilih file template yang tadi telah diekstrak.
    Photobucket
  • Kemudian klik tombol Unggah.
    Photobucket
  • Tunggu sampai proses selesai. Setelah itu lihat hasilnya pada Blog Sobat.
Selamat mencoba dan semoga berhasil mengganti template Blog Anda.

Cara Memasang Tanda Tangan Di Blog Step 1

Cara Memasang Tanda Tangan Di Blog - Setelah tadi siang Master Chef Share tetang Cara Menyembunyikan Judul atau Title Blog, Master Chef datang kembali dengan membawa resep yang cukup populer dikalangan blogger. Sesuai dengan judul blog Master Chef kali ini, kita akan mempelajari resep Cara Memasang Tanda Tangan Di Halaman Blog kamu. Cukup panjang dan lebar emang caranya tapi gak masalah Master Chef akan menjelaskan resepnya dengan lengkap namun bertahap. didalam Step 1 ini kita akan membuat tanda tangannya dan mendapatkan URL Beserta gambarnya.

Karena pada step 1 ada 10 tahapan dalam membuat tanda tangan untuk blog kamu, tidak usah banyak cerita langsung saja kita bahas Cara Memasang Tanda Tangan Di Blog.
  1. Kunjungi situs http://mylivesignature.com dan kamu akan menjumpai halaman kurang lebih seperti ini
  2. Step 1
  3. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.
  4. Step 2
  5. Setelah itu, klik tulisan Using the signature creation wizard.
  6. Step 3
  7. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
  8. Step 4
  9. Pilih jenis huruf yang di inginkan dan klik Next Step.
  10. Step 5
  11. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
  12. Step 6
  13. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
  14. Step 7

    NB:
    Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.
  15. Atur kemiringan ( slope ) teks dan klik Next Step
  16. Step 8
  17. Nah sekarang tanda tangan online kamu sudah berhasil dibuat.
  18. Step 9
  19. Untuk Mendapatkan Url Gambar Klik Kanan kemudian Copy Link Location dan untuk mendapatkan gambarnya Klik kanan Save as Image
  20. Step 10
  21. Selesai
Sekarang kita sudah mendapatkan tanda tangan milik sendiri. pada step berikutnya akan kita lanjutkan ke Step 2 yaitu Cara Memasang Tanda tangan disetiap Postingan. Demikian Trik Membuat Tanda Tangan Di Blog. Selamat mencoba dan semoga bisa bermanfaat.

Continue---> Cara Memasang Tanda Tangan Di Blog Step 2

Cara Menyembunyikan Judul Atau Title Blog

Judul Atau Title Blog
Cara Menyembunyikan Judul Atau Title Blog - 2 Hari yang lalu Master Chef membuatkan blog dan memodifikasi sedikit tampilah headernya. nah disini Master Chef mmengalami sedikit kesulitan untuk meletakan background blog di Header karena terhalang oleh judul atau Title blog. Master Chef coba memasang background tanpa Edit HTML yaitu menggunakan fasilitas bawaan blogger. judul bisa diatasi tetapi Backgroundnya tidak bisa menyesuaikan dengan header blog yang sudah Master Chef Modifikasi.

Solusi satu-satunya yaitu mengganti gambar header blog melalui Edit HTML dan menghilangkah Judul Blog tersebut. Nah buat sobat blogger Dapur Tutorial Blogspot Dan Seo yang mengalami kasus serupa bisa menggunakan metode ini yaitu menyembunyikan atau menghilangkan Title blog. Berikut Cara Menyembunyikan Judul Blog.
  1. Masuk ke akun Blogger Masing Masih
  2. Dari halaman Dasbord blog kamu Pilih Template untuk mengakses halaman Edit HTML ( Baca : Cara Mengakses Halaman Edit HTML Blogspot)
  3. Jangan Lupa untuk Download Templete Lengkap Terlebih Dahulu untuk antisipasi kesalahan saat Edit HTML. ( Baca : Cara Back-Up dan Upload template Blogger)
  4. Beri tanda centang pada Expand Widget Template.
  5. Kemudian cari script berikut "header h1" seperti dibawah ini :
  6. Jika sudah ketemu kamu akan menemukan susunan kode biasanya kurang lebih seperti dibawah ini.
  7. #header h1 { margin:50; padding:5px 0 0 10px; font-size: 100%; font-weight:bold; line-height: 1.2em; letter-spacing:.0em; font-style:italic; color:#FFFFFF; }
  8. Kemudian tambahkan kode berikut ini " visibility:hidden; " (tanpa tanda petik) Sehingga susunannya menjadi seperti ini
  9. #header h1 { margin:50; padding:5px 0 0 10px; font-size: 100%; font-weight:bold; line-height: 1.2em; letter-spacing:.0em; font-style:italic; color:#FFFFFF; visibility:hidden; }
  10. Kalau sudah sekaran klik Simpan Template
  11. Selesai dan Lihat Hasilnya.
Jika sobat Blogger Dapur Tutorial Blogspot dan Seo mengitu langkah-langkah tersebut dengan benar dipastikan judul atau title blog akan tersembunyi dan tidak terlihat lagi. Sekian dulu yang bisa Master Chef sampaikan soal Cara Menyembunyikan Judul Atau Title Blog kali ini. semoga bisa bermanfaat, selamat mencoba dan terimakasih.

Cara Membuat Footer 3 Kolom Di Blog

 Cara Membuat Footer 3 Kolom Di Blog - Salam jumpa lagi dengan blog KUCOPAS ya sobat, Kali ini saya akan memberikan tutorial blog gratis dalam hal yang masih berhubungan dengan footer. Mari kita kupas habis cara-caranya membuat dan memasang footer di blog.

 Pada artikel posting sebelumnya saya sudah pernah menjelaskan tentang cara membuat dan memasang footer multi kolom dan juga footer 2 kolom di blog, Silahkan sobat bisa lihat artikelnya. Karena cara membuat dan memasang footer 3 kolom di blog tidak jauh berbeda dengan artikel yang sudah pernah saya terangkan sebelumnya, Yang berbeda hanyalah kode yang terakhir yang akan di tambahkan dalam edit html template blog sobat.

 Bagi sobat yang masih penasaran dengan footer 3 kolom yang akan kita buat nanti, Di bawah ini saya tunjukkan gambar screenshot footer 3 kolom pada dasboard tata letak blog.

Cara Membuat Dan Memasang Footer 3 Kolom Di Blog

 Oke sekarang kita langsung menuju ke tutorialnya cara memasang footer 3 kolom di blog, Silahkan sobat ikuti langkah-langkahnya dan jangan sampai ada yang terlewatkan sebagai berikut:
  1. Langkah yang pertama, Silahkan sobat >> Masuk atau Login ke Blogger.com menggunakan akun sobat.
  2. Setelah masuk, Silahkan sobat pilih blog yang akan di pasangi footer 3 kolom.
  3. Pada Dashboard blog pilih menu >> Template, Kemudian >> Unduh template lengkap.
  4. Jika sudah, Silahkan sobat klik >> Edit HTML >> Lanjutkan >> Centang "Expand Template Widget".
  5. Kemudian cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempercepat pencarian).
  6. Setelah ketemu, Langkah yang selanjutnya silahkan sobat tambahkan semua kode berikut diatas atau sebelum kode ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

7. Langkah yang ke tujuh, Masih dalam Edit HTML. Silahkan sobat cari kode berikut di bawah ini. (Gunakan CTRL + F kembali untuk memudahkan pencarian). Cari salah satu kode saja.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

8. Jika sudah ketemu, Untuk membuat footer 3 kolom di blog, Sobat wajib dan harus menambahkan kode berikut dibawah atau sesudah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

*Catatan:
Jika pada template blog yang sobat gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> Maka tambahkan saja kode-nya dibawah atau sesudah kode <div id='footer'>

9. Sebelum sobat klik Simpan, Sebaiknya klik dulu Preview atau pratinjau. Jika tidak terjadi eror pada blog sobat saat edit html template, Silahkan sobat klik Simpan template.

10. Selesai dan lihat hasilnya pada Dashboard Tata letak blog sobat. Jika sudah jadi seperti yang ada pada contoh gambar screenshot diatas, Itu artinya sobat sudah berhasil Membuat Dan Memasang Footer 3 Kolom Di Blog sobat.

 Jika ada pertanyaan yang berhubungan dengan tutorial ini, Sobat jangan ragu untuk bertanya melalui form komentar yang tersedia. Semoga bermanfaat bagi sobat KUCOPAS semuanya, Selamat berkarya.

| Source By www.maskolis.com | Supported by http://kuc0pas.blogspot.com |

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger