Showing posts with label Basic Blogger Pemula. Show all posts
Showing posts with label Basic Blogger Pemula. Show all posts

Wednesday, August 3, 2016

Membuat artikel menjadi 2 kolom - Karena ini kali pertama saya memberikan tutorial mengenai membagi artikel menjadi 2 kolom. Saya akan bagikan kode default standar yang nantinya bisa anda motifikasi sesuka hati.

Artikel 2 kolom artinya paragraph-paragraph yang ada dalam post tersebut akan terbagi menjadi 2 kolom, selain itu salah satu kolom juga bisa digunakan untuk menampilkan gambar sedangkan kolom kedua digunakan untuk menampilkan deskripsinya. Menarik bukan! Hanya saja hal tersebut akan tampil lebih baik bahkan bisa sampai meningkatkan nilai seo blog tersebut jika tidak malah membuat postingan anda tidak rapi dan akhirnya sepi pengunjung.

Berikut contoh artikel dengan 2 kolom yang terbukti menarik minat para pengunjungnya.

membuat artikel 2 kolom


Menarik bukan! Ingin? Silakan ikuti langkah-langkah berikut ini.
Dengan sedikit motifikasi anda juga bisa membuat 2 kolom cantik seperti contoh diatas.

Bagaimana cara membuat kolom postingan tersebut menjadi 2 bagian?


  1. Login ke akun Blogger Anda.
  2. Masuk ke blog yang ingin dimasukan artikel 2 kolom, kemudian pilih Post => Pilih mode HTML.
  3. Copy paste script berikut ini:
    <table cellpadding="10" cellspacing="10"><tbody>
    <tr> <td align="justify" valign="top" width="45%">Gambar</td><td align="justify" valign="top" width="45%">Anime Music Chart</td> </tr></tbody></table>
    Lihat gambar di bawah ini:Cara Membagi Artikel Post Menjadi 2 Kolom
  4. Lalu beralih ke mode Compose, kita akan menemukan 2 buah kolom yang dengan nama Gambar dan Anime Music Chart yang sudah saya masukan url gambar dan beberapa kode lainnya, hasilnya seperti ini.
    Cara Membagi Artikel Post Menjadi 2 Kolom
  5. Disana kita bisa membuat 2 buah artikel sekaligus atau hanya ingin seperti contoh diatas:
  6. Semoga berhasil, jika anda paham dengan kode css saya yakin anda pasti bisa membuat seperti contoh diatas, selamat mencoba.


Saya rasa itu saja pembahasan yang dapat saya berikan kali ini, semoga artikel mengenai membuat artikel menjadi 2 bagian ini bisa membantu anda, dan terima kasih telah membaca tulisan saya.

Cara Mencari Blog Zombie atau Dummy, pakai tektik apa! - Blog Zombie adalah istilah yang digunakan untuk sebuah blog yang telah terhapus karena sengaja dihapus si pemilik maupun terdeteksi melakukan hal ilegal oleh Google yang kemudian bisa didaftarkan atau diaktifkan kembali.


Fungsi Blog Zombie atau Blog Dummy


Blog Zombie atau blog dummy memiliki banyak sekali manfaat dan juga sangat mudah untuk optimasi seo, bukan hanya itu saja tetapi blog ini berkesempatan lebih besar untuk bisa masuk page 1 google. Blog Zombie ini juga bisa digunakan untuk membuat backlink kedalam blog utama anda.

Blog dummy yang ditemukan punya nilai lebih dimata google, kenapa?
Kalo ditanya kenapa, saya rasa butuh 1 postingan lagi untuk menjelaskanya sampai habis, anda lebih baik fokus terlebih dahulu kedalam pencarian blog zombie ini, Karena hal ini cukup melelahkan.

Siapkan peralatan tempur berikut ini:
Mozilla Firefox ( recommend versi terbaru )
Addons Link Checker
Addons Visited
Addons Seoquake

