Cara Memasang Photoshop Online di Blogger
February 06, 2020
Disini kita hanya menggunakan kode CSS dan HTML untuk membuat photoshop online di Blogger yang akan dipasang di menu halaman (Page) di Blogger. Sebelum memulai, mari kita mengenal apa itu Photoshop?
Apa itu Photoshop?
Photoshop adalah sebuah software editing yang sudah sangat populer di seluruh dunia. Photoshop bisa digunakan untuk anda yang maih belajar maupaun yang sudah professional. Untuk dapat menggunakan Photoshop anda harus menginstall dahulu di Komputer atau Laptop anda.
Namun, bagaimana kalau menggunakan Photoshop online? Untuk photoshop online anda tidak perlu lagi harus mendownload software Photoshop dan installnya. Anda cukup membuka di Browser dan sudah bisa secara langsung digunakan secara online.
Untuk fitur Photoshop Online kurang lebih hampir sama dengan versi offlinenya, bagi kamu yang sudah mahir menggunakan photoshop dan jika ingin menggunakan versi onlinenya pasti tidak akan kebingungan.
Baiklah tidak perlu berlama-lama lagi, mari kita masuk ke tutorialnya dibawah ini.
Cara Memasang Photoshop Online di Blogger
1. Pertama, login ke blogger.com2. Pada Dashboard pilih > Halaman (Pages)
3. Pilih New Page (Halaman Baru)
4. Beri Judul halaman dengan Photoshop Online atau sesuai selera anda
5. Masuk ke menu HTML bukan menu Compose
6. Copy dan Pastekan kode dibawah ini di menu HTML di Halaman (Page)
<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>
8. Selesai dan lihat hasilnya
Seperti itulah cara membuat photoshop online di blogger, dan untuk demonya anda bisa klik disini untuk demo Photoshop online di blogger.
Demikianlarh artikel kali ini semoga bermanfaat untuk anda semuanya dan artikel ini referensi dari blog MayCyberDownload. Jika anda memiliki masalah pemasangan Photoshop online di blog anda bisa komentar dibawah.
0 komentar