2018

Home / Archives for 2018

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,

Login ke Blogger
Setelah masuk dasbor saudara pilih menu > RANCANGAN dan kemudian kilk > EDIT HTML.
Untuk mengantisipasi, lebih baik Backup/pulihkan terlebih dahulu thema anda untuk disimpan agar lebih aman, jika terjadi tidak sesuai dengan yang diharapkan.
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.
Sebelum

Setelah
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:

Agan/ saudara memiliki file gambar kecil yang ukuran maksimalnya kurang dari 500kb.
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.
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:

Seperti biasanya masuk/ Login ke blog anda.
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 ,
Berikutnya masukkan ke Dasbor> Rancangan> klik edit html.
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.
Jika sudah ketemu maka ganti warna/ url background lama dengan url gambar yang sudah disiapkan sebelumnya.
Teliti kembali kode html/url background lama yang diganti dan kode atau url yang mengganti jangan sampai terlewat/ tertinggal sedikitpun, agar tidak terjadi kesalahan.
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:

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:

Login ke blogger >> Template >> Edit HTML Seperti sebelumnya, Pada materi Mengganti background dengan gambar sendiri.
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 ;
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;
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

Cari kode HTML >> body {background: , dengan menggunakan CTRL + F, sehingga akan tampak serti gambar yang dilingkari warna merah pada gambar dibawah ini .

Atau lebih jelasnya muncul kode HTML seperti ini >> body {background:

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.

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 ....

CARA MENGATUR COPY RIGHT AGAR OTOMATIS

Posted by Sonin 0 komentar

LANGKAH-LANGKAH

CARA MENGATUR TAHUN COPY RIGTH OTOMATIS DI BLOGSPOT

1. Seperti biasa anda login dulu ke blogspot anda

2. Masuk ke Theme > Edit HTML > Cari kode <Footer , (lebih bagus sebelumnya Simpan thema anda terlebih dahulu untuk antisipasi).

3. Kalau anda sudah ketemu dengan kode <Footer , maka pada tahap ini anda akan melihat kode lengkapnya seperti di bawah ini:

4. Ganti kode yang tampak seperti di atas dengan kode di bawah ini:

Namun perlu diingat, jika template blogger saudara sudah terpasang Schema Markup, maka ganti dengan kode ini:

Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a>
<div>All right reserved. </div>

Demikian semoga tutorial cara mengubah/mengganti tahun Copyright di template blogger bisa berubah secara otomatis ini bermanfaat. Selamat Mengerjakan.

Baca Selengkapnya ....

MENGHAPUS TULISAN DIPERDAYAKAN OLEH BLOGGER

Posted by Sonin Jumat, 10 Agustus 2018 0 komentar

CARA MENGHILANGKAN TULISAN DIPERDAYAKAN OLEH BLOGGER

Bagi kita yang suka mengganti Thema Blog tentu merasa terganggu oleh tulisan diperdaya oleh Blogger, kenapa demikian tentunya jawabannya sesuai dengan alasan anda kenapa anda membuka halaman ini.

Oke.... Apapun alasannya. Cara untuk menghilangkan Tulisan Diperdaya oleh Blogger. Langkah-langkahnya adalah sebagai berikut:

Pastikan dulu apakah memang tulisan diperdayakan oleh Blogger memang ada pada Blog anda seperti Tampak Pada Gambar dibawah ini. Dan juga widget atribut tempat teks tersebut terkunci, artinya tata letak Dasbor blogger pada tombol edit tidak ada tombol hapusnya.
Jika kondisi blog anda sesuai dengan ketentuan di atas memang, maka langkah kedua, adalah masuk ke Dasbor blog anda dan klik pada mode Edit HTML.
Langkah berikut cari tulisan/ kode Attribution1 , untuk lebih mudah mencarinya gunakan CTRL+F
Ganti tulisan True dengan False, sehingga berubah seperti gambar berikut ----->
Selanjutnya Simpan, dengan menekan tombol digambar sampai proses penyimpanannya benar-benar berhasil.
Selanjutnya berdo'a semoga berhasil, hehehe