Cara Membuat PhotoShop Responsive di Halaman Statis Blog

Baca Juga

Cara Membuat PhotoShop Responsive di Halaman Statis Blog – sobat semua pasti sudah tidak asing lagi dengan tool Photo Shop yang biasa di gunakan untuk meng edit foto di lebtop, namun kali ini saya akan berikan tutorial bagaimana cara membuat Photo Shop tersebut dapat tampil di blog sobat terutama di halaman statis blog. Photo Shop adalah sebuah Tool yang berguna untuk mengedit Foto dengan berbagai efek yang menarik. Photo Shop sudah banyak di gunakan sebagai alat untuk meng edit foto oleh banyak orang, bahkan tool yang satu ini di katakan tool terbaik untuk mengeedit Foto.

Fungsi Photo Shop ini selain untuk mengedit foto sobat juga dapat menggunakannya untuk mencari kode warna, di dalamnya sobat bisa memilih sesuai selera sobat dengan pilihan warna yang sangat lengkap tanpa sobat repot-repot mencarinya lagi. Bagi sobat yang tertarik untuk memasangnya silahkan simak informasinya berikut ini.

Baca juga : Cara Memperbaiki Kode Google Tag Manager Yang Error

1. buka blog sobat > Pilih Laman > Laman Baru > setelah itu pilih teb HTML di sudut kiri atas dari kolom penulisan  (bukan compose) > salin kode di bawah ini dan letakkan di dalamnya.

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><div class="photoshop-online loader" data-src="http://pixlr.com/editor/" >
</div>
<script type='text/javascript'>
//<![CDATA[
setTimeout(function(){
$('.photoshop-online').each(function(){
$(this).replaceWith('<iframe class="photoshop-online loader" src="'+$(this).data('src')+'" allowfullscreen="allowfullscreen" style="height: 700px; width: 100%"></iframe>')})},1000);
//]]>
</script>

Gambar : cari sendiri

2. simpan dan Publikasikan.

NB : kode yang di tandai di atas jQuary Librari, hapus kode tersebut apabila di dalam template blog sobat sudah tersedia kode tersebut.

Sekarang silahkan sobat lihat hasilnya, Saya yakin jika sobat mengikuti tutorial di atas dengan benar Photo Shop sudah dapat terbuka dan mulai beroprasi.

Baca juga : Cara Membuat Sumber Link Otomatis Saat Postingan Di Salin Orang

Demikianlah tutorial mengenai Cara Membuat PhotoShop Responsive di Halaman Statis Blog, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.