Cara Membuat Judul Postingan Rata Tengah di Blog

Judul sebuah artikel di blog secara default terletak di sebelah kiri. Oleh karenanya, jika anda ingin membuat judul postingan menjadi rata tengah atau rata kanan, maka anda harus menambahkan koding ke dalam template blogspot. Pada tutorial kali ini, saya akan menjelaskan cara yang mudah untuk membuat judul postingan menjadi rata tengah. 

Gambar halaman depan blog dengan judul postingan rata kiri.

Berikut adalah Cara Membuat Judul Postingan Menjadi Rata Tengah:

1. Login ke Blogger
2. Pilih Template >> Edit HTML
3. Cari Kode (Ctrl+F): h3.post-title, maka anda akan menemukan hasil pencarian lebih dari satu, pilih kode h3.post-title a{} dan h3.post-title, h4 {}, seperti pada gambar di bawah ini: 
   
4. Tambahkan kode text-align:center; kedalam kedua blok koding di atas, hasilnya akan menjadi seperti berikut:
   
5. Selesai, jangan lupa save template ya, hasilnya akan terlihat seperti berikut ini:
   

Selamat, blog anda sekarang mempunyai semua judul postingan yang rata tengah, baik di halaman depan blog (halaman home page) maupun di halaman postingan. Demikian, tutorial kali ini, semoga bermanfaat buat kita semua. Salam Blogger..! (http://karya-mandau.blogspot.co.id/2012/09/tutorial-cara-membuat-judul-post-rata.html)*.

Cara Menghilangkan Garis Bawah Border Widget di Blog

Sebuah widget/ gidget di blog secara default mempunyai buttom border atau border bagian bawah. Ketika anda ingin memunculkan atau menyembunyikan widget hanya pada halaman tertentu saja, maka buttom border dari widget yang sudah disembunyikan akan tetap terlihat di halaman tersebut. Hal ini tentu akan membuat tampilan dari sebuah blog menjadi terlihat kurang rapi dan kurang indah. Oleh karenanya, alangkah baik jika border bagian bawah tersebut dapat kita hilangkan. Pertanyaannya adalah bagaimana cara menghapus buttom border tersebut? Ikuti terus artikel ini ya.

Gambar halaman statis blog tanpa widget, namun menampilkan buttom border dari widget yang disembunyikan..!

 Cara Menghilangkan Garis Bawah Border Widget di Blog:

1. Login ke blogger
2. Pilih Template >> Edit HTML
3. Cari kode (Ctrl + F)  .main-inner .widget, Didalamnya anda akan melihat koding seperti berikut:
   
   .main-inner .widget {
     padding: 0 0 15px;
     margin: 20px 0;
     border-bottom: 1px solid $(widget.border.bevel.color);
   }
4.  Ubahlah tulisan bewarna merah menjadi 0px seperti berikut ini:
   
   .main-inner .widget {
     padding: 0 0 15px;
     margin: 20px 0;
     border-bottom: 0px solid $(widget.border.bevel.color);
   }
5. Terakhir, jangan lupa save template! 
   Selesai, blog anda sekarang akan terbebas dari buttom border dan tentunya akan menjadi lebih indah! Sekian dulu tutorial dari saya, semoga bermanfaat ya buat teman-teman semua!
   

Cara Merubah Ukuran Font di Postingan Blog

Pada dasarnya ada beberapa cara untuk merubah ukuran font di blog. Pada tutorial kali ini saya akan menguraikan dua cara yang bisa digunakan untuk merubah ukuran font di blog. 

Cara pertama yaitu dengan mengedit langsung pada artikel yang sedang dibuat. Namun, adakalanya ukuran font di blog tetap tidak akan berubah walaupun sudah beberapa kali diganti lewat halaman compose di postingan blog, sehingga anda harus merubahnya satu-persatu melalui HTML. Hal ini tentu sangat merepotkan dan menghabiskan banyak waktu. 

Cara kedua merupakan cara yang lebih mudah dan efisien, hanya dengan menggantinya sekali, ukuran font dari semua artikel pada blog anda akan berubah secara otomatis. Saya juga menggunakan cara yang satu ini pada blog dan berikut adalah langkah-langkah cara mengubah ukuran font di blog dengan sangat mudah: 

1. Login ke blogger
2. Pilih Template >> Customize
   
   
3. Klik Advanced
   
   
4. Pilih Body Text >> Font (Jenis dan Ukuran Huruf)
   
   
5. Lihat Preview dibawahnya, apakah sudah sesuai dengan keinginan anda, jika belum silahkan ganti lagi dengan ukuran font yang anda inginkan.
   
   
6. Terakhir, klik Apply to Blog
   
   

Selesai, demikian tutorial kali ini tentang cara merubah ukuran font pada artikel blog, semoga ada manfaatnya untuk kita semua! Salam Blogger..(http://www.palucomputer.com/2015/03/cara-merubah-ukuran-fonthuruf-artikel.html)*. 

Cara Menghilangkan Tanda Obeng dan Tang di Blog

QuickEdit yang diberi tanda dengan obeng dan tang berfungsi sebagai jalan cepat untuk mengedit widget di blog. Namun demikian, tanda QuickEdit jarang dipakai, karena kebanyakan blogger lebih nyaman menggunakan dashbor. Oleh karena itu, ada baiknya untuk menghapusnya, sehingga akan mempercantik tampilan dan mempercepat loading sebuah blog. 

Pada tutorial kali ini, saya ingin membahas bagaimana cara menghapus atau menyembunyikan tanda obeng dan tang di blogspot. Ikuti langkah-langkah berikut ya.

Cara Menghapus Tanda Obeng dan Tang di Blog

1.  Login ke blogger
2. Pilih Template > Edit HTML
3. Cari Kode (Ctrl+F) <b:include name='quickedit'/>, seperti dibawah ini:
   
   
   Akan banyak kode tersebut di blog, hapus semuanya. Jika tidak ingin menghapusnya, anda juga bisa membuat komen untuk menonaktifkan kode tersebut dengan cara menambahkan tanda <!-- --> diawal dan diakhir kode-nya seperti berikut :
   
4.  Terakhir, jangan lupa Save Template.

Cara Menyembunyikan Tanda Obeng dan Tang di Blog
Jika tidak ingin menggunakan cara di atas, anda juga bisa menggunakan cara yang lebih mudah karena tidak perlu menghapus atau memberi tanda komen satu persatu. Hanya saja, cara berikut ini hanya berfungsi untuk menyembunyikan tanda obeng dan tang. Ketika terjadi perayapan oleh google, icon ini akan tetap terbaca sebagai gambar yang tidak mempunyai title dan deskripsi. Berikut cara menyembunyikan tanda obeng dan tang tanpa harus menghapusnya:

1. Login ke blogger
2. Klik Template >> Customize
3. Pilih Advanced >> Add CSS
4. Isi Kotak tersebut dengan koding: .quickedit { display:none; }, seperti gambar berikut ini:
   
   
5. Terakhir klik Apply to Blog. Selesai, silahkan anda memilih salah satu cara dari yang sudah dijelaskan di atas. Namun, saya menyarankan untuk memilih cara pertama, menurut saya cara yang terakhir tidak baik untuk SEO.
   (http://www.blogooblok.com/2015/01/cara-menghilangkan-dan-menghapus-tanda.html)*.

Cara Membuat Laporan Invalid Klik Iklan Adsense

Jika anda ingin mempertahankan akun adsense anda, sebaiknya anda mematuhi semua aturan yang sudah ditetapkan oleh google supaya akun anda tidak dibanned. Ada beberapa kegiatan illegal yang dilarang oleh google, salah satu diantaranya adalah invalid click atau klik palsu pada iklan adsense. Invalid klik terjadi ketika anda mengklik iklan adsense sendiri baik secara sengaja ataupun tidak. Lantas, bagaimana jika kita sudah terlanjur melakukannya? Anda tidak perlu khawatir karena saat ini google sudah menyediakan form pengaduan. Berikut langkah-langkah untuk melakukan pengaduannya: 

1. Masuk ke halaman pengaduan invalid klik.
2. Isi form pendaftaran seperti dijelaskan berikut ini:
    
    Keterangan gambar:
   • Nama: Isi sesuai dengan yang didaftarkan ke akun adsense.
   • Alamat Email: Isi sesuai dengan yang didaftarkan ke akun adsense.
   • ID Penayang: ID penayang bisa dicek pada Tab Penghasilan Adsense di blog anda.
   • URL Lokasi Iklan: Tulis URL halaman tempat anda mengklik iklan sendiri.
   • Topik: Pilih topik "Melaporkan aktivitas yang tidak biasa pada akun saya."
   • Tanggal dan Waktu Aktifitas Klik: Isikan tanggal dan waktu kejadiaan.
   • Paragraf yang menjelaskan alasan tentang aktifitas klik yang menurut anda tidak sah: Ceritakan kronologi kejadian bagaimana bisa mengklik iklan sendiri
   • Harap sertakan apapun dari log atau laporan lalu lintas situs, aplikasi selular: Optional (Isi IP Address, provider atau yang berhubungan dengan jaringan internet lainnya)
3. Klik tombol kirim: Pada tahap ini berarti anda sudah selesai mengajukan laporan tentang aktivitas yang tidak valid di blog anda. Berhati-hatilah untuk tidak melakukan klik iklan sendiri kedepannya, karena google akan bisa melacak akun dan aktifitas anda yang bisa membuat akun anda dibanned. Tetap semangat ngeblog ya.!

Cara membuat Tab Menu Rata Tengah dan Rata Kanan di Blog

Pada tutorial kali ini, saya ingin berbagi tentang bagaimana cara membuat menu bar menjadi rata tengah di blogspot. Pada dasarnya, default dari tab menu di blog adalah rata kiri, sehingga dibutuhkan kode khusus yang harus ditambahkan kedalam template jika ingin membuat tab menu menjadi rata tengah atau rata kanan. Di bawah ini adalah tampilan default menu di blogspot dengan rata kiri.

Selanjutnya, saya akan menguraikan langkah demi langkah untuk membuat tab menu menjadi rata tengah atau rata kanan.
  
Cara Membuat Tab Menu Rata Tengah
Berikut langkah-langkahnya:

1. Login ke Blogger
2. Pilih Template > Edit HTML
3. Cari kode (Ctrl+F) ]] > < /b:skin> 
4. Copy dan Paste kode berikut tepat di atas kode tersebut di atas
   
   .PageList {text-align:center !important;}
   .PageList li {display:inline !important; float:none !important;
   }
5. Selesai dan klik save template!

 

Cara Membuat Tab Menu Rata Kanan
Pada dasarnya, cara untuk membuat tab menu rata kanan sama dengan cara membuat tab menu rata tengah, perbedaannya hanya pada "text align"nya saja. Berikut langkah-langkahnya:

1. Login ke Blogger
2. Pilih Template > Edit HTML
3. Cari kode (Ctrl+F) ]] >< /b:skin> 
4. Copy dan Paste kode berikut tepat di atas kode ]] >< /b:skin>
   .PageList {text-align:right !important;}
   .PageList li {display:inline !important; float:none !important;
   }
