SafelinkU | Shorten your link and earn money

Trik Membuat Gambar Responsive pada Postingan Blog

Agustus 30, 2017
Trik Membuat Gambar Responsive pada Postingan Blog - Penambahan sebuah gambar pada postingan sangat dianjurkan supaya visitors tertarik membaca konten. Selain itu fungsi utama disematkannya gambar tersebut adalah agar konten yang disajikan bisa menjadi lebih informatif, variatif dan visitors lebih mudah untuk memahami apa yang sedang dibagikan.

Coba bayangkan jika di dalam postingan hanya berisi tulisan saja, tentu akan terasa membosankan. Oleh karena itu sebisa mungkin menambahkan gambar pada setiap konten

Trik Membuat Gambar Responsive pada Postingan Blog


Memilih Gambar Relevan 
Usahakan memilih gambar yang relevan dan memiliki kualitas gambar yang baik, agar gambar tidak pecah / noise ketika di pasang dalam postingan blog dengan ukuran large atau x-large. 

Tapi masalahnya saat kita menggunakan gambar dengan kualitas yang bagus / ukuran x-large, biasanya gambar tersebut akan melebihi batas lebar konten. 

Apalagi jika belum menggunakan template blog yang responsive, tentu gambar yang ada di dalam postingan akan menjadi berantakan dan menjadi tidak rapi saat di-akses melalui handphone atau android. 

Berikut ini adalah cara untuk mengatasi masalah tersebut, tips berikut ini adalah bagaimana cara membuat gambar pada konten blog menjadi responsive secara otomatis

Cara membuat gambar di postingan menjadi responsive
Menggunakan template yang sudah responsive sangat dianjurkan karena bisa meningkatkan user experience para visitors. Sebenarnya untuk membuat gambar pada postingan blog otomatis menjadi responsive caranya cukup mudah, tinggal menambahkan kode csssaja di dalam template. 

Kode css ini berfungsi untuk mengatur supaya lebar gambar bisa menyesuaikan secara otomatis sesuai dengan ukuran layar device yang sedang mengaksesnya. 


Caranya yaitu : 

1. Login terlebih dahulu ke dalam dashboard blogger. 

2. Masuk ke menu template > edit templates 

3. Kemudian pastekan kode css berikut ini tepat di atas kode
]]><b/skin> 


kode CSSnya
.post-body img {
max-width:100%;
height:auto;
}

4. Kemudian klik save

Sekarang coba akses blognya lewat HP, tentu akan terjadi perubahan yaitu gambar menyesuaikan dengan lebar layar HP. Cara membuat gambar postingan blog menjadi responsive ini bisa diterapkan pada semua jenis template. Kemudian jangan lupa untuk melakukan optimasi seo onpage pada gambar di postingan tersebut.

Mudah bukan?

Nah itu sedikit trik membuat gambar responsive pada postingan blog. Selamat mencoba
Trik Membuat Gambar Responsive pada Postingan Blog Trik Membuat Gambar Responsive pada Postingan Blog Reviewed by admin69 on Agustus 30, 2017 Rating: 5

4 Tips Supaya Tetap Eksis dalam Ketatnya Persaingan Antar Blogger

Agustus 30, 2017
iBlogger.id - Pertumbuhan jumlah blog blog baru saat ini seperti jamur di musim hujan. Bila kamu aktif di media sosial, akan banyak sekali informasi yang dibagikan dari blog bllog baru, bahkan terkadang nama blognya nyeleneh. Di samping itu fungsi blog saat ini sangat bervariasi, dulu yang berfungsi sebagai media informasi kini berubah menjadi akun untuk marketing bisnis. Melihat situasi ini persaingan antar blogger yang ketat tak bisa dihindari.

4 Tips Supaya Tetap Eksis dalam Ketatnya Persaingan Antar Blogger


Supaya tetap eksis dalam ketatnya persaingan antar blogger harus ada metode dalam penyampaian informasi, tema artikel dan strategi yang dilakukan. Berikut ini adalah 4 Tips Supaya Tetap Eksis dalam Ketatnya Persaingan Antar Blogger

1. Metode dalam membagikan informasi
Penyampaian informasi kepada pemabaca harus cepat, tepat, efektif serta efisien. Kita sebagai penulis harus mengerti manfaat dari tulisan yang kita buat, sebab bila informasi dalam tulisan hanya sekedar untuk menambah jumlah postingan/asal posting yang tak berisi banyak manfaat, maka visitors akan bosan dan tak kembali lagi.

Untuk ini maksimalkan dalam penyampaian informasi yang memang dapat memberikan efek dan manfaat penting bagi sang pembaca. Misalkan informasi tentang keuangan, atau informasi tentang kesehaatan.

