Jika engkau tak sanggup menahan lelahnya belajar,
maka kau harus mampu menahan perihnya kebodohan
(Imam Syafii)

Kamis, 31 Mei 2018

MENONAKTIFKAN MENU BAWAAN TEMPLATE TANPA MENGHAPUS KODE HTML

Sebuah template dalam blog ibarat sebuah cover di buku, pembuatan template blog yang menarik akan mempengaruhi minat orang lain untuk berselancar di blog kita dan sebaliknya.
Pembuatan template yang menarik dibutuhkan skill coding html (biasanya dimiliki oleh rata-rata anak IT), namun bagi anda yang tidak memiliki passion bukan IT.. jangan kuatir bro…semua pasti ada jalan yang penting niat usaha dan tekun belajar.
Banyak website yang menyediakan template menarik dan yang penting gratis…hehe untuk kita bisa download.  Cara download template dan bagaimana memasangkannya Klik Disini ya..

Oke cekidot misalnya kita sudah memasangkan sebuah template di blog kita, namun tidak semua menu bawaan template kita pake semua… caranya bagaimana ?? gampang bro tinggal kita hapus saja… eiiit kalau dihapus sayang kan.. misalnya nanti kita butuh…. Sekali lagi ga usah kuatir… semua ada jalan.

Berikut saya ulas bagaimana cara menonaktifkan menu bawaaan template tanpa menghapus kode HTML, dari Template diatas, misalnya kita akan menonaktfikan menu bawaan template “Parent Category

Template Bawaan



Langkah nya.
1.      Masuk ke dashboard blogger
2.      Klik Tema à Edit HTML
4.      Untuk memudahkan pencarian kode HTML, anda bisa Ketik Ctrl + F lalu ketik pada kota isian Parent Category  (karena tujuan kita akan menonaktifkan menu Parent Category) seperti pada gambar di bawah

Tampilan Menu Edit HTML sebelum dilakukan Editing


5.    Tambahkan code <!-- pada awal code menu Parent Category dan --> pada akhir code, fungsinya yaitu agar kode li pada menu Parent Category hanya terbaca sebagai comment di browser sehingga tidak tampil pada browser. Seperti di bawah ini

<!--li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li-->

sehingga menjadi seperti ini :

Tampilan Menu Edit HTML setelah dilakukan Editing

6.      Lalu klik Simpan Tema
7.      Menu Parent Category sudah tidak nampak karena dinonaktifkan

Menu Parent Category sudah tidak nampak di Template Blog


Demikian ulasan dari saya.... terimakasih semoga bermanfaat....

Selamat menunggu adzan maghrib dan berbuka puasa... heheh (masih lama bro) tetap semagat...

Salam Blogger












Selasa, 29 Mei 2018

MEMBERI KOMENTAR DENGAN HYPERLINK

Salah satu cara untuk meningkatkan rating blog kita adalah salah satu nya kita harus aktif  berselancara di blog orang lain dan memberikan komentar atau tanggapan di blog tersebut. Semakin banyak kita berkomentar di salah satu blog, maka secara tidak langsung blog kita akan semakin dikenal. misalnya dengan komentar seperti ini :

..........."Terimakasih informasinya gan.. sangat bermanfaat sekali.. jangan lupa kunjungi blog saya ya di http://arimuhardono.com"


Untuk memudahkan pemilik blog tersebut mengenali alamat kita dan alamat blog tersebut di kolom komentar bisa langsung di klik, maka ada beberapa trik dalam menulis komentar yaitu dengan menambahkan kode html sebagai berikut :
<a href="URL Blog Anda">URL Blog Anda</a>

Sehingga komentar lengkapnya sebagai berikut :

Terimakasih informasinya...
Silahkan kunjungi blog saya juga ya gan di :
<a href="http://www.arimuhardono.com/">"http://www.arimuhardono.com/"</a>
Salam Blogger selalu

Maka hasil tampilan komentar yang kita buat tampak seperti gambar di bawah ini :


Link alamat blog kita di atas bisa langsung di klik, sehingga memudahkan orang lain untuk membuka nya.

Terima kasih semoga bermanfaat



MEMBUAT GALERY FOTO DI BLOG

Membuat Galery foto di Blog tampaknya mudah, kita tinggal masuk ke dalam Menu Posting lalu Posting baru kemudian klik insert Image, namun jika kita menggunakan cara ini maka galeri foto kita di blog akan tampak kaku.. banyak sisi ruang yang terbuang

Penempatan image versi default blogger tampak masih sederhana dengan tampilan satu per satu tiap bidangnya. Lalu perataan paragraf baik kiri, tengah maupun kanan. Penempatan seperti ini terkadang membuat area postingan jadi banyak yang terbuang. Terdapat ruang kosong yang sebenarnya bisa dimaksimalkan.


Cara membuat Galeri foto di blog adalah sebagai berikut
1.  Masuk ke dashboard blogger
2.  Buat Postingan baru
3.  Klik HTML (Bukan Compose lho)
4.  Lalu paste Kode berikut :

<div class="snap_preview">
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" 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="150" 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="150" 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="150" 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="150" 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="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
</div>

</div>






Tulisan "Url Image anda" diganti dengan alamat url image/gambar anda yang telah di upload di blog
Jika petak gammbar yang di butuhkan kurang, maka bisa ditambahkan kode berikut :

<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>

</dl>


Semoga Bermanfaat 

CARA MENYEMBUNYIKAN JUDUL DAN DESKRIPSI BLOG


Terkadang Header Blog dan Judul Blog kita terlihat sangat membosankan jika menggunakan design header default blog, ada banyak cara mengganti header standar dengan desain header yang kereen, seperti pada contoh header di bawah ini

Membuat desain header sendiri memang sudah kebiasaan buat sebagian blogger .namun kadang-kadang ada sedikit masalah yang timbul saat pemasangan desain header tersebut ,masalahnya adalah disaat desain header baru sudah terpasang judul dan deskripsi blog kita jadi main tindih-tindihan dengan banner header blog kita ,Di hapus judul blog dan deskripsinya tidak mungkin karena tidak akan bisa disimpan di samping itu tulisan header dan deskripsi blog akan berpegaruh paa SEO (Search Engine Optimation) Blog

Cara untuk menyembunyikan Judul dan Description pada Blog adalah sebagai berikut :
1.      Login Ke Blogger .
2.      Klik Tata Letak.
3.      Klik Edit HTML.
4.    Lakukan pencarian (Find) atau klik tombol keyboard (Ctrl + F)
5.    Ketik kata kunci pada kolom pencarian :  .header h1

  seperti pada layar :

  

6.     tambahkan tulisan setelah baris terakhir seperti pada gambar diatas, yaitu :

        display:none;

7.   Klik Simpan Tema
8.   Header Blog dan deskripsi blog bawaan dari template blogger tidak ditampilkan

Semoga Bermanfaat.

Silahkan tinggalkan komentar anda


luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com