Hallo, siapa yang tau apa itu photoshop? saya yakin anda sudah mengetahui apa itu photoshop yup itu loh yang tukang ngedit-ngedit foto :v, pada kesempatan kali ini saya akan membuatkan anda tutorial ca ra Cara Membuat Halaman Photoshop Online di Blogger jujur saja dasar saya membuat artikel ini ialah atas request dari teman facebook saya yang bertanya "Mas tau nggak cara buat photosop online untuk blog?" jawabannya ada dibawah.
2. Pergi ke Laman dan klik Laman Baru.
3. Pada saat membuat artikel pilih HTML bukan Compose.
4. Copy dan paste kode dibawah ke HTML tadi.
Note : Silahkan ubah height: 700px; width: 100% dengan sesuai keinginan anda.
5. Publikasikan dan Lihat hasilnya.
6. Selesai.
Demikian semoga bermanfaat terima kasih atas kunjungannya.
Cara Membuat Halaman Photoshop Online di Blogger
1. Login ke akun blogger anda.2. Pergi ke Laman dan klik Laman Baru.
3. Pada saat membuat artikel pilih HTML bukan Compose.
4. Copy dan paste kode dibawah ke HTML tadi.
<script src="https://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></div>
</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></div>
Note : Silahkan ubah height: 700px; width: 100% dengan sesuai keinginan anda.
5. Publikasikan dan Lihat hasilnya.
6. Selesai.
Demikian semoga bermanfaat terima kasih atas kunjungannya.
Comments
Post a Comment