2. Cara menyampaikan informasi
Bahasa yang digunakan dalam penyampaian informasi haruslah sesuai. Tentu akan berbeda bahasa yang digunakan jika informasi yang disajikan untuk para pelajar dengan pembaca umum. Untuk kalangan pelajar, konten yang dibuat harus lebih terstruktu. Sedangkan untuk informasi seperti opini, tajuk atau informasi seputar bisnis, dll, bahasa disesuaikan dengan pemahaman pembaca.

Maka dari itu dari awal kita harus memutuskan siapa yang akan menjadi target pembaca blog kita, apakah remaja, dewasa atau umum. Sehingga kita bisa tepat dalam melakukan penyampaian informasi

baca juga 7 Cara Meningkatkan Trafik Blog dengan Optimasi Kualitas Artikel

3. Tema artikel dan strategi yang dijalani
Dasar penting dalam bersaing dengan blogger lain adalah pemilihan keyword atau judul konten. Kualitas dari konten kita ditentukan oleh  pemilihan judul, untuk itu pintar pintar dalam membuat judul. Selain itu juga pilih topik yang sangat diminati target pembaca mu.

4. Membangun kerjasama yang baik
Tak bisa sebuah blog menjadi sukses dengan sendirinya. Melibatkan blogger lain juga penting, nantinya bisa saling membantu ketika mendapatkan kendala dalam perjalanan mengembangkan blog. Untuk itu aktiflah dalam forum dan bekerjasamalah saling memberi masukan.

Di tengah persaingan antar blogger yang ketat ini diperlukan inovasi dan kerjasama supaya tetap eksis. Blog yang konsisten pasti akan bisa bertahan. Strateginya adalah bagaimana cari kita mempromosikan tulisan kita kepada pembaca, dengan teknik SEO untuk search engine dan share ke sosmed untuk memancing visitors
4 Tips Supaya Tetap Eksis dalam Ketatnya Persaingan Antar Blogger 4 Tips Supaya Tetap Eksis dalam Ketatnya Persaingan Antar Blogger Reviewed by admin69 on Agustus 30, 2017 Rating: 5

Membuat Link Download Seperti Situs Samehadaku

Agustus 03, 2017

Cara Membuat Link Download Seperti Situs Samehadaku. membuat download box atau kotak download seperti samehadaku sebenarnya adalah request dari teman saya yang ingin membuat kotak download seperti situsnya samehadaku.




Sebenarnya membuat model download box seperti ini tidaklah terlalu sulit, karena kita tinggal IE saja template yang di pakai situs tersebut, nanti kita akan bisa melihat
Membuat Link Download Seperti Situs Samehadaku Membuat Link Download Seperti Situs Samehadaku Reviewed by admin69 on Agustus 03, 2017 Rating: 5

Cara Screenshot Gambar Website Satu Halaman Penuh / Full Page

Agustus 02, 2017

Cara Screenshot Website Satu Halaman Penuh / Full Page. Mengambil sebuah gambar full satu halaman penuh di sebuah website atau di sebuah blog kadang sangat diperlukan untuk kepentingan-kepentingan tertentu.

Contohnya misalkan ketika kita mendapat tugas dari sekolah yang mengharuskan informasi dari sebuah website untuk di frint, namun tak jarang yang jadi kendala adalah saat menggunakan
Cara Screenshot Gambar Website Satu Halaman Penuh / Full Page Cara Screenshot Gambar Website Satu Halaman Penuh / Full Page Reviewed by admin69 on Agustus 02, 2017 Rating: 5

Cara Kompres Gambar Hingga 75% Tanpa Mengurangi Kualitas Gambar

Agustus 01, 2017

Cara mengkompres atau compress gambar (image) kadang kala sangat di perlukan untuk kepentingan-kepentingan tertentu, contohnya saat kita ingin mengupload sebuah gambar ke artikel blog atau website. Maka jika ukuran file gambar terlalu besar akan memberatkan loading blog.




Kasus lain adalah jika kita ingin membuat sebuah lamaran kerja dengan ukuran fixel yang sangat kecil dengan beberapa file,
Cara Kompres Gambar Hingga 75% Tanpa Mengurangi Kualitas Gambar Cara Kompres Gambar Hingga 75% Tanpa Mengurangi Kualitas Gambar Reviewed by admin69 on Agustus 01, 2017 Rating: 5

HeadTemp Responsive Blogger Template

Agustus 01, 2017

HeadTemp Responsive Blogger Template. hallo sobat blogger, kali ini saya ingin kembali berbagi template, yapz template klaborasi antara ayu ting-ting dan zaskia gotik, maka jadilah template headtemp responsive blogger template.

Headtemp ini mempunyai tampilan minimalis namun juga elegant seperti justi bieber, meski template ini tampilannya mungkin gak bagus-bagus amat, tergantung selera dari
HeadTemp Responsive Blogger Template HeadTemp Responsive Blogger Template Reviewed by admin69 on Agustus 01, 2017 Rating: 5
Diberdayakan oleh Blogger.