Cara membuat potoshop online responsive di blog

Bagikan :

Facebook

Tweet

Linkedin

Pinterest

Selamat siang sobat semua . Nah kali ini saya akan membahas sedikit tutorial mengenai cara memasang potoshop online responsive di blog . Sobat tentunya pernah melihat potoshop online ini di beberapa blog . saya juga pernah melihatnya di sebuah blog langganan saya , dan saya sangat tertarik untuk membuatnya pada blog saya dan akhirnya saya mengulik-ulik template blog tersebut dan akhirnya menemukan cara memasangnya yang akan saya bagikan kembali kepada sobat semua .

Potoshop tak hanya hadir dalam bentuk software tapi juga dalam bentuk online yang dengan mudah bisa sobat letakkan pada blog sobat . Potoshop ini bisa diletakkan pada halaman statis tanpa sidebar. Dengan potoshop ini sobat bisa mengedit foto ataupun mengambil kode warna tanpa perlu menginstal potoshop .

Oke langsung saja ke cara pemasangannya .

Karena dibuat di halaman statis jadi silahkan masuk ke blogger.com -> laman lalu buat laman baru dan letakkan kode berikut pada mode HTML

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

Silahkan sobat publish dan lihat hasilnya , sekarang sobat sudah bisa menggunakan potoshop pada blog sobat sendiri yang bisa digunakan pada platform mobile dan desktop .

Kode yang ditandai dengan garis tebal dan underline ialah kode jquery librari , jika pada template sobat sudah terletak jquery sejenis maka sobat bisa menghapus salah satunya karena akan terjadi bentrok dan mengakibatkan beberapa fitur tak berjalan normal .

Bagaimana?mudah bukan ? itulah tadi cara memasang potoshop online responsive di blog . Semoga bermanfaat bagi sobat semuanya , dan mungkin saya akan mencoba untuk mempercantik border atau tampilannya terimakasih .

Tag : Adsense, Android, Blog, Download Gratis, forex, Pendidikan, Soal Matematika