Hướng Dẫn Thêm Photoshop Online Vào Blogger

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


Hướng Dẫn Chèn Photoshop Online Vào Blogger, Code HTML Photoshop online cho Blogspot/Blogger, Source Code HTML Photoshop online cho Blogspot

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>
Bước 3 : Lưu Và Xuất Bản

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é

4 Bình Luận "Hướng Dẫn Thêm Photoshop Online Vào Blogger"