b:includable và b:include để tùy chỉnh mẫu Blogspot một cách hiệu quả. Với cách sử dụng này, bạn dể dàng quản lý cũng như chỉnh sửa mẫu của bạn nếu bạn muốn thay đổi nó.b:includable và b:include, nó sẽ giúp bạn dể dàng hơn trong việc chỉnh sửa cũng như tối ưu hơn cho template của bạn.
</head> trong mẫu của bạn (thay đổi đoạn màu đỏ bằng Site ID của bạn) và nhấn Verify Site để xác minh<meta name='shareaholic:site_id' content='ca08ce11cc98198581a18ece230ab4e2' />
</body>)
<img src="foo.jpg" nopin="nopin" />- Và để vô hiệu nút "Pin it" cho tất cả hình ảnh trên trang bằng cách thêm meta tag dưới đây vào trước thẻ </head><meta name="pinterest" content="nopin" />
</body> và Lưu lại <script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhauiR7y3NrCbyVwaUHJNNCqmhHUTrv34zJN-4C6WYlLCBuJ0JuVWwYZoaOgwM6uC-uTH_HiVMRQsfvRy6owZuRckfSpuo6mQviOinSmULi8j009QNkD2lR1Kl1lL-2xdbivL7ucXI1d7S/s1600/pinit-button.png"; // Nút Pin it
var pinit_button_position = "center"; // Vị trí nút Pin it (topleft,topright,center,bottomleft,bottomright)
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' src='https://nhatchanh.googlecode.com/svn/blog/pinterest-button.js' type='text/javascript'>
</script>
<img><img src="foo.jpg" class="nopin" />
</body> >> Lưu mẫu<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async="async" defer="defer" data-pin-color="red" data-pin-height="28" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
<img> nếu không muốn hiển thị nút Pin it<img src="foo.jpg" nopin="nopin" />
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Trang chủ</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url + "?max-results=10"' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Lưu trữ cho <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Tất cả bài viết</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
<div class='clear'/>
</b:if>
</b:includable>
</head><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"/>- Chọn icon cần thiển thị (danh sách icon có rất nhiều icon cho bạn lựa chọn)
<i class="fa fa-camera-retro fa-lg"></i>
<i class="fa fa-camera-retro fa-2x"></i>
<i class="fa fa-camera-retro fa-3x"></i>
<i class="fa fa-camera-retro fa-4x"></i>
<i class="fa fa-camera-retro fa-5x"></i>
]]></b:skin> hoặc </style> và đặt đoạn css dưới đây vào trước nó .ghi-chu, .thong-tin, .canh-bao, .huong-dan, .cap-nhat {
display: block;
font-style: normal;
color: #333;
padding: 15px 18px 15px 48px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
border-radius:3px;
margin:0 0 10px;
color:#FFF
}
.ghi-chu:before, .thong-tin:before, .canh-bao:before, .huong-dan:before, .cap-nhat:before {
font-family:"FontAwesome";
display: block;
position: absolute;
top: 15px;
left: 16px;
color: rgba(0, 0, 0, 0.15);
font-size: 22px;
line-height: 1;
}
.ghi-chu:before {
content:'\f11d'
}
.thong-tin:before {
content:'\f05a'
}
.canh-bao:before {
content:'\f071'
}
.huong-dan:before {
content:'\f028'
}
.cap-nhat:before {
content:'\f085'
}
.ghi-chu {
background-color:#49A5D7
}
.thong-tin {
background-color:#FF9531
}
.canh-bao {
background-color:#B25A5A
}
.huong-dan {
background-color:#FAD163;
color: #000;
}
.cap-nhat {
background-color:#69A24A
}- Sử dụng bằng cách:<div class='ghi-chu'>. . Nội dung . .</div>
ContactForm1 (Nhấn tổ hợp phím Ctrl + F để tìm)<b:includable id='main'> ..xóa mã ở đây.. </b:includable> tương tự như hình dưới
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
Họ Tên của bạn
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
E-mail *
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Lời nhắn *
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
</div>
]]></b:skin> hoặc </style> trong mẫu của bạn/* Contact Form Container */Hy vọng với hướng dẫn này sẻ giúp bạn có được một trang liên hệ cá nhân mang phong cách riêng. Chúc thành công!
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}
/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}
Last year, we shared news that we were beginning to test a new service called Google Domains to help people get online starting with a domain and website. We partnered with some of the most reliable and easy-to-use website building providers on the web: Shopify, Squarespace, Weebly and Wix. Together, we’ve helped businesses like Scott Pincus Design and Hidden Springs Soap get a domain, build a website and find new customers online. It’s really that easy.Today, we’re excited to make Google Domains more widely available by lifting the invitation restriction for those in the U.S. For those in other countries, you can sign up here to be notified when it is available in your country.Hiện tại, theo thông tin một số blogger ở Mỹ đã có thể mua tên miền thông qua liên kết trong blogger.
Một số dịch vụ sau có thể tính phí thêm như:
- Improved search and suggestion experience to help you find the perfect domain name
- Over 60 new domain endings like .company, .florist and .coffee (view the full list here)
- A simple dashboard to manage your domain, website and email settings
- The integration of Blogger so you can create a blog and easily connect it to your domain
- The ability to quickly browse website template themes and compare the plans and features of our website building providers
- Dynamic DNS so you can setup your domain and keep it pointing to the same computer even when the IP address changes. Read more about it here.
Hiện nay, Google Domain hỗ trợ cung cấp hơn 80 đuôi tên miền các loại với mức giá từ 12 - 50 USD, và Việt Nam hiện vẫn chưa được hỗ trợ dịch vụ này, bạn vẫn có thể truy cập vào trang chính thức của Google Domain tại www.google.com/domains tuy nhiên sau khi chọn tên miền, trang web sẽ hiện một thông báo về việc chỉ hỗ trợ địa chỉ thanh toán tại US và khuyến khích bạn đăng ký nhận thông tin thời gian hỗ trợ.
- Whois privacy
- Domain forwarding and subdomain forwarding
- Email forwarding (forwarding of email aliases @
) - Google nameservers with 10 million DNS resolutions per year
- Support via help center, email, chat, or phone.
