Cara Membuat dan Memasang Photoshop Online di Blogger

Photoshop adalah aplikasi editing yang terpopuler sekarang dimana anda bisa mengedit foto sesuka hati kalian. Tahukah anda bahwa photoshop itu sebenarnya software? Ya, jika anda ingin menggunakan photoshop yang harus dilakukan adalah menginstall software tersebut. Namun berbeda kali ini, photoshop tersedia versi online. Dimana anda bisa mengedit foto dalam keadaan terhubung ke internet.

Penggunaan photoshop online dangan offline/softwarenya sama saja. Jika anda mahir dalam photoshop anda juga bisa menggunakan photoshop online ini.


Screenshoot :

Sebenarnya ini bukan keseluruhkan kode dari photoshop langsung melainkan kita hanya meng-iframe dari situs pixlr.com, bukan keseluruhan kodenya. Oh ya, pada form ini akan saya matikan dibagian sidebar, breadcrumb, serta comment pada kode CSS. Karena Photoshop Online membutuhkan ruang yang besar, jadi saya menon-aktfikan bagian yang saya sebutkan diatas. Ok, langsung saja ke proses pembuatan.

Cara Membuat dan Memasang Photoshop Online di Blogger

Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Halaman.
3. Pilih Halaman.
4. Buat Halaman Baru.

Proses Pembuatan :

1. Buat Halaman Baru.
2. Copy & Paste kode berikut ini, dan letakkan pada bagian HTML bukan COMPOSE.

<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
.ribbon{position:relative;z-index:1;padding:1em 2em;}
.ribbon-tampilan{font-size:120%!important;text-transform:uppercase;width:60%;position:relative;background:#07ACEC;color:#fff;text-align:center;padding:1em 2em;margin:2em auto 3em;}
.ribbon-tampilan:before,.ribbon-tampilan:after{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #07ACEC;z-index:-1;}
.ribbon-tampilan:before{left:-2em;border-right-width:1.5em;border-left-color:transparent;}
.ribbon-tampilan:after{right:-2em;border-left-width:1.5em;border-right-color:transparent;}
.ribbon-tampilan .ribbon-nama:before,.ribbon-tampilan .ribbon-nama:after{content:"";position:absolute;display:block;border-style:solid;border-color:#07ACEC transparent transparent transparent;bottom:-1em;}
.ribbon-tampilan .ribbon-nama:before{left:0;border-width:1em 0 0 1em;}
.ribbon-tampilan .ribbon-nama:after{right:0;border-width:1em 1em 0 0;}
#outer-wrapper {margin:0 auto;text-align:left;float:none;background-position:center!important;}
#post-wrapper {width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important;}
.post-body,.post{background-position:center!important;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title{display:none;margin-top:0;margin:0;}
#blog1,#artikel,.blog-posts{background-position:center!important;}
.breadcrumbs{display:none;margin-top:0;margin:0;}
#comments,#breadcrumb, #sidebar-wrapper,#menu-wrap {display:none;margin-top:0;margin:0;}
.post-inner {padding:0 0 0 0;margin:20px auto;}
.post-body ul#wrapin {display:block;position:relative;margin:30px auto 0 auto;}
.post-body ul#wrapin li {display:block;margin:0 auto;text-align:left;}
.post-body ul#wrapin br {display:none;}
</style>

<br />
<div class="ribbon">
<h1 class="ribbon-tampilan">
<strong class="ribbon-nama">Photoshop Online</strong>
</h1>
</div>
<br />
<script type="text/javascript">
    //<![CDATA[
    document.write('<iframe src="https://pixlr.com/editor/" allowfullscreen="allowfullscreen" style="height: 700px; width: 100%;border: none;"></iframe>');
    //]]>
    </script>

3. Simpan, Publikasikan.


Demikian, bila anda mengalami kesalahan atau ada yang ingin dipertanyakan silakan jangan sungkan untuk berkomentar dibawah ini. Semoga Bermanfaat! Thanks for Reading : Cara Membuat Form Photoshop Online di Blogger.

Share this post

Related Post