Cara menemukan Blog Zombie atau Blog Dummy


  1. Gunakan google untuk melakukan penelusuran, silakan copy paste salah satu keyword dibawah ini untuk mempermudah:
    site:blogger.com/profile/ admin
    site:blogger.com/profile/ keyword blog, Contohnya : SEO, Adsense dll
    site:blogger.com/profile keyword Blog I follow
    site:blogger.com/profile/ keyword Location: Indonesia
    site:blogger.com/profile/  Gander: Male / Female
    site:blogger.com/profile keyword On Blogger since October 2009
    Catatan: ganti keyword blog menjadi nama niche yang anda inginkan, location isi dengan Negara yang anda inginkan. Yang lainnya silakan artikan sendiri, orang udah besar juga.
  2. Dari hasil pencarian tadi silakan buka salah satu profil yang muncul di Google, saran saya lebih baik langsung ke pencariap pada page 100+ karena kemungkinan besar 1-100 sudah dijelajahi pemain lain.
    Cara Mencari Blog Zombie atau Dummy, Pakai Teknik Apa!
  3. Klik kanan pada halaman profil blogger yang sudah dibuka => pilih Check page link. Perhatikan baik-baik link yang berwarna merah karena blog tersebut kemungkinan bisa kamu ambil.
    cara mudah mendapatkan blog zombie, bagaimana cara mencari blog zombie itu?, blog zombie adalah, alat untuk cek blog zombie, berburu blog zombie  endolita.blogspot.com
  4. Silakan buka link-link yang berwarna merah seperti gambar berikut:
    warnah merah
  5. Kemudian jika muncul tulisan seperti ini "Maaf, blog yang Anda cari tidak ada. Namun nama blog x tersedia untuk didaftarkan!". Berarti blog tersebut bisa Anda ambil untuk didaftarkan lagi lewat akun blogger anda. seperti gambar berikut:
    Cara Mencari Blog Zombie atau Dummy, Pakai Teknik Apa!


Salah satu yang perlu anda perhatikan setelah mendapatkan beberapa blog zombie adalah melihat jumlah L dan LD nya, jika semakin tinggi maka semakin bagus dan berkualitas blog zombie tersebut.

Semoga artikel kali ini bisa membantu masalah anda dan terima kasih telah membaca tulisan saya.

Memasang Script Anti Copas merupakan salah satu hal yang penting untuk dilakukan,”kata siapa” para mastah, “preet, kalo ngak punya ilmunya mending diem aja loe”, saat ini sangat banyak para copaser yang mengincar konten-konten terpopuler untuk bisa mendapatkan trafik yang diinginkan.

Bagi saya pribadi ngak masalah, walaupun dia tidak mengeditnya yang penting cantumkan sumber.

Tapi ingat ngak semua orang seperti saya, kebanyakan egois dan langsung melaporkanya, atau bahkan yang paling parah adalah mencemarkan nama anda dimedia social, hanya karena satu artikel tidak diberikan link sumber.

Jika soal copy paste artikelnya saya memang salah, sumber note nya lupa saya copy paste karena “terburu-buru”, beberapa hari kemudian karena saya setelah itu. Ada notifikasi fb mentag saya, saya buka dan isinya cemooh, dan hinaan.

Kalo ane bilang si anak kampret nih, kalo emang ada masalah selesai baik-baik jangan asal sebar sana sebar sini. Kalo orang deket rumah pasti gue gampar tuh orang.

Saya merasa seperti ini bukan karena disalahkan tetapi bagaiman cara menyelesaikannya,


Ok balik lagi ke tutorial, Anda bisa menemukan berbagai script yang bertebaran diinternet untuk mengatasi copypaste artikel, namun kali ini saya ingin berbagi satu tool yang sudah disediakan oleh salah satu website yaitu Copyrightbar Protection.

Banyak sekali blog-blog besar yang tidak mencegah pengunjungnya untuk melakukan copypaste, karena waktunya akan terpotong hanya untuk melapokan pencuri dan lebih baik waktunya dipakai untuk membuat post baru.

Tetapi jika anda tetap tidak ingik konten anda dicopypaste orang lain, maka baca terus!

