Tampilkan postingan dengan label CSS. Tampilkan semua postingan
Tampilkan postingan dengan label CSS. Tampilkan semua postingan

Tutorial Mengisi Sajian Navigasi Dengan Url Postingan Blog

Tutorial Blog,- Setelah sekian usang aku tidak membagikan tutorial mengenai tips blog, pada kesempatan kali ini aku akan salah satu tutorialnya yaitu cara mengisi hidangan navigasi dengan URL postingan. Tutorial ini aku buat alasannya ialah masih banyak pengguna blogger yg kesulitan mengisi hidangan navigasi bawaan template, yg dimaksud disini ialah template hasil download. Jika anda menggunakan template bawaan blogger, untuk menempatkan serta mengisi hidangan navigasi cukup gampang alasannya ialah hanya perlu menempatkan widget di tata letak. Walau pun bagitu namun hidangan navigasi bawaan template blogger dikhususkan untuk laman atau label.

Berbeda dengan hidangan navigasi dari template hasil download, dimana kita sanggup mengisi hidangan navigasi tersebut dengan URL yg kita kehendaki, ibarat sanggup URL postingan, label atau url dari blog lain. Terlebih lagi hidangan navigasi dari template hasil download pun mempunyai tampilan lebih cantik serta bermacam-macam, plus kita sanggup meyesuaikan pewarnaan beserta ukuran yg kita inginkan. Dalam mengisi hidangan navigasi dengan URL postingan sangat dianjurkan ketimbang dengan url label, alasannya sendiri alasannya ialah mengisi url hidangan navigasi pribadi dengan url postingan sanggup meningkatkan SEO blog alasannya ialah jikalau di klik oleh pengunjung akan pribadi menuju ke postingan. Berbeda jikalau di isi dengan label, alasannya ialah terlebih dahulu akan masuk ke hidangan label atau kategori yg bersangkutan. Dan mengisi hidangan navigas dengan url postingan pun menso salah satu tips sukses di terima oleh google adsense.

Biasanya untuk mengisi hidangan navigasi baik dengan url label atau postingan, sudah di jelaskan dalam situs yg menyediakan template yg di download, namun biasanya pengunjung akan mengabaikan pengaturan tersebut alasannya ialah ingin secepatnya menggunakan template tersebut. Nah untuk itu yg ingin tahu bagaimana cara mengisi hidangan navigasi dengan URL postingan atau label sanggup di ikuti tutorial yg akan aku berikan kali ini.

Cara Mengisi Menu Navigasi dengan URL Postingan


Sebelum melaksanakan tutorial ini pastikan template anda sudah mendukung atau sudah ada hidangan navigasinya, alasannya ialah jikalau tidak anda harus membuatnya sendiri. Jika berkenan silahkan gunakan template yg sudah aku sediakan yg niscaya terbaik serta sangat SEO. Baca: 10 Tamplate SEO Friendly serta Responsive 2017.

1. Pertama yg niscaya silahkan login ke blogger.
2. Kemudian masuk ke hidangan template kemudian klik "Edit HTML".


3. Setelah itu cari instruksi hidangan navigasi di template anda, biasanya kodenya terdapat instruksi css "menu atau nav". Gunakan (Ctrl+F) untuk mempercepat pencarian, atau jikalau kesulitan anda sanggup tanya ke situs penyedia tempate yg anda gunakan.

4. Selanjutnya ganti tanda "#" dengan URL postingan atau url label blog anda, berikut contohnya.

<ul class='menu' id='menunav'>
<li><a class='home' href='/'>Home</a></li>
<li><a href='#'>Adsense</a></li>
<li><a href='https://berita-kesehatan-coy.blogspot.com//search?q=panduan-tutorial-lengkap-membuat-blog'>Tutorial Blog</a></li>
<li><a href='#'>Tutorial Software</a></li>
<li><a href='http://blogespada.blogspot.com/search/label/Template'>Template</a></li>
<li><a href='#'>Game</a>
<ul>

5. Terakhir tinggal simpan template.

