Hướng Dẫn Thêm Photoshop Online Vào Blogger. Photoshop Online là ứng dụng chỉnh sữa ảnh hiện nay, nơi mà bạn có thể chỉnh sữa ảnh theo ý muốn và sở thích của mình
Trên thức tế code mình share không phải là mã đầy đủ từ photoshop, cái mình share chỉ là iframe từ trang photoshop online. Chứ không phải toàn bộ code full
Xem Thêm : Code chống chuột phải cho blogspot
Cách thêm photoshop online vào blogspot blogger
- Bước 1 : Vào Blogger
- Bước 2 : Vào Trang Và chuyển Qua Phần HTML rồi dán đoạn code bên dưới vào
<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>
Vâng quá đơn giản phải không nào các bạn có thể để lại bình luận về cách thêm photoshop vào blog nhé