Cara Memasang Script Anti Copas dengan Copyrightbar Protection:


  1. Silakan kunjungi situs Copyrightbar.com
  2. Kemudian Isi Nama Blog, Alamat URL Blog, dan settingan yang lainnya sesuai keinginan.
    Memasang Script Anti Copas dengan Copyrightbar Protection
  3. Jika sudah, lihat ke bawah ada kotak yang berisi kode HTML, copy kode HTML tersebut.
  4. Login ke akun Blogger anda.
  5. Masuk ke blog yang ingin anda protect, kemudian pilih Tata Letak/Layout => Tambah Gadget => Pilih HTML/ JavaScript.
  6. Paste kode HTML tadi kedalam kolom.
  7. Simpan dan cek di halaman utama Blog, lakukan klik kanan untuk mencobanya


Warning: Saya lagi kesel, jadi mohon maaf jika tulisanya kurang bisa dipahami dan juga mengandung unsur emosi

Semoga tutorial ini bisa memberikan manfaat bagi anda dan juga untuk menyadarkan anda, terima kasih telah membaca artikel ini.


Cara Membuat Widget Popular Post Lebih Berwarna - Bosan dengan tampilan widget populer post yang monoton. Pada kesempatan kali ini, saya akan membagikan bagaimana cara membuat widget popular post menjadi berwarna, seperti pelangi gitu. Tapi yang saya bagikan ini masih salah satu dari banyaknya bentuk widget popular post yang bisa Anda kreasikan sendiri.

Cara Membuat Widget Popular Post Lebih Berwarna


Cara mewarnainya cukup simple dan mudah, yuk ikuti langkahnya.

Langkah-langkah membuat widget popular post bewarna part 1


  1. Login ke Blogger.com dan pilih blog yang ingin dipasangkan widget popular post.
  2. Masuk ke menu edit html, caranya Dashboard > Template - Edit HTML.
  3. Lalu cari kode ]]></b:skin> kemudian copy paste script berikut diatas kode tadi.
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F6F7F8;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#d9d9d9;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#999;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#F90955;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#FB0BDC;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#009FFF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#00FFC6;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#62F708;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#FF8A0D; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#F34712;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:3px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

4. Save kembali template dan lihat widget popular post Anda.
5. Jika belum tambahkan widget popular post terlebih dahulu.

Tutorial cara membuat widget popular post berwarna cukup sampai disini, semoga artikel kali ini bermanfaat bagi anda dan juga terima kasih telah membaca tulisan ini.

Gallery foto bisa membuat tampilan foto yang kita publish tampak lebih professional, bukan hanya itu gambar yang tampil pun lebih teratur dan mudah untuk dipantau.

Saat anda memuat sebuah gambar kedalam post, disana anda hanya boleh meletakan gambar disamping kiri, di tengah , dan kanan saja namun bagi sebagian orang hal ini diagap tidak memuaskan.Dan kali ini saya ingin membagikan sebuah tutorial untuk mengatasi ketidakpuasan anda, jika begitu silakan baca terus!



Walaupun begitu tidak semua blogger bisa melakukan ini, hal ini sangat dianjurkan untuk blog bertemakan fashion, kuliner ataupun menjual suatu produk, baik itu film, alat eletronik maupun game, tapi jika anda ingin sekedar coba-coba silakan.