Nah sudah pahamkan mengenai cara mengisi hidangan navigasi dengan url postingan atau label, demikian artikel mengenai tutorial blog yg sanggup aku bagikan serta biar berhasil.

Tutorial Menyembunyikan Widget Blog Di Tampilan Mobile

Tutorial Blogger,- Blogger ialah sebuah layanan milik google yg disediakan secara khusus kepada pengguna dunia maya untuk menciptakan sebuah blog secara gratis, blogger mempunyai keistimewaan sendiri ketimbang dengan situs pembuat blog lainnya alasannya blog yg di buat melalui platform blogger bisa bersaing dengan web-web besar lain di mesin pencarian khususnya Google. Hal tersebut pun tidak lepas dengan pemiliknya yaitu google yg notabene sebagai mesin pencarian sekaligus perusahaan dunia maya terbesar di dunia untuk ketika ini. Nah buat anda yg berniat membuat blog gratisan aku sarankan di blogger alasannya pembuatannya yg gampang sekaligus berbagai tutorial yg beredar di dunia maya.

Pada kesempatan kali ini aku pun akan membagikan tutorial mengenai blogger yg aku khususkan bagi pengguna lanjut, alasannya kalau anda masih tahap mencar ilmu mungkin tutorial ini masih membingungkan. Tutorialnya ialah menyembunyikan widget di tampilan mobile atau HP, menyerupai yg sudah aku katakan diatas blogger mempunyai fitur untuk mempermudah penggunanya dalam mengelola blog, salah satunya ialah fitur widget yg ada di sajian tata letak. Fitur ini memungkinkan kita untuk menempatkan fitur pemanis di blog kita yg tempatnya bisa kita sesuaikan.

Baca: Cara menyembunyikan widget tertentu di halaman utama blog

Untuk penambahan widget tidak ada batasnya, namun perlu diperhatikan bahwa terlalu banyak menambahkan widget blog bisa memperberat loading blog, yg kesudahannya malah tidak menciptakan nyaman pengunjung. Seperti halnya di tampilan dekstop, di tampilan mobile atau hanphone pun harus diperhatikan alasannya terlalu banyak menambah widget di template pun akan mensugesti loading blog. Nah kalau menambah banyak widget di tampilan dekstop tidak terlalu berpengaruh, namun kalau di tampilan mobile mungkin cukup banyak pengaruhnya. Nah untuk itu silahkan sembunyikan widget yg tidak terlalu penting di tampilan mobile, untuk caranya bisa anda ikuti dibawah ini serta damai saja cara ini hanya menyembunyikan di tampilan mobile saja serta kalau dibuka di tampilan dekstop masih ada. Ok pribadi saja berikut tutorialnya.

Cara Menyembunyikan Widget di Tampilan Mobile


1. Pertama sebelum melaksanakan tutorial ini anda harus mengetahui dulu arahan html dari widget yg ingin disembunyikan pada tampilan mobile, untuk mengetahuinya cukup gampang yaitu tinggal masuk ke tata letak kemudian klik edit pada widget yg ingin disembunyikan serta lihat disektor arahan HTML di bab URL tersebut, (biasanya ada disektor akhir).


2. Jika sudah diketahui selanjutnya masuk ke sajian template kemudian pilih "Edit HTML", kemudian untuk cara cepatnya mencari arahan tersebut bisa klik sajian "lompat ke widget" kemudian pilih arahan widget yg sudah dilihat di tata letak.


3. Jika sudah ketemu silahkan klik tanda panah kecil disektor nomor, maka otomatis akan membuka seluruh arahan widget tersebut. Disini biasanya akan terdapat lagi tanda panah sesudah anda klik tanda panah pertama, silahkan klik lagi.


4. Nah untuk selanjutnya silahkan tambahkan arahan CSS berikut untuk menyembunyikan widget tersebut di tampilan mobile yg sudah aku tandai dengan warna merah.

  <b:widget id='HTML11' locked='false' title='' type='HTML' version='1' visible='true'>
    <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
  </b:widget>

5. Terakhir tinggal simpan template serta coba cek di smartphone anda.

