Mẫu (Template) Blogspot xanh tím đẹp mắt
Aug 9, 2014 4 nhận xét
Bài viết trước mình đã viết về cách đăng ký và upload template cho blogger/blogspot, một mẫu xanh tím khá đẹp mắt, xin cảm ơn các bạn đã đau mắt đọc bài viết Thiết kế blogspot như thế nào?. Vì vậy cố gắng viết tiếp bài viết này cho các bạn đau đầu luôn một thể, như đã nói ở bài viết trước "Còn chỉnh sửa mẫu vừa upload bạn xem vào bài sau nhé!Cảm ơn bạn đã đau mắt xem bài viết, hy vọng nó giúp ích cho bạn!", Hôn nay ta cùng nhau chỉnh sửa template xanh tím cho vừa ý của bạn nhé.
1. Đầu tiên là đăng nhập vào Blogger tại trang https://draft.blogger.com/home
2. Header: Cái này quá đơn giản, bạn chỉ cần vào bố cục template chỉnh sửa HTML/Javascript thêm hình ảnh hay flash cho phù hợp với bạn là xong.
3. Menu chính: cũng quá dễ, bạn chỉ cần vào mẫu / chỉnh sủa HTML tìm chỉnh sửa lại là xong.
4. Khung trượt ảnh bài viết (CammeraContents): vào mẫu / chỉnh sửa HTML gõ Ctrl + F tìm http://demonhac.blogspot.com và thay thế tên bolgspot của bạn là xong.
5. All Labels: Thêm HTML/Javascript coppy code sau vào:
<div style="overflow:auto;width:100%px;height:300px;padding:10px;border:1px solid #000000">
<span id="pbl_labels"></span>
<div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">
var jumlah_maksimum_post = 10;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>
<script src="http://anhngocchucam.pusku.com/JS/recent-post.js">
</script>
<script src="http://demonhac.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script></div>
Sửa lại các dòng chữ màu xanh cho phù hợp với bạn, cơ bản nhất là thay địa chỉ http://demonhac.blogspot.com bằng địa chỉ blogspot của bạn.
6. Khung admin:
- Hình ảnh: Vào mẫu / chỉnh sửa HTML gõ Ctrl + F tìm: http://anhngocchucam.pusku.com/user_images/37.jpg thay bằng link ảnh của bạn.
- Tìm các chữ như nhìn thấy ở demo thay vào cho phù hợp với bạn, vậy là xong.
7. Và cuối cùng là Foter: gõ Ctrl + F tìm các từ tương ứng trên demo của mình sửa lại theo y bạn vậy là xong.
Quá đơn giản để có một trang blog miễn phí phải không các bạn!
Hy vọng các bạn không đến mức quá đau mắt, đau đầu khi đọc bài viết của minh.
Chúc các bạn vui vẻ, hạnh phúc!
Bạn giúp mình chỉnh chiều cao của CameraSlider với mình muốn nó như height: 279px
ReplyDeletecủa trang http://demonhac.blogspot.com/
còn của mình thì height: 344px link blog http://blogger18k.blogspot.com/
Bạn tìm .camera_fakehover{height:100%;min-height:100px;position:relative;width:100%;z-index:1} sửa lại cho phù hợp theo ý mình
DeleteBạn hướng dẫn thêm mình làm banner nhé! Mong sớm được trả lời?
ReplyDeleteThanks!
Bạn muốn làm 1banner bạn có thể tham khảo tại http://havanduongchucam.blogspot.com/search/label/Software?max-results=10
Delete