Cara Membuat Gallery Foto

  1. Login ke akun Blogger yang anda miliki kemudian pilih blog yang ingin dipasangkan gallery foto.
  2. Pilih Posting > Entri baru (jika anda ingin memasangnya didalam post), pilih Tata Letak/Layout (jika anda ingin meletakan pada sidebar maupun footer).
  3. Untuk memasang foto gallery didalam post, klik mode Edit HTML, bukan yang mode Compose. Kemudian copy paste script di bawah ini pada tempat yang Anda inginkan.
    <div class="snap_preview">
    <style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }</style> <br /><div class="gallery snap_nopreview">
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
    <img border="0" height="250" src="Url Image anda" width="200" /></a></dt></dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
    <img border="0" height="250" src="Url Image anda" width="200" /></a></dt></dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
    <img border="0" height="250" src="Url Image anda" width="200" /></a></dt></dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
    <img border="0" height="250" src="Url Image anda" width="200" /></a></dt></dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
    <img border="0" height="250" src="Url Image anda" width="200" /></a></dt></dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
    <img border="0" height="250" src="Url Image anda" width="200" /></a></dt></dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
    <img border="0" height="250" src="Url Image anda" width="200" /></a></dt></dl></div></div>
    Keterangan :

  • Kode yang berwarna tebal silahkan anda ganti dengan Url gambar anda.
  • Untuk merubah ukuran gambar anda silakan cari kode berwarna biru, untuk tinggi cari height="250", Untuk lebar cari width="200".
  • Untuk menentukan berapa gambar yang tampil kearah samping sesuai kenginan anda, maka rubahlah angka berikut  ini sesuai jumlah gambar yang anda inginkan. Misalnya anda ingin menampilkna 4 gambar maka lakukan perhitungan berikut ini:
    100% : 4 = 25% maka nilai width: 33% tadi ganti menjadi width: 25%
  • Apabila anda ingin menambahkan gambar lagi yang akan tampil kebawah, anda tinggal masukkan script di bawah ini, sebelum kode </div> </div> terakhir.
    <dl class="gallery-item"><dt class="gallery-icon"><a href="Url Image anda" target="_blank"><img border="0" height="250" src="Url Image anda" width="200" /></a></dt></dl>.
  • Sekarang silahkan klik publish dan lihat hasilnya.
Saran: jika anda mengerti sedikit mengenai css, saya sarankan untuk menempatkan kode css dari script diatas, kedalam template anda agar proses loadingnya lebih cepat, dan jangan lupa juga untuk mengkompress “ukuran gambar”.

Semoga artikel ini dapat bermanfaat bagi anda dan terima kasih telah membaca artikel ini.

Thursday, July 21, 2016

Cara Menambah 3 Kolom di Bawah Header - Kali ini saya akan membagikan sebuah tips menambahkan 3 kolom di bawah header blog.

1. Login ke Blogger.com
2. Masuk ke menu edit html, Dashboard > Template > Edit HTML.
3. Cari kode ]]></b:skin>, kemudian copy paste script berikut diatasnya.
    /* –- Top --*/
    #top {
    background:#fff;
    margin-top:10px auto;
    width:960px;
    overflow:hidden;
    font-size:12px;
    padding:10px;
    }
    #top h2 {
    background:#000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x;
    font-size:14pt;
    font-weight:400;
    text-align:center;
    font-style:normal;
    line-height:1.3em;
    color:#fff;
    padding:5px;
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
    }
    #top ul {
    color:#333;
    margin:0;
    padding:0;
    }
    #top ul li {
    background:url(http://2.bp.blogspot.com/_7Y9pl24WpQY/SqkUYNZmPxI/AAAAAAAAA4U/se2boblD4-M/s320/b3.gif) no-repeat;
    list-style-type:none;
    border-bottom:1px dashed #CCC;
    margin:0 0 10px;
    padding:0 0 5px 20px;
    }
    #top ul li a:hover {
    margin:0px 0px 5px;
    padding:0px;
    }
    #topcenter {
    width:300px;
    float:left;
    margin-left:10px;
    background:#fff;
    padding:10px
    }
    #topleft {
    width:280px;
    float:left;
    margin-left:10px;
    background:#fff;
    padding:10px;
    }
    #topright {
    width:280px;
    float:right;
    margin-left:10px;
    background:#fff;
    padding:10px;
    }

4. Kemudian cari kode <div id='post-wrapper'> atau <div id='main-wrapper'> (tergantung type template Anda), lalu copy paste script berikut diatasnya.
<div id='top'>
<b:section class='top' id='topleft' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='topcenter' id='topcenter' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='topright' id='topright' preferred='yes' showaddelement='yes'>
</b:section>
</div>
5. Simpan kembali template anda dan masuk ke Tata Letak/Layout dan lihat disana akan ada 3 kolom dengan nama topleft, topcenter, topright.


Sekian tips menarik yang mengenai cara menambahkan 3 kolom dibawah header blog, sampai jumpa lagi ditutorial yang lain