CARA MENGHILANGKAN GARIS BAWAH PADA LINK

Posted by Sonin Minggu, 16 September 2018 0 komentar
CARA MENGHILANGKAN GARIS BAWAH PADA LINK TERTENTU.

Pagi kita yang gemar menjelajahi dunia maya, terkadang kita melihat penampilan blog indah-indah, bagus-bagus dan tertata rapi shingga membuat pengunjung betah di blog tersebut. Namun saat kita melihat blog kita sendiri malah tampak perbedaan, terutama pada tulisan judul postingan dan link baik pada label ataupun link postingan internal atau dari eksternal misalnya karena adanya garis bawah pada tulisan tersebut.
Karena itu saya akan sedikit berbagi untuk memberikan solusi dari permalasalahan-permasalahan tersebut. Bersadarkan dari eksperimen-eksperimen saya sendiri, alahamdulillah saya menemukan beberapan cara untuk menghilangkan garis bawah tersebut, yakni:.

Cara Pertama,

  1. Login ke Blogger
  2. Setelah masuk dasbor saudara pilih menu > RANCANGAN dan kemudian kilk > EDIT HTML.
  3. Untuk mengantisipasi, lebih baik Backup/pulihkan terlebih dahulu thema anda untuk disimpan agar lebih aman, jika terjadi tidak sesuai dengan yang diharapkan.
  4. Jika sudah masuk ke kode html, maka dengan menggunakan CTRL+F dan cari kode text-decoration, jika tampak kode text-decoration: underline , maka ganti teks-teks tersebut dengan  text-decoration:none” >>>> Lihat perbedaan gambar berikut sebelum dan sesudah diganti. 
  5. Sebelum

    Setelah



  6. Lalu Simpan,

 Lihat perubahannya, yang mana sebelumnya apabila kursos di letakkan di link maka akan ada garis bawahnya dan setelah melakukan langkah-langkah di atas, hasilnya garis dibawah link tersebut akan hilang. Namun perlu di ingat jika saudara belum puas terhadap hasilnya atau yang dimaksud berbeda, yakni menghilangkan garisnya bukan saat meletakkan kursor saja namun saat diletakkan atau tidak diletakkan kursor tetap tidak tampak, maka ada cara berikutnya.

CARA KEDUA (CARA MANUAL)

1.      Ulangi/ Sama seperti langkah 1, 2 dan 3 di atas.
2.      Setelah masuk di halaman kode html, untuk mempermudah gunakan CTRL+F untuk mencari teks yang bergaris bawah/ Teks yang dimaksud, misalkan teksnya Belajar Internet, maka akan tampak kode html seperti ini:

<a href="http://soninkomputer.blogspot.comot.com/">Belajar Internet</a>

Maka langkah berikutnya adalah menyisipkan kode css style="text-decoration:none" sehingga menjadi

<a href="http://soninkomputer.blogspot.comot.com/" style="text-decoration: none;"> Belajar Internet </a>

CARA KETIGA (CARA OTOMATIS)

Cara Otomatis maksudnya adalah cara menghilangkan semua garis bawah yang memakai Link. Cakni cara mengubah semua link yang ada dalam blog kita secara default, sehingga secara otomatis semua link yang ada di blog anda semuanya underline (Tidak bergaris bawah).

Adapun caranya:

1. Sama seperti langkah 1, 2 dan 3 di atas pada Cara Pertama sebelumya.
2. Cari kode berikut: ]]></b:skin> (Gunakan CTRL+F)
3. Jika sudah ketemu maka letakkan kode dibawah ini persis di ats kode ]]></b:skin> .

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}

Sehingga tampak seperti gambar berikut:

5. Simpan Template jika sudah selesai

Baca Selengkapnya ....

CARA MENGATUR BACKGROUND BLOG

Posted by Sonin Sabtu, 15 September 2018 0 komentar
CARA MENGATUR BACKGROUND BLOGSPOT 

