Cara Gampang Menciptakan Sajian Navigasi Responsive Di Blog

- Buat anda yang gres terjun kedunia blogger dan belum tahu apa itu Menu Navigasi dan dan bagai mana cara menciptakan sajian Navigasi Responsive di blog, "baiklah kalo begitu draplan akan jelaskan secara detil.

Menu navigasi ialah sajian yang ditampilkan pada halaman blog atau website yang bertujuan untuk memudahkan pengunjung sanggup mengakses seluruh isi konten blog. Menu navigasi biasanya memuat label-label atau laman pada blog yang terdapat diatas header atau dibawah header blog.

Mungkin alasannya tuntutan digital kini ini aneka macam pengguna internet yang memakai smartphone. Jika anda memasang sajian responsive maka akan tetap terlihat oleh pengguna smartphone layaknya membuka dengan desktop atau komputer.

Berikut Tutorial Cara Praktis Membuat Menu Navigasi Responsive di Blog

  • Silahkan login akun blogger anda, lalu pilih “Template” Lalu klik “Edit HTML”.
  • Lalu cari isyarat ]]></b:skin> atau </style> kemudian letakkan isyarat berikut sempurna diatas isyarat tadi.
/* Menu Navigasi */
.menunav{max-width:auto;background:#1a7db7; color:#fff;display:inline-block;width:100%;border-bottom: 3px solid #dfdfdf;}
.menunav ul{width:100%;padding:0;margin:0 auto}
.menunav li:first-child a{padding:7px 10px 3px}
.menunav li{list-style:none;display:inline-block;float:left}
.menunav li a{;color:#fff;display:block;font:bold 13px Arial;position:relative;text-decoration:none;padding:10px}
.menunav li a:hover{background:#2374a3; color:#fff}
.menunav li a .sf-sub-indicator{overflow:hidden;position:absolute;text-indent:-9999px}
.menunav li li a,.menunav li li a:link,.menunav li li a:visited{background:#2c8fc9;border-right:none;color:#fff;font:12px Arial;position:relative;text-transform:none;width:138px;padding:10px 10px;text-shadow: none;opacity:0.8}
.menunav li li a:hover,.menunav li li a:active{background:#2374a3}
.menunav li ul{height:auto;left:-9999px;position:absolute;width:160px;z-index:9999;margin:0}
.menunav li ul a{width:140px}
.menunav li ul ul{margin:-33px 0 0 157px}
.menunav li:hover>ul,.menunav li.sfHover ul{left:auto}
.menusearch{width: 210px;;float:right;margin:0 auto;padding: 13px 0 0;}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;border-radius:3px;border:1px solid #5c820d;}
.searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0} none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}

  • Lalu pasang isyarat sajian navigasi berikut sempurna dibawah </header>

<div class='menunav'>
<ul class='sf-menu'>
<li><a href='/'><img alt='home' src='http://1.bp.blogspot.com/-wqzYVSTa638/UQrc7C0UP3I/AAAAAAAABgU/TgbAOmzXLAs/s1600/home.gif' style='padding:0px;'/></a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Sub Menu 1</a>
<ul>
<li><a href='#'>Sub 1</a></li>
<li><a href='#'>Sub 2</a></li>
<li><a href='#'>Sub 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
<div class='menusearch'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search here....'/>
<input class='searchbutton' src='data:image/gif;base64,R0lGODlhGAAYAPdlAKysrPr6+vn5+WJiYvj4+GNjY01NTW1tbXFxcV9fX1RUVFNTU729vf7+/lFRUff394ODg0NDQ2RkZF5eXmxsbLKysr6+vnNzc9PT03BwcN3d3bu7u8PDw1BQULm5udHR0WZmZl1dXefn50VFRevr6/v7+3JycvT09M7OzpKSktfX12VlZfDw8MrKytjY2MzMzP39/eLi4q2trUtLS0pKSpWVlW5ubn19fdbW1r+/v29vb6qqqri4uFdXV1VVVYKCgpSUlN7e3mdnZ35+fkRERNTU1GBgYFhYWJycnLS0tMjIyIWFhfPz8zw8POrq6tzc3HZ2dtLS0vz8/FxcXKurq09PT7a2ttra2sfHx1JSUnV1debm5q6urlZWVoCAgOnp6YGBgU5OTmtra7q6uv///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGUALAAAAAAYABgAAAjVAMsIHEiwoMGDCBMqXMiwYcMTT1RY0HDC4UAsKS5MkKAlxYcADitQGCDmAIUDBYRYafgBxIoMXHCokHFBwoAoCwVAmJBhC0EXUBKAYaIwyJQCHAxyGKADhUILR1aQMHgFQQEeChl0GcDCoAYTRjwoLJIlBAaDKBKAUKLwAQIDQwgQJPHDAISuWR10WPLii5MWXhxUASKAYY0OEUKYQJCAyILHAB4wpGJDQZMIPQ5USOJjBgC5CgOIGAMAiQcRAhkoGAHAosENCm64NoghxuzbuHPrLhgQADs=' style='cursor:pointer;vertical-align:top' type='image' value='Go'/>
</form>
</div>
</div>

  • Selanjutnya pasang isyarat responsive pada media queries berikut ini sempurna diatas isyarat ]]></b:skin> atau </style>:

@media only screen and (max-width:768px){
.menunav li{float:none;}
.menunav li a{background:none}.menunav ul{text-align:center;width:100%}.menusearch{float:none;padding:5px 0 10px}
}

  • Terakhir, Klik Save/Simpan dan lihat hasilnya.


Demikian share isu Cara Praktis Membuat Menu Navigasi Responsive di Blogspot biar blog anda lebih responsive dan pengunjung sanggup melihat sajian navigasi dari semua perangkat. Sekian dan teimakasih telah berkunjung, hingga ketemu di artikel lainnya dari draplan.

Cara Menghilangkan Pemberitahuan Status Sedang Mengetik Di Whatsapp

Daraplan - Berbicara perihal Aplikasi Whatsapp tentunya niscaya bukan hal ajaib lagi di indera pendengaran anda semua. Dengan begitu anda pastinya sering melihat status atau keterangan yang bertuliskan 'mengetik...'  atau sedang mengetik dikala melaksanakan dialog dengan teman Anda.

Perlu saya jelaskan pada anda semua, Status itu memberitahukan bahwa pada dikala itu teman Anda sedang menuliskan atau mengetikan akhir chatting kepada Anda. Begitu juga sebaliknya jikalau Anda sedang menuliskan akhir chatting, maka teman Anda akan melihat status tersebut.

Keterangan mengetik... yang muncul dikala Anda atau teman Anda sedang melaksanakan dialog merupakan sebuah pemberitahuan bahwa teman Anda akan menjawab atau membalas dialog sehingga Anda sanggup menunggunya. Namun jikalau Anda tidak ingin status tersebut terlihat oleh teman chatting Anda, maka Anda sanggup menghilangkannya. Berikut langkah-langkah menyembunyikan status sedang mengetik di WhatsApp dikala Anda melaksanakan chatting :


Cara Pertama
Cara yang pertama ini ialah dengan memakai aplikasi WhatsApp Plus sebagai pengganti aplikasi WhatsApp yang sudah Anda gunakan.

  1. Backup isi WhatsApp Anda.
  2. Uninstall aplikasi WhatsApp Anda.
  3. Install aplikasi WhatsApp Plus terbaru.
  4. Setelah terinstall, buka dan masuk menyerupai biasa.
  5. Klik icon tiga titik di pojok kanan atas, lalu klik "Privacy".
  6. Langkah selanjutnya klik "Writing status" > klik "Hide for contacs".


Cara Kedua
Cara kedua ini mungkin cukup merepotkan Anda alasannya harus mematikan dan menghidupakan kembali sambungan internet Anda.


  1. Lakukan chatting dengan teman Anda.
  2. Putuskan koneksi internet ketika akan mengetikan akhir chatting Anda.
  3. Ketik akhir chatting Anda sampai selesai, lalu kirim (klik tombol kirim).
  4. Sambungkan kembali koneksi internet Anda.


Demikian Cara Menghilangkan Pemberitahuan Status Sedang Mengetik di WhatsApp yang sanggup Anda lakukan. Dengan cara ini, maka teman Anda tidak akan lagi melihat status mengetik di WhatsApp miliknya dikala sedang chatting dengan Anda. Semoga bermanfaat... Sampai jumpa di artikel lainnya....

Cara Menulis Artikel Seo Di Blog

- Semua blogger mungkin saja sanggup menulis artikel yang rutin dan lengkap. Namun belum tentu meyakinkan kalau artikel yang anda tulis tampil di halaman utama atau pageOne google? Mungkin juga anda sanggup menciptakan artikel yang banyak tapi tanpa memperhatikan SEO. Nah untuk itu pada kesempatan kali ini, draplan akan menyebarkan isu perihal Cara menulis Artikel SEO yang ramai pengunjung dan PageOne google.

Mengingat betapa pentingnya sebuah artikel untuk muncul di halaman pertama hasil pencarian, Google mempunyai standardnya sendiri unutk mengurutkan artikel-artikel di hasil pencarian. Disini draplan akan menyebarkan isu atau langkah-langkah Cara menulis artikel SEO yang tidak hanya anggun secara umum penulisan, tetapi juga mengingkatkan potensi pengunjung untuk berada di halaman pertama hasil pencarian.


Berikut langkah-langkahnya :
  • Pastikan Artikel Anda Menjawab Pertanyaan Pengunjung
Google sanggup mengetahui para pengunjung atau para pencari artikel, apakah puas atau tidak dengan hasil beberpa indikator. Beberapa diantaranya yakni usang waktu yang dihabiskan untuk membaca artikel anda dan apakah artikel tersebut dibagikan atau tidak oleh pembaca.

Semakin usang waktu yang dihabiskan oleh pembaca dan semakin banyak dibagikan artikel anda oleh pengunjung maka dari situlah google melaksanakan indexi untuk mengurutkan artikel anda layak atau tidaknya tampil di halaman pertama atau pageOne google.


  • Memanfaatkan Link Internal Dan External

Link internal atau Link external berfungsi untuk menunjukkan klarifikasi lebih lanjut atau lebih detail kepada pembaca terkait topik utama artikel tersebut. Apa yang dimaksud dengan Link internal dan link external?

Link Internal yakni link yang merujuk pada salah satu artikel di blog anda sendiri, yant terkait dengan topik utama artikel anda. Sedangkan untuk link external yakni link yang merujuk ke situs selain blog anda. Keduanya mempunyai fungsi masing-masing.

Hal ini, sanggup menciptakan usang pembaca atau pengunjung blog anda. Semakin usang maka semakin baik nilai blog anda atau artikel anda di mata mesin pencari seperi google, bing dan yahoo.


  • Memastikan Artikel Anda Layak Baca

Pastikanlah sebelum anda mempublikasikan goresan pena atau artikel anda untuk mereview ulang atau crooschek kembali artikel anda apakah layak atau gampang di pahami. Caranya yakni saat anda sudah final menulis suatu artikel, ambilah waktu istirahat beberapa menit atau beberapa jam untuk santai, minum teh atau kopi dan lainnya. Setelah itu anda kembali lagi melihat artikel yang sudah anda tulis sebelumnya dan melaksanakan editing layaknya seorang editor.


  • Title / Judul Artikel

Title atau judul artikel merupakan salah satu hal yang sangat penting supaya artikel anda atau goresan pena anda merangking dengan anggun di mesin pencari. Untuk itu kita harus mengerti bagaimana menulis title atau judul artikel anda yang anggun dan menarik.


  • Paragraf dan Kalimat

Anda juga harus memperhatikan paragraf atau kalimat yang baik. Umumnya berisi 3, 4 atau 5 baris dan idealnya yakni 3 atau 4 baris, kalau memang harus lebih sebaiknya maksimal yakni 5 baris. Hal ini alasannya yakni artikel dengan kalimat pendek akan lebih gampang untuk dibaca.

Demikian artikel perihal cara menulis artikel seo di blog, semoga bermanfaat dan selamat mencoba. Jangan lupa untuk menyebarkan isu kepada yang lainnya.

Manfaat Teh Bau Untuk Kesehatan Rambut

- Kalian tentunya niscaya tahu teh basi, Teh busuk merupakan teh tawar yang telah dibiarkan selama semalaman, sehingga warna dari teh tersebut mengalami perubahan dan terdapat endapan di dasar air teh. Perlu diperhatikan bahwa teh busuk yang dimaksud merupakan teh yang tidak bercampur dengan gula atau garam sehingga sanggup memperlihatkan bermacam-macam manfaat. Lalu apa saja manfaat teh busuk untuk rambut? Berikut ulasannya.


Manfaat Teh Basi Untuk Kesehatan Rambut:

  • Menghitamkan Rambut Beruban secara Alami

Uban yang terlihat tentu sanggup mengganggu penampilan Anda, sebab tidak hanya terjadi pada lansia, kalangan muda juga sanggup saja mengalami rambut beruban. Untuk mengatasinya, gunakan teh busuk yang telah didiamkan semalaman dengan cara menyiramkannya ke sela-sela rambut secara merata. Biarkan selama beberapa ketika kemudian bilaslah sampai bersih.


  • Melembabkan Rambut

Manfaat teh busuk untuk rambut yang pertama yaitu sanggup dipakai untuk melembabkan rambut. Dimana penggunaan teh busuk atau teh yang sudah didiamkan semalaman sanggup dipakai untuk membilas rambut, sehingga rambut sanggup terbebas dari duduk kasus terkait, menyerupai rambut kering, rambut kusut, dan rambut yang susah diatur.


  • Melembutkan Rambut

Tidak hanya melembabkan rambut, manfaat teh busuk untuk rambut juga sanggup dipakai untuk melembutkan rambut. Teh busuk atau teh yang telah didiamkan sanggup menutrisi akar rambut, sehingga sanggup menciptakan rambut Anda menjadi lebih lembut.


  • Mengatasi Ketombe

Seperti yang telah diketahui bahwa duduk kasus ketombe diakibatkan sebab kulit kepala yang kering dan kurang ternutrisi dengan baik. Untuk mengatasi hal ini, Anda sanggup membilas rambut Anda dengan memakai teh busuk dan lakukan pijatan halus pada belahan kulit kepala, kemudian bilas dengan air bersih.


  • Mengatasi Rambut Rontok

Masalah rambut rontok ini jikalau dibiarkan tentu sanggup menjadikan kebotakkan. Oleh sebab itu, Anda perlu mengatasinya semenjak dini. Salah satu cara mengatasi rambut rontok ini ialah dengan memakai teh busuk yang dioleskan pada seluruh belahan rambut.


Cara Menyiapkan Teh Basi
Sediakan teh celup atau teh kering dan air panas.Seduh teh tersebut dengan memakai air panas yang telah disiapkan.Setelah diseduh, diamkan selama semalaman atau satu hari penuh dengan kondisi tertutup rapat.

Hal inidilakukan biar teh tersebut tidak tercemar dengan kotoran atau zat lain. Sementara prosesmendiamkan teh bertujuan untuk mengoptimalkan perubahan zat kimia yang terjadi.Teh busuk siap dipakai untuk perawatan rambut Anda.

Demikian artikel wacana manfaat teh busuk untuk kesehatan,
Semoga sanggup bermanfaat untuk menambah pengetahuan Anda dalam menjalani referensi hidup yang lebih sehat. Sekian dan terimakasih telah berkunjung.