Hôm nay tôi Nguyen Phuc Communication chia sẻ cho ban một số ảnh làm hình nền cho điện thoại.

Mời bạn tải về nào!

Hình nền cho điện thoại



Bạn đang cần một Website?
Bán hàng, giới thiệu sản phẩm , hay một web cá nhân. Thì tại đây có một giải pháp làm Web nhanh nhất, rẻ nhất mà bạn đang tìm.
Nguyen Phuc Communication sẽ hỗ trợ bạn về kỹ thuật hay kinh nghiệm làm Web,
Bạn có biết Blogger hay còn gọi là Blogspot có thể thực hiện điều này nhanh chóng mà còn miễn phí nữa.
Tại đây chúng tôi sẽ hướng dẫn bạn làm một Web nhanh chóng mà bạn không cần  phải có kinh nghiệm hay biết gì về lập trình hết.

Làm Website đơn giản miễn phí




Mẫu Template Blogger NPC (Update Version: 3.3.1) được Nguyen Phuc Communication chỉnh sửa Thiết Kế tỷ mỷ đẹp mắt , Chuẩn Seo , Chuyên Nghiệp.
 - Thật đáng để bạn lựa chọn phải không nào?

BẢN MIỄN PHÍ:
  • Giấy phép dùng thủ 05 ngày(License)
  • Giới hạn tên miền bạn đang sử dụng.(1 Domain)
  • Chỉ áp dụng cho 01 Blog đang sử dung.
BẢN CÓ PHÍ:
  • Cung cấp giấy phép trọn đời(License)
  • Không giới hạn tên miền bạn đang sử dụng
Tính Năng Của Template:





  • Thay đổi giao diện và bố cục phần bình luận trong bài viết.
  • Thiết kế lại giao diện. 
  • Chỉnh sửa và tối ưu lại toàn bộ giao diện.


Mua Ngay Demo

Template Blogger NPC Update Version: 3.3.1



Chia sẻ với các bạn  Code khung Subscribe

CÁCH THỰC HIỆN.

<style>
/* ######## Subscribe Css ######################### */
#sub-wrap-wrapper {
background:#ededed url(//3.bp.blogspot.com/-06iGd_Ue9dk/UqPzuA1Kw7I/AAAAAAAACPc/hBtKtRBSDGE/s1600/Pattern-call.png) center;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
position:relative;
}
.sub-wrap {
margin:0 auto;
}
#subscribe-css {
position: relative;
padding: 20px 0;
overflow: hidden;
min-height: 220px;
}
.subscribe-wrapper {
color: #000;
font-size: 16px;
line-height: normal;
margin: 0;
text-align: center;
text-transform: none;
font-weight: 400;
width: 100%
}
.subscribe-form {
clear: both;
display: block;
overflow: hidden;
margin: 25px auto 0;
}
form.subscribe-form {
clear: both;
display: inline-block;
margin: 0;
width: 100%;
max-width: 680px;
overflow: hidden;
border: 2px solid #000;
border-radius: 8px;
}
.subscribe-css-email-field {
background: none;
color: #000;
font-style: italic;
font-family: Lora;
letter-spacing: 1px;
font-size: 15px;
margin: 10px 0;
padding: 15px 20px;
width: 65%;
border: 0;
}
.subscribe-css-email-button {
background: #000;
color: #fff;
cursor: pointer;
font-weight: 700;
font-style: normal;
text-transform: uppercase !important;
letter-spacing: 1px;
padding: 18px 35px;
margin-left: 15px;
text-transform: none;
font-size: 16px;
border: 0;
border-radius: 3px;
transition: all .6s;
}
.subscribe-css-email-button:hover {
background: #446CB3;
}
#subscribe-css p.subscribe-note {
margin: 16px;
text-align: center;
color: #000;
font-size: 30px;
font-weight: 900;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
word-wrap: break-word;
}
#subscribe-css p.subscribe-note span {
position: relative;
overflow: hidden;
font-weight: 700;
transition: all .5s;
}
#subscribe-css p.subscribe-note span.itatu {
font-weight: 400;
font-style: italic;
color: #000;
text-transform: lowercase;
}
#subscribe-css p.subscribe-note span.itatu:before,
#subscribe-css p.subscribe-note span.itatu:after {
display: none
}
#subscribe-css p.subscribe-note span:before {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 3px;
margin: 10px 0 0;
background: #446CB3;
transition: all .5s
}
#subscribe-css:hover p.subscribe-note span:before {
width: 100%;
}
.sub-desc {
text-align: center;
color: #000;
font-size: 15px;
letter-spacing: 1px;
}
</style>