5. Selesai dan klik save template!

(http://www.tulisanwortel.com/2014/05/cara-membuat-tab-menu-menjadi-center.html)*.

Cara Mengetahui ID Widget di Blog

Ketika kita ingin memunculkan atau menyembunyikan widget hanya pada halaman tertentu saja, maka kita perlu mengetahui ID dari widget tersebut. Pada tutorial kali ini, saya akan menjelaskan bagaimana cara mengecek ID widget di sebuah blog. Pada dasarnya, ada dua cara untuk mengetahui ID widget, yaitu dengan cara mengecek dari Layout atau mengecek lewat Template. Caranya akan dijelaskan selengkapnya di bawah ini:

Mengetahui ID widget dari Layout

Untuk mengetahui ID widget dari layout, begini caranya:

1. Login ke blogger.
2. Pilih Layout.
3. Cari widget mana yang ingin diketahui ID nya, lalu klik Edit.
   
   
4. Kemudian cek URL dari widget tersebut, ID widget terletak hampir di ujung dari URL widget.
   
   

Mengetahui ID widget dari Template

Untuk mengetahui ID widget dari template, Berikut langkah-langkah nya: 

1. Login ke blogger.
2. Pilih Template.
3. Klik Menu "Jump to widget", kemudian klik widget yang ingin diketahui ID nya.
   
   
4. ID widget terletak setelah tulisan "id=" seperti terlihat di gambar di bawah ini.
   
   

Selesai, sekian dulu tutorial singkat kali ini, semoga bermanfaat ya, jangan lupa like and share! (http://wadahtutorial.blogspot.co.id/2012/01/cara-mengetahui-id-widget-blogger.html)*.

Cara Memasang Iklan Adsense di Bawah Judul dan Akhir Postingan

Letak iklan menjadi salah satu faktor yang mempengaruhi penghasilan dari google adsense. Ada yang mengatakan bahwa posisi iklan sebaiknya diletakkan ditengah postingan. Akan tetapi, saya tidak sependapat dengan pendapat di atas, karena akan berpotensi mengganggu para pembaca artikel di blog. Bagi saya, letak iklan memang penting namun kenyamanan pengunjung blog jauh lebih penting. 

Menurut pengalaman saya, posisi iklan yang baik dan tidak mengganggu pembaca terletak dibawah judul dan akhir postingan. Pada tutorial kali ini, saya akan membahas cara memasang iklan Adsense di bawah judul dan akhir postingan. 

Sebelum memasang iklan Adsense di bawah judul atau di akhir postingan, anda harus terlebih dahulu memparse kode iklan tersebut, karena script iklan adsense tidak serta-merta diterima oleh HTML blogspot. Kemudian, hasil parse tersebut nantinya akan dipasang didalam postingan. Memparse script artinya mengkonversi ke dalam bahasa pemograman java yang bisa di terima oleh template. Tidak perlu khawatir karena kode hasil parse tidak akan melanggar Google TOS. 

Untuk memparse sebuah script iklan, ikuti langkah-langkah berikut: 

1. Copy script iklan Adsense anda 
2. Pastekan di situs berikut: Parse Iklan di sini
3. kemudian copy hasil parse dan pasang di template anda. 

Cara Memasang Iklan Adsense di Bawah Judul Postingan 

1. Login ke Blogger. 
2. Pilih Template > Edit HTML. 
3. Cari Kode (Ctrl+F) <data:post.body/> pilih yang kedua atau ketiga.
4. Paste kode iklan hasil parse tepat di atas kode tersebut. 
5. Untuk Membuat iklan ditengah-tengah, tambahkan kode berikut:
   
   <center>
   ...Iklan Adsense hasil parse berada disebelah kiri...
   </center> 
   Note: Jika kode di atas tidak ditambahkan, secara default iklannya akan berada di sebelah kiri.
6. Untuk membuat iklan rata kiri, tambahkan kode dibawah ini:
   
   <div style="float:left;margin-right:15px;margin-bottom:15px">
   ...Iklan Adsense hasil parse berada disebelah kiri...
   </div> 
   Note: margin-right dan margin-bottom adalah jarak iklan dengan postingan dan bisa diubah sesuai keinginan.
7. Untuk membuat iklan rata kanan, tambahkan kode berikut:
   
   <div style="float:right;margin-right:15px;margin-bottom:15px">
   ...Iklan Adsense hasil parse berada disebelah kiri...
   </div> 
   Selesai, jangan lupa di SAVE ya ! 

Cara Memasang Iklan Adsense di Akhir Postingan

Untuk memasang iklan adsense di akhir postingan pada intinya sama dengan dengan cara memasang iklan adsense diawal postingan, perbedaannya hanya terletak pada tempat kode iklan tersebut diletakkan. Berikut caranya: 

1. Login ke Blogger. 
2. Pilih Template > Edit HTML. 
3. Cari Kode (Ctrl+F) <data:post.body/> pilih yang kedua atau ketiga.
4. Paste kode iklan hasil parse tepat di bawah kode tersebut, lihat gambar di bawah:
   
5. Selanjutnya, jika ingin membuat iklan ditengah-tengah atau di sebelah kanan, ikuti langkah-langkah seperti dijelaskan diatas. 
6. Terakhir, jangan lupa SAVE ya ! 

Selesai tutorial kali ini, semoga bermanfaat ya..(http://www.blogooblok.com/2015/02/memasang-iklan-adsense-di-bawah-judul.html)*.

Cara Membuat Auto Readmore Tanpa Javascripts di Blog

Halaman depan blog akan secara otomatis menampilkan beberapa artikel terbaru secara lengkap, sehingga membuat laman postingan menjadi sangat panjang. Untuk mengatasi hal ini, banyak blogger yang membuat auto readmore dengan memenggal setiap tulisan menjadi hanya beberapa baris saja dan dengan memasang auto readmore akan membuat tampilan blog menjadi lebih rapi. Contoh tampilan homepage dengan auto readmore bisa dilihat di gambar berikut:

Pada kesempatan kali ini, saya akan membahas tentang cara membuat auto readmore plus thumbnail (gambar) tanpa menggunakan javascript. Kenapa tidak menggunakan javascript? Karena javascript bisa memperlambat loading blog. Sebaliknya, auto readmore tanpa javascript akan membuat loading blog menjadi semakin ringan dan cepat. 

Lantas, bagaimana cara membuat auto readmore+gambar tanpa javascript di blog ?

Begini caranya....

1. Login ke Blogger
2. Pilih Template > Edit HTML
3. Cari kode (Ctrl+F) ]]></b:skin> dan paste kode berikut diatasnya:
   
   .thumbnail-post {
   width:160px;height:120px;
   float:left;margin:0px 10px 0px 0px;
   }
   Note: Tulisan bewarna merah adalah ukuran gambar yang bisa diubah-ubah.
4. Selanjutnya, cari kode <data:post.body/> yang kedua atau ketiga dan ganti dengan kode berikut:
   
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:if cond='data:post.firstImageUrl'>
   <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
   <b:else/>
   <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh969481izNp2ReArSjDX_wlqFq_HSonR5zvpqRIQnZ7xpyrKVciahvDqbHxLJoagiqMgpcvDk4rIxAAQhmfsQE5fX_mWdgLJqwzxjG3YT169d7pQglm4Lf-_UF6KoAenZmUaoRsghxAGNZ/s1600/picture_not_available.png'/></a></b:if>
   <div class='post-snippet'>
   <data:post.snippet/>
   </div>
   <div class='rm-button-wrap'>
   <a class='button' expr:href='data:post.url'>Readmore</a>
   </div></b:if></b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <data:post.body/></b:if>
   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   <data:post.body/></b:if>
5. Terakhir Jangan lupa Save! 

Selesai, sekarang anda sudah bisa membuat halaman utama di blog berisi postingan yang dipenggal dengan auto readmore yang membuat blog anda terlihat lebih professional. 

(http://mas-rd.blogspot.com/2015/07/cara-membuat-auto-readmore-thumbnail.html)*.

Cara Menghubungkan google Adsense ke google Analytics

Dengan mendaftarkan akun adsense ke google analytics akan memberikan beberapa manfaat kepada para blogger: Pertama, bisa membantu blogger untuk menganalisa kinerja adsense dimana tautan ke analytics akan memberikan data tentang halaman mana diblog yang paling banyak memberikan kontribusi untuk pendapatan adsense. Kedua, bisa mengoptimalkan pemuatan iklan di blog dengan gambaran analisa tentang konten yang harus difokuskan sehingga bisa disesuaikan dengan iklan adsense. Bagi yang ingin tahu lebih lanjut tentang manfaat dari menghubungkan google adsense ke google analytics, silahkan berkunjung ke halaman resmi google yang menjelaskan selengkapnya tentang laporan adsense digoogle analytics.

Nah, pada kesempatan ini saya akan menguraikan tentang cara menghubungkan google adsense ke google analytics: 

1. Login ke google analytics. 
2. Pilih menu admin > property > Penautan Adsense /Adsense Linking.
   
3. Pastikan ID akun adsense anda benar, kemudian klik continue.
   
4. Pilih Link Configuration, selanjutnya klik Enable Link.
   

Selesai, sekarang akun adsense diblog sudah terhubung dengan google analytics, kemudian silahkan analisa perkembangan adsense anda selanjutnya di google analytics. 

(http://bloging-gampang.blogspot.com/2015/12/cara-menautkan-adsense-ke-google-analytics.html)*.