Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Cara Mengubah Warna Link Pada Postingan Blog

Bagi kalian yang memakai template blogger tertentu, ada beberapa kejadian yang mungkin rada membuat kalian kesal, yakni warna link dalam postingan kalian berwarna hitam atau sama dengan postingan blog kalian. 

Umumnya warna link pada postingan blog berbeda dengan warna artikel. Hal ini untuk membedakan bahwa terdapat link pada kata tersebut baik internal link atau eksternal link. Kejadian semacam ini tentu membuat blog pemula bingung walaupun ada juga yang mengabaikannya. Padahal sebuah link memiliki dampak terhadap perkembangan blog tersebut.

WARNA LINK BLOGGER

Penulis kali ini akan membagikan cara sederhana bagaimana cara mengubah warna link pada postingan blog sehingga link tersebut dapat berwarna sesuai dengan kemauan kalian

1. Pertama login ke dalam blog kalian

2. Pilih Template

3. Edit Template

4. Cari kode "link" yang dekat visited dan hover, seperti gambar di bawah

WARNA, WARNA LINK, BLOGGER, WARNA BLOGGER, WARNA LINK BLOGGER

5. Ganti kode warna #4db2ec menjadi yang kalian inginkan. untuk mencari kode warna kalian bisa mencari langsung di google dengan mengetik "Colour Picker". Pilih warna yang kalian inginkan, biasanya warna biru

Namun, kalian bebas memilih warna biru kode berapa yang ingin dipakai.

unntuk link:hover berarti warna akan berubah ketika kursor mendekati kata tersebut. kalian juga bisa mengganti link hover sehingga ketika kursor kita di dekatkan akan berubah sehingga terlihat tidak kaku.


6. Setelah menentukan warna, masukan ganti kode diatas dengan kode yang kalian peroleh dari Colour Picker

WARNA LINK BLOGGER

7. Save dan lihat kembali postingan blog kalian.


Apakah work ?

Demikianlah cara mengubah warna link pada postingan blog dengan sederhana. Semoga membantu kalian semua yang sempat memiliki kesulitan serupa. Berikan komentar kalian apa bila ada yang ingin ditanyakan kepada penulis. Senang berbagi ilmu. terima kasih

salam

Vanalive Insight

UPDATE GOOGLE : blogger.googleusercontent.com

MENGATASI UPDATE GOOGLE KE blogger.googleusercontent.com

Update terbaru google memberikan masalah pada sebagian besar blogger. Pada tulisan ini saya akan coba memberikan solusi sederhana sambil menunggu  penyelesaian dari pihak google bagaimana cara mengatasi masalah update google ke blogger.googleusercontent.com yang semula 1.bp.blogspot.com

saya sebenarnya sudah hampir setahun untuk tidak menulis blog. ketika saya mencoba menulis kembali, saya bingung, kenapa thumbnail gambar saya menjadi blur, ada yang menjadi kecil. awalnya saya kira karena saya sudah lama tidak mengupdate blog saya, saya juga sudah lupa lupa ingat untuk mengatur html desainnya. 

setelah seharian mencoba mencari tahu akar masalahnya, saya mengerti ketika mencoba membandingkan gambar postingan saya yang sebelumnya masih bagus ke postingan saya saat itu. Ternyata masalahnya ada pada blogger.googleusercontent.com, perubahan yang semula ada pada 1.bp.blogspot.com sekarang berubah menjadi blogger.googleusercontent.com. Hal menjadi kan resolusi gambar pada thumbnail menurun dan gambar pada related post menjadi kecil.

SEPERTI INI

Thumbnail Postingan terbaru menjadi kecil


gambar menjadi blur karen resolusi rendah

Alasan update ini masih simpang siur, ada blogger yang berpendapat bahwa google memerlukan hosting yang lebih besar lagi untuk foto foto pada blog. tapi who knows ? jika kalian tau alasan update dari google silahkan komen di bawah artikel. mari berdiskusi