1.      Mengganti Background Blog dengan Gambar LainSendiri
Jika agan merasa jenuh dengan warna/ tampilan Background Blog agan yang lama, maka warna background tersebut bisa diganti, bahkan bisa diganti dengan gambar yang kita inginkan sendiri. Namun sebelumnya harus agan perhatikan bahwa:
  1. Agan/ saudara memiliki file gambar kecil yang ukuran maksimalnya kurang dari 500kb.
  2. Upayakan memiliki ukuran Lebar dan Tingginya antara 920 x 578  sampai 1024 x 768 pixel. Atau samakan saja dengan ukuran background blog yang agan pakai sebelumnya.  
  3. Gunakan format file gambarnya Jpg, png atau bitmap, tapi akar lebih ringan lebih baik menggunakan Jpg. 
Jika syarat-syarat di atas sudah terpenuhi, maka langkah-langkahnya hampir sama dengan materi mengganti background dengan gambar pada materi sebelumnya, namun langkah-langkah berikut memperjelas dan memperkaya ilmu dan pengalaman kita. Baiklah langsung saja langkah-langkahnya adalah sebagai beikut:

  1. Seperti biasanya masuk/ Login ke blog anda.
  2. Jika gambar yang disipkan belum terpublis di internet/ belum ada alamat urlnya baik di blog, youtube, google photo dll. Maka langkah berikutnya adalah menyimpan gambar yang sudah di siapkan sebelumnya misalnya ke postingan atau Laman/ Laman Gallery Photo blog anda. Jika sudah maka siapkan alamat url misalnya http://urlgambaranda ,  
  3. Berikutnya masukkan ke Dasbor> Rancangan> klik edit html.
  4. Dengan menggunkan Ctrl+F, lalu cari kode html ( body{background ) atau bisa juga mengetahui kode html background dengan membuka layar blog/ website anda lalu klik kanan pada layar/ background blog anda dengan mengklik Inspect  (Ctrl+Shift+I)maka akan tampak kode html warna/ url background, lalu blok dan copy kode warna/ url tersebut. Kemudian buka halaman kode html blog anda dan pada keybord tekan Ctrl+F lalu Paste/ letakkan kode html warna/url background sebelumnya untuk mencari dan mengganti warna background blog anda.
  5. Jika sudah ketemu maka ganti warna/ url background lama dengan url gambar yang sudah disiapkan sebelumnya.
  6. Teliti kembali kode html/url background lama yang diganti dan kode atau url yang mengganti jangan sampai terlewat/ tertinggal sedikitpun, agar tidak terjadi kesalahan.
  7. Jika sudah yakin maka Klik Simpan hingga proses penyimpanan benar-benar selesai/menyimpan.


Demikian selamat mencoba, dan semoga sukses.

2.      Agar Background Blog tidak bergerak saat di srcoll ke bawah.

Barang kali agan pernah melihat/ berkunjung ke blog yang Backgroundnya tidak bergerak saat di scroll, dan agan tertarik dengan hal tersebut, agar background yang agan buat/ diganti sebelumnya tetap senantiasa indah untuk di nikmati sambil minum kopi sambil buka-buka website/ blog. Adapun caranya/ langkah-langkah tidak sulit Cuma butuh kesungguhan dan ketelitian dalam mengerjakan langkah-langkah atau tahapan-tahapannya, baiklah untuk langkah-langkahnya adalah sebagai berikut:
Login dulu ke blog anda/ blogger.com seperti yang agan bisa lakukan sebelumhya.
Arahkan ke Dasbor > Rancangan , lalu klik > Edit Html.
Carilah kode seperti dibawah atau cari kode Background Blog anda, baik yang masih asli/ yang sudah dimodif.
Kodenya seperti
body {
text-align: center;
background: #ffffff   atau url gambar  (http://url gambar blog anda);
Comic Sans MS,cambria,trebuchet ms,verdana,sans-serif; 

Jika sudah ketemu tambahkan kode   background-attachment: fixed; Setelah kode background: #ffffff atau url gambar, sehingga menjadi seperti berikut ini.
maka jadinya seperti ini :
body {
text-align: center;
background: #ffffff   atau url gambar  (http://url gambar blog anda);
background-attachment: fixed;  Comic Sans MS,cambria,trebuchet ms,verdana,sans-serif;  

kode warna merah di ataslah yang dipakai agar backgorund pada blog tidak ikut bergerak saat di scroll ke bawah. Demikian materinya Semoga berhasil dan sukses selalu.

Namun jika materi tersebut kurang jelas maka pada materi sebelumnya pernah diberikan secara Ringkas dan Jelas karena Lebih Praktis Mengenai Materi Agar Background Tidak Bergerak Saat di Scroll (Background Fixed).


Baca Selengkapnya ....

CARA AGAR BACKGROUND TIDAK BERGERAK SAAT DI SCROLL

Posted by Sonin Sabtu, 11 Agustus 2018 0 komentar
AGAR BACKGROUND TIDAK BERGERAK SAAT DI SCROLL (Background Fixed)

Sebagai penjelajah dunia maya barang kali kita sering melihat web/ blog yang backgroundnya tidak bergerak saat di scroll ke atas, seperti tampak pada blog Mimbar Dakwah.  Ini mierupakan hasil otak atik sendiri sehingga menemukan intisari dari langkah-langkah agar background tidak bergerak saat di scroll. Adapun langkah-langkahnya adalah sebagai berikut:
  1. Login ke blogger >> Template >> Edit HTML Seperti sebelumnya, Pada materi Mengganti background dengan gambar sendiri.
  2. Cari kode HTML >> body {background  >>, agar mudah/ cepat gunakan (CTRL + F ) untuk mencari. Sehingga tampil kode html seperti berikut:  >>> body {background:$bgcolor url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") top center no-repeat ; ATAU kode html >> body {background:  url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") top center no-repeat ;
  3. Maka langkah berikutnya ganti kode di atas dengan kode berikut ini. >>> body{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg")  top center no-repeat fixed;
  4.  Save dan lihat hasilnya, SEMOGA SUKSES.
Semoga berhasil dan selamat mengerjakan...


Baca Selengkapnya ....

MENGGANTI BACKGROUND BLOG DENGAN GAMBAR

Posted by Sonin 0 komentar
CARA MENGGANTI BACKGROUND BLOG DENGAN GAMBAR


  1. Login ke blogger >> Template >> Edit HTML Seperti di atas / biasanya.
  2. Cari kode HTML >> body {background: , dengan menggunakan CTRL + F, sehingga akan tampak serti gambar yang dilingkari warna merah pada gambar dibawah ini . 
  3. Atau lebih jelasnya muncul kode HTML seperti ini >> body {background: 
  4. Setelah kode HTML tersebut ketemu maka masukkan kode gamar/ alamat url gambar anda setelah kode >> body {background: >> sehingga seperti kode berikut: body {background:  url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg")   ATAU untuk jelasnya bisa juga dilihat pada gambar berikut.
  5. Namun jika sebelumnya sudah ada kode warna seperti (#ffffff #0000 dan sejenisnya) setelah kode body {background: , misalnya >> body {background: #0000 << maka kode gambar anda letakkan setelah kode tersebut.
4.    Save dan lihat hasilnya
  
Jika ada yang belum dipahami, silahkan ketikkan di komentar.

Catatan:
>>> Untuk ukuran Background lebih kecil ex. 67x83px atau 95x150px juga bisa dipakai, namun tidak bisa memenuhi layar, karena itu jika kita memakai ukuran kecil agar backgroundnya bisa full maka kode setelah kode url gambar background perlu ditambah dengan kode berikut ini:
repeat fixed; font-family: Cambria,verdana,helvetica,tahoma,Sans-serif;font-size: 100%;width: 100%;}


Baca Selengkapnya ....

Popular Posts

Ilmu Blog dan SEO| Desain of DUNIA KOMPUTER.
Estimated worth website
Copyright © 2012 - Dunia Komputer - Desain by Sonin