Nah gampang bukan cara menyembunyikan widget di tampilan mobile, dengan begitu blog anda kalau dibuka di perangkat mobile tidak akan terlalu berat loadingnya. Demikian artikel tutorial blog yg sanggup aku bagikan serta terima kasih.

Tutorial Mengganti Warna Goresan Pena Tebal (Bold) Di Postingan Blog

Cara mengganti warna goresan pena blog di postingan blog secara otomatis,- Setelah sekian usang saya tidak memperlihatkan tutorial mengenai tips blogger, serta yg terakhir kali saya berikan tutorial mengenai cara menyembunyikan widget blog di tampilan mobile. Nah pada kesempatan kali ini saya kembali akan memperlihatkan tutorial blogger mengenai cara mengganti warna goresan pena tebal atau blog di blog. Tutorial ini saya buat bagi anda yg mungkin saja sesertag memperbagus tampilan template, khususnya pada area postingan.

Bagi sebagian blogger khususnya yg bersungguh-sungguh menekuninya, tampilan blog yaitu sesuatu yg harus diutamakan selain artikel serta meningkatkan secara optimal SEO. Karena dengan mempunyai sebuah blog dengan tampilan yg sanggup dibilang bagus akan menciptakan semangat dalam mengurus serta mengelola blog semakin meningkat. Tidak cuman bagi pemilik blog saja, bagi pengunjung pun pun begitu, pasalnya kebanyakan pengunjung lebih menyukai serta mengapresiasi tampilan blog yg terlihat bagus di mata mereka. Mengenai tampilan blog mungkin yg harus diperhatikan yaitu pada area postingan, alasannya yaitu area posting yg paling banyak dilihat oleh pengunjung dari pada bab yg lain.


Nah untuk itu anda sanggup mempercantik tampilan blog khususnya area posting biar pengunjung sanggup nyaman dalam membaca artikel yg anda bagikan. Untuk mempercanti atau memperbagus postingan blog aneka macam caranya menyerupai mengganti font, ukuran, sampai warna teks. Nah disamping itu masih ada satu hal yg sanggup anda lakukan untuk memperbagus tampilan area posting blog yaitu bab karakter tebal (Bold), bab ini sering dipakai untuk mempertebal karakter yg biasanya inti dari sebuah artikel. Nah dengan mengganti warna karakter bold yg biasanya berwarna hitam kemudian menggantinya dengan warna yg lain akan sanggup menciptakan tampilan postingan semakin bagus, terlebih lagi jikalau anda sesertag menganti warna backgroud teks postingan dengan warna lain semisal warna hitam, maka otomatis anda harus pun mengganti warna karakter bold ini, jikalau tidak maka karakter yg anda tebali tidak akan kelihatan di area postingan.

Nah untuk itu jikalau anda berniat mengganti backgroud postingan dengan warna lain, mengganti warna karakter bold pun harus anda lakukan, nah jikalau blog anda berplatfrom blogger anda sanggup mengikuti tutorial mengganti warna goresan pena bold atau karakter tebal dibawah ini. Plus dengan cara ini anda tidak perlu mengganti warna karakter bold dengan cara manual alasannya yaitu dengan cara ini semua karakter bold di postingan anda akan otomatis semua berganti warna. Berikut tutorialnya.

Cara Mengganti Warna Huruf Tebal (Bold) di Postingan


1. Pertama yg niscaya anda harus masuk ke Blogger
2. Kemudian masuk ke sajian Template - Edit HTML.
3. Selanjutnya silakan copy isyarat CSS dibawah ini kemudian paste sempurna dibawah kode ]]</b:skin> atau </style>, untuk mempercepat proses pencarian gunakan Ctrl+F.

.post-body b{color:#2d2d2d!important;font-weight:bold}

4. Untuk pengaturanya silakan ganti isyarat warna tersebu yg sudah saya tandai dengan warna merah dengan isyarat warna yg di kehendaki untuk warna bold-nya.

5. Terakhir tinggal simpan template.

Nah gampang bukan cara mengganti goresan pena tebal atau bold di postinga blog secara otomatis, demikian artikel yg sanggup saya bagikan serta semoga berhasil.