<div id='sub-wrap-wrapper'>
<div class='sub-wrap row'>
<div id='subscribe-css'>
<div id='subscribe-note-wrap'>
<p class='subscribe-note'><span>Ðang ký</span> <span class='itatu'></span> B?n tin</p></div>
<p class='sub-desc'>Ðang ký nh?n Templates thông báo m?i</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=nguyenphuc/xTBe' class='subscribe-form' method='post' onsubmit='window.open (&apos;https://feedburner.google.com/fb/a/mailverify?uri=nguyenphuc/xTBe&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='templatesyard'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/><input class='subscribe-css-email-button' title='' type='Submit' value='Subscribe'/></form></div></div></div></div></div>

Code khung Subscribe



Xin chào! Bài viết này tôi xin chia cho bạn Banner Cho Blogger.

Bạn hãy copy lại và dán vào Blog nhé!  (Ctrl+C)

CSS BANNER

<style>
#banner {
  background:url(https://4.bp.blogspot.com/-Qdka-8gIOnI/WwVVU2ZAjJI/AAAAAAAACA8/ioY_t912bUY3xEluOTE-AwARFONqSoCSwCLcBGAs/s1600/slider-bg.jpg) no-repeat center;
  padding:20px 10px;
  background-size:cover;
  ;
}
#banner .banner-contain {
  max-width:1075px;
  margin:0 auto;
  ;
}
#banner .cot-1 {
  width:50%;
  ;
}
#banner .cot-2 {
  width:49%;
  text-align:center;
  ;
}
#banner .cot-1,#banner .cot-2 {
  display:inline-block;
  ;
}
#banner h2,#banner h3 {
  color:#fff;
  font-weight:600;
  font-size:22px;
  text-transform:uppercase;
  text-shadow:0 2px 5px rgba(0,0,0,0.1);
  margin-bottom:10px;
  ;
}
#banner p {
  color:#fff;
  font-size:16px;
  line-height:1.5em;
  margin-bottom:10px;
  ;
}
.feature-temp li {
  padding-bottom:10px;
  color:#fff;
  position:relative;
  ;
}
.feature-temp li:before {
  content:" \f058";
  font-family:fontawesome;
  color:#fff;
  padding-right:10px;
  ;
}
.cot-2 img {
  max-width:73%;
  z-index:99;
  ;
}
.choose {
  margin:5px 50px;
  display:inline-block;
  ;
}
.choose a {
  color:#666;
  font-family:' Open Sans',sans-serif;
  padding:8px 20px;
  font-size:17px;
  text-transform:uppercase;
  box-shadow:0 2px 5px rgba(0,0,0,0.1);
  border-radius:4px;
  transition:all 0.2s ease;
  -webkit-transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
  ;
}
a.free {
  background:#e6f8ff;
  ;
}
a.premium {
  background:#b1e25e;
  ;
}
.choose a:after {
  content:' ';
  font-family:fontawesome;
  color:#666;
  padding-left:10px;
  ;
}
a.free:after {
  content:" \f06b";
  ;
}
a.premium:after {
  content:" \f0d6";
  ;
}
.choose a:hover {
  color:#fff;
  background:#424242;
  ;
}
.choose a:hover:after {
  color:#fff;
  ;
}
.cot-2 a:after {
  content:" \f004";
  font-family:fontawesome;
  color:#81b740;
  background:rgba(255,255,255,0.95);
  position:absolute;
  border-radius:50%;
  width:100px;
  height:100px;
  line-height:109px;
  font-size:40px;
  right:-70px;
  bottom:170px;
  border:2px dashed #92c15d;
  display:none;
  ;
}
@media (max-width:750px) {
  #banner .cot-1 {
    width:100%;
    margin-bottom:15px;
    ;
  }
  #banner .cot-2 {
    width:100%;
    text-align:center;
    ;
  }
}
.title-main {
  text-align:center;
  margin-bottom:20px;
  ;
}
.title-main h2 {
  font-size:24px;
  line-height:26px;
  margin-bottom:15px;
  padding:5px 0 25px 0;
  ;
}
.title-main h2 span {
  color:#333;
  position:relative;
  padding-bottom:9px;
  ;
}
.title-main h2 span:before {
  content:'';
  display:block;
  width:10px;
  height:10px;
  background:#F68A1F;
  position:absolute;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  left:calc(50% - 7.5px);
  bottom:-4.4px;
  ;
}
.title-main h2 span:after {
  content:'';
  display:block;
  width:100%;
  height:2px;
  background:#F68A1F;
  position:absolute;
  bottom:0;
  left:0;
  ;
}
</style>


Đặt nơi nào bạn muốn hiển thị.

<div id='banner'>
    <div class='banner-contain'>
        <div class='cot-1'>
            <h3 class='h2 animated fadeInLeft'>Kho template blogspot miễn phí</h3>
            <!--<p>Chúng tôi cố gắng cung cấp những template tốt nhất đến với các bạn.</p>-->
            <ul class='feature-temp'>
                <li class='animated fadeInUp' style='--delay:0.3s'>Responsive Template</li>
                <li class='animated fadeInUp' style='--delay:0.5s'>Bố cục rõ ràng, dễ nhìn</li>
                <li class='animated fadeInUp' style='--delay:0.7s'>Tốc độ load khá nhanh</li>
                <li class='animated fadeInUp' style='--delay:0.9s'>Tối ưu SEO</li>
                <li class='animated fadeInUp' style='--delay:1.1s'>Dễ dàng chỉnh sửa</li>
            </ul>
            <center>
                <div class='choose animated fadeIn' style='--delay:1.5s'><a class='free' href='#blog' title='Free Template'>Xem Ngay</a>
                </div>
            </center>
        </div>
        <div class='cot-2'>
            <a href='#blog'><img alt='Kho giao diện Blogspot' class='land-img animated fadeInRight' src='https://4.bp.blogspot.com/-ZGEIAtp8R4M/WwVVarChDVI/AAAAAAAACBE/UE7m2ldGeOg9vwtYwoMC424SUQC1dzFcACLcBGAs/s1600/shopify-theme.png' />
            </a>
        </div>
    </div>
</div>

Banner Cho Blogger




DEMO

Chia sẻ với bạn đoạn Code Button Download cho Blogger.


<style>
#wrap {margin:20px auto;text-align:center;}
a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;}
a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;}
a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}
a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;}
a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;}
a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}
</style>
<center><a class="btn warn" href="https://nguyenphuc.xyz/">Download</a></center>

Button download cho blogger

Subscribe Our Newsletter