Pada intinya akibat dari adanya perubahan url gambar blogger ini membuat template blogger yang ada jadi error. Dikarenakan tidak bisa mengekseuksi sebagian script yang biasanya menggunakan alamat gambar standar. 

Berikut dampak negatif dari perubahan alamat gambar default blogger. 
1) Template blogger mengalami error 
2) Beberapa widget terkait artikel postingan bergambar tidak dapat menampilkan gambar terbaru
3) Thumbnail preview postingan jadi tidak tampil/mengecil
4) Url tidak SEO
5) Size gambar tidak maksimal

untuk mengatasi masalah update google ke blogger.googleusercontent.com , penulis mencoba mencari cara agar thumbnail tidak rusak dan resolusi tidak kecil. *note penulis hanya seorang awam yang tidak mengerti coding.

1. Buka Layout / Tata Letak pada bagian blog anda, klik tambahkan gadget

klik add a gadget

2. Pilih Images / Gambar
Klik Image

3. Klik bagian upload foto

klik upload image from computer

4. Setelah gambar muncul, klik kanan pada mouse dan pilih copy image address

klik kanan copy image address

5. Cobalah kembali kebagian blog postingan anda, dan buka HTML view
klik HTML view

6. Cari bagian tulisan di bawah ini pada HTML view, kode yang menggunakan blogger.googleuser content

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg1SpVG_G8EWTHJdgIsOmc2UZ_SF6KZ5sRCO_haGoSq4SeYFVHI9UvBQVoebUNXDdUDYakzy6cDWs3bOnCZu1usA47ny5FgCmyBZgnoGXuoC6lU_A5LlqVrCAwg5rRA9gr4t7KMX879UvDvlrV-0aQ_xfoqlaVILgwKKyAxLqKR8Wr44TUkmRuOKA=s600" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="321" data-original-width="600" src="https://blogger.googleusercontent.com/img/a/AVvXsEg1SpVG_G8EWTHJdgIsOmc2UZ_SF6KZ5sRCO_haGoSq4SeYFVHI9UvBQVoebUNXDdUDYakzy6cDWs3bOnCZu1usA47ny5FgCmyBZgnoGXuoC6lU_A5LlqVrCAwg5rRA9gr4t7KMX879UvDvlrV-0aQ_xfoqlaVILgwKKyAxLqKR8Wr44TUkmRuOKA=s16000" /></a></div><div><br /></div>

7. Hapus Kode diatas, dan ganti dengan kode di bawah ini

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPfIzh5e9wb61xXNHRfBfoyennB6yNiiJwI1-3GprwvKEIB40tasdYNJ1LpZW-Em6vk_-GqvyOg5A0KOWJJyfgMFSIdEbQygF4m1pI-UbPFMmRwnkmehdj-dbfMtEEMzoJ-T7yjNhkSQ/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="120" data-original-width="220" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPfIzh5e9wb61xXNHRfBfoyennB6yNiiJwI1-3GprwvKEIB40tasdYNJ1LpZW-Em6vk_-GqvyOg5A0KOWJJyfgMFSIdEbQygF4m1pI-UbPFMmRwnkmehdj-dbfMtEEMzoJ-T7yjNhkSQ/" width="320" /></a></div>

8. Ganti bagian berwarna merah (URL) dengan copyan yang diperoleh dari langkah no 4.



sekian informasi dari saya yang awam masalah coding. jika anda semua memiliki solusi lain. boleh dikomen bagaimana caranya atau mencantumkan link untuk bisa di pelajari.

terima kasih semua


saya punya link untuk kalian yang lebih paham coding untuk masalah gambar yang blur atau rolusi menjadi rendah akibat blogger.googleusercontent.com, bisa dilihat langsung. 

karna saya terlalu awam jadi kurang paham, untuk sementara menunggu perbaikan google, mungkin saya akan menerapkan cara diatas

- vandiperdana
 
 
 
* UPDATE SAAT INI CARA DI ATAS SUDAH TIDAK BISA LAGI, SILAHKAN UPDATE KEMBALI TEMPLATE YANG KALIAN GUNAKAN UNTUK MENGATASI MASALAH INI