Cara Menciptakan Dan Memasang Photoshop Online Di Blogger

Baca Juga

Photoshop yaitu aplikasi editing yang terpopuler kini dimana anda dapat mengedit foto sesuka hati kalian. Tahukah anda bahwa photoshop itu bahwasanya software? Ya, kalau anda ingin memakai photoshop yang harus dilakukan yaitu menginstall software tersebut. Namun berbeda kali ini, photoshop tersedia versi online. Dimana anda dapat mengedit foto dalam keadaan terhubung ke internet.

Penggunaan photoshop online dangan offline/softwarenya sama saja. Jika anda jago dalam photoshop anda juga dapat memakai photoshop online ini.


Screenshoot :

Sebenarnya ini bukan keseluruhkan aba-aba dari photoshop pribadi 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 aba-aba CSS. Karena Photoshop Online membutuhkan ruang yang besar, jadi saya menon-aktfikan bab yang saya sebutkan diatas. Ok, pribadi 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 aba-aba berikut ini, dan letakkan pada bab 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.