Memasang Photo Editor Online Di Blog
Sebagai seorang blogger, kita seringkali berurusan dengan photo atau gambar untuk disertakan dalam postingan untuk lebih menjelaskan ihwal artikel yang kita buat. Dan tentunya itu tidak terlepas dari photo editor ibarat Photoshop, Corel, dan lainnya. Dan untuk lebih memudahkan kerja kita, Photo editor ini dapat kita pasang di blog kita tanpa harus melaksanakan proses instalasi pada komputer kita, yaitu dengan memasang photo editor online atau Photoshop online di blog kita.
Dari sekian banyak web penyedia photo editor online yang ada di internet, berdasarkan aku photo editor online dari Pixlr.com lah yang paling anggun dan gampang dipasang di blog. Selain tampilannya yang ibarat sekali dengan Photoshop, Pixlr.com juga telah mendukung untuk pemasangan pada website.
Kode embed yang dipakai dapat berupa isyarat iframe, namun sudah kita ketahui bersama bahwa isyarat iframe dapat mengurangi skor seo blog, untuk itu kita akan memakai isyarat embed biar kondusif untuk dipasangkan di blog. Sebenarnya kita dapat memasang script untuk memanipulasi iframe ini biar tidak dibaca sebagai iframe oleh peramban, namun jikalau ada cara yang lebih simple dan gampang kenapa kita tidak mencobanya.
Saya sendiri sudah memasang photo editor online atau photoshop online ini di Kompi Ajaib, untuk mencobanya silahkan ikuti link di bawah ini.
Bagaimana Anda ingin mencoba memasang photoshop online ini di blog Anda?
Photoshop online ini mempunyai tampilan yang melebar ke samping sehingga perlu lahan yang lebih luas dari hanya sekedar tempat postingan. Makara kita harus menyingkirkan area lainnya biar tidak menghalangi photoshop online ini. Tentunya kita harus lebih mengetahui elemen-elemen apa saja yang perlu disingkirkan. untuk itu kita memakai tag conditional khusus untuk halaman pemasangan photoshop onlinenya.
Sebagai contoh, di bawah ini ialah tag conditional yang aku gunakan di Kompi Ajaib untuk halaman Photoshop Online.
<style scoped="" type="text/css">
#sidebar-wrapper,#sidebar1-wrapper,#sidebar2-wrapper,#sidebar3-wrapper, #comments{display:none}
.post h1,.post h2{background:#686986;text-align:center;color:#eee;padding:10px 0;text-shadow:none;height:30px}
.post h1 a, .post h1 a:visited, .post h1 strong,.post h2 a, .post h2 a:visited, .post h2 strong{display:block;text-decoration:none;color:#eee}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#ef7f67}
.post{margin:0 auto;padding:0;background:none}
.post-body{margin:0 0 .75em;padding:0}
#outer-wrapper,#main-wrapper{width:100%;padding:0}
.content-wrapper{position:relative;max-width:95%;margin:0 auto}
</style>
Tentunya ini akan berbeda pada setiap blog, jadi di sini aku tidak dapat memastikan tag conditional ini untuk dipasang di blog Anda. Tag conditional di atas hanya sebagai pola untuk citra Anda dalam menyediakan lahan untuk pemasangan Photoshop online ini.
Sedangkan isyarat embed untuk photo editor dari Pixlr.com Anda dapat memakai isyarat ibarat di bawah ini.
<embed src="http://pixlr.com/editor/" style="height: 700px; width: 100%;"/> Silahkan pasang isyarat embednya di bawah tag conditional halamannya, sehingga sesudah pemasangan akan tampak ibarat di bawah ini.
<style scoped="" type="text/css">
#sidebar-wrapper,#sidebar1-wrapper,#sidebar2-wrapper,#sidebar3-wrapper, #comments{display:none}
.post h1,.post h2{background:#686986;text-align:center;color:#eee;padding:10px 0;text-shadow:none;height:30px}
.post h1 a, .post h1 a:visited, .post h1 strong,.post h2 a, .post h2 a:visited, .post h2 strong{display:block;text-decoration:none;color:#eee}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#ef7f67}
.post{margin:0 auto;padding:0;background:none}
.post-body{margin:0 0 .75em;padding:0}
#outer-wrapper,#main-wrapper{width:100%;padding:0}
.content-wrapper{position:relative;max-width:95%;margin:0 auto}
</style>
<embed src="http://pixlr.com/editor/" style="height: 700px; width: 100%;" />
Silahkan simpan pada postingan dalam posisi HTML bukan Compose. Perlu diingat, selalu tempatkan tag conditional di paling atas isyarat lainnya biar tidak menjadi error pada validasi HTML5.
Untuk penempatannya sebaiknya gunakan halaman statis pada blog Anda dengan alasan biar tidak membebani blog Anda.
Dan satu hal lagi yang perlu diingat di sini, silahkan publish atau publikasikan postingannya dalam posisi HTML biar isyarat embednya tidak menjadi error pada validasi HTML5. Jika Anda publikasikan dalam posisi Compose maka isyarat embednya akan bermetamorfosis ibarat di bawah ini.
<embed src="http://pixlr.com/editor/" style="height: 700px; width: 100%;" ></embed> Dan isyarat </embed> di simpulan isyarat akan mengakibatkan error pada validasi HTML5.
Sumber https://www.kompiajaib.com/
0 Response to "Memasang Photo Editor Online Di Blog"
Posting Komentar