template blogcepot

Trang Trí Tết cho Blogger

Không khí Tết Việt Nam đã bắt đầu trên các nơi trên mọi miền, thành phố, nông thôn, các nẻo đường, các bạn đang trang hoàng nhà cửa để đón năm mới? Blogger cũng cần được trang trí cho trọn niềm vui. Thủ thuật này được chế lại từ code của Duy Pham.

Thêm đoạn mã dưới đây vào sau thẻ <body> trong template của bạn.

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9enqvO7rmkgmAuwq1UZ97aOUsK6bQwz_1UgqFY_Ouh5eTdIfHIAAeaVWNLGYi0rUCLAwekf2OdNa_NE3nhg4SYH4kNI1PrZ0b81OqS960KTyA55bepifr69enj-w6bo21t6OLWqCTzA/s399/left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4vuUtxEd0v_XK73tiAaHgKcGI-R7OU2307XQqs6UOyzxurM6nisadop2nuQVonvDjh3m0yunAiFDNKPVY-7IDOXufAVOX9hOC6mPKqIh6iFlUjhNfJhdR6MsWvPgUxDagwXELrgxK8Ao1/s1600/right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKsWxWO47yFN5Dc9C_-DCZDDgR4TiYwbrB1w-B8a2i6z5F_cvwmF8uLd7Q7euLBkXG8MUB8JDfQBbi-Hzl2hYfvAZkU5Zb85q2WJ4mRrMizSqw-9L_IBHhOogHzHHhFr1eZgyP-1-q9ok/s600/bottom.png) repeat-x bottom left;"></div>><a href="http://bloggersviet.blogspot.com/2013/02/trang-tri-tet-cho-blogger.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:0px;left:46%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6wR2cPZKEIJE_yxeiEfzBpp7ifynIJlOEmL1rHG-O0BDWPZestlwdR6i9g0KuT7MoLR8zIVQHSWAujd_NVriXiL9cJXVCvms8vl4DetVocQNbERh909SDoOlEJ5G8dLSW27sM-eywwlU/s120/buttom-left.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><\/div>')}}
//]]>
</script>

Chúc các bạn một năm mới vui vẻ, 12 tháng sức khoẻ, 52 tuần thành công, 365 ngày hạnh phúc, 8.760 giờ tốt lành, 525.600 phút may mắn, 31.536.000 giây như ý…

Tin Tức - Responsive Magazine Blogger Template

Tin tức mới Templates Blogger template dành cho Blog tin tức, tạp chí.
100% Reponsive
Có sẵn vị trí cho quảng cáo
Không cần đụng tới code
Hỗ trợ bài mới, nhận xét mới, bài ngẫu nhiên.
Có 404
Điều chỉnh thumbnail tự động
Comment 2 cấp (Facebook - Blog), hỗ trợ mặt cườiTích hợp sẵn facebook comment để người dùng nào thích thì chuyển qua.
Tích hợp luôn code bài viết liên quan.
Tối ưu hóa SEO thân thiện với Google
Hỗ trợ 24/7

DEMO

TEMPLATES NÀY CÓ TÍNH PHÍ - GIÁ: 200.000VNĐ (10$)

LH: duy.oanh2408@gmail.com - ĐT:0988893903 Mr Giang

Dịch vụ Blogger - Templates

Nhận rip blogger theo yêu cầu Nhận thiết kế và RIP template/theme Blogger.
Theo giao diện có sẵn - Rip theo các trang web hiện có - Thiết kế mới hoàn toàn nhưng dựa trên cốt mẫu.
Nhận chuyển từ các giao diện Wordpress sang template Blogger.
Nhận tuỳ chỉnh template theo yêu cầu của các bạn như thêm tiện ích, tăng tốc độ, ...
Nhận rip template Mobile - Responsive Blogger Template.

Flat News - Easy News & Magazine Template

Flat News là template báo chí đầu tiên của Mr Tiến trên ThemeForest. Template này được tích hợp rất nhiều tính năng mà các bạn có thể tham khảo trong phần tóm tắt dưới đây:

DEMO & DOWNLOAD

100% Reponsive
Tự động nhận diện link mạng xã hội để hiển thị icon cho đúng
Có sẵn vị trí cho quảng cáo
Tạo menu 2 cấp bằng cách thêm / di chuyển widget, không cần đụng tới code
Xây dựng giao diện trên trang chủ cực kỳ linh hoạt theo ý của bạn bằng cách thêm / bớt / di chuyển widget. Không cần đụng tới code
Hỗ trợ các shortcodes như: bài mới, nhận xét mới, bài ngẫu nhiên.
Có 404
Điều chỉnh thumbnail tự động
Cho phép review bài viết (nhiều trang báo chí không thể làm được).
Hỗ trợ đổi ảnh nền, màu sắc, font chữ một cách tự do thông qua Advance Editor.
Admin Layout thân thiện. Sắp xếp ngăn nắp, liên tưởng cao, có màu sắc, có nhãn ghi chú.
Tài liệu hướng dẫn chi tiết (Bằng Tiếng Anh)
Comment 2 cấp, hỗ trợ mặt cười
Hỗ trợ người đọc chia sẻ bài qua email hoặc kèm link bài khi họ in ấn.
Cho phép người dụng tăng / giảm kích cỡ chữ bài đọc, và nó tự nhớ cho lần ghé thăm kế tiếp.
Tích hợp sẵn facebook comment để người dùng nào thích thì chuyển qua. Template tự ghi nhớ cho lần ghé thăm kế tiếp
Tích hợp luôn code bài viết liên quan.

Google chúc mừng Sinh Nhật độc đáo

Vừa mở Google đã thấy bác Google chúc mừng rồi, thật là ngạc nhiên khi Google quan tâm tới người dùng nhiều hơn.
Google luôn luôn quan tâm tới mọi người và Google biết bạn đang làm gì, ở đâu thường xuyên xem gì, độ tuổi...

Trao đổi chia sẻ Gu Gồ +1

Sự Ảnh hưởng của nút +1 (Google +1 Button) trong SEO là gì ?
Nút +1 giúp mọi người khám phá nội dung có liên quan—trang web, kết quả tìm kiếm của Google hoặc quảng cáo — từ những người họ đã biết và tin cậy. nút +1 xuất hiện trên tìm kiếm, trên các trang web và trên các quảng cáo của Google. Ví dụ: bạn có thể thấy nút +1 cho kết quả tìm kiếm của Google, quảng cáo của Google hoặc bên cạnh bài viết mà bạn đang đọc trên trang web tin tức ưa thích của mình.

Việc thêm nút +1 vào các trang trên trang web của chính bạn cho phép người dùng đề xuất nội dung của bạn, biết rằng bạn bè và các liên hệ của họ sẽ nhìn thấy đề xuất của họ khi đề xuất đó có liên quan nhất—trong ngữ cảnh của kết quả tìm kiếm của Google.

Khi bạn thêm nút +1 vào một trang, Google giả định rằng bạn muốn trang đó được cung cấp công khai và hiển thị trong các kết quả Tìm kiếm của Google. Kết quả là chúng tôi có thể tìm nạp và hiển thị trang đó ngay cả khi trang không được phép trong robots.txt.

Chú thích được cá nhân hóa bên cạnh trang của bạn trong kết quả tìm kiếm có thể làm tăng mức độ hiển thị của trang web và làm cho đoạn trích của trang web hấp dẫn hơn, nhờ đó có thể làm tăng tỷ lệ người dùng sẽ nhấp qua trang của bạn.

Chèn tiện ích Google +1 Button vào Blog

Có nhiều kích thước và kiểu dáng để bạn nhúng nút này vào Website để phù hợp tương ứng với 40 ngôn ngữ. Bạn có thể chỉnh sửa nút này bằng cách sử dụng các hàm API thông qua trang web này : https://developers.google.com/+/web/+1button/

Hãy cùng Trao đôi +1 nhé các bạn. sâu khi +1 các bạn Comments để lại link Blog/web để anh em cùng Like nhé. Link Comments dạng: <a href='URLblog.com'>Tittle</a>

Blogger Việt :

Tin tức Mới :

DVA :

Công ty in :

Hài Giải trí :

Cách tạo Responsive cho Blogger

Thiết kế web đáp ứng ( RWD ) là một thiết kế web tiếp cận nhằm mục đích việc tạo các trang web để cung cấp một hình ảnh tối ưu cho người đọc dễ dàng và điều hướng với tối thiểu thay đổi kích thước, di chuyển màn hình, và di chuyển qua một loạt các thiết bị (từ màn hình máy tính để bàn đến điện thoại di động điện thoại).

Công nghệ 3G, 4G, Wifi hiện nay rất phổ biến và người sủ dụng các thiết bị cao cấp như iPad, iPhone, các thiết bị Smartphone Android để lướt web rất nhiều.

Thêm thẻ meta vào <head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Chúng ta phải hiểu về một chút CSS trong Templates Blogger. tùy thuộc vào cấu trúc Bloggger của bạn. sử dụng như hình minh họa.

Code này chèn trước thẻ ]]></b:skin>

/* Màn hình PC
----------------------------------------------- */
@media only screen and (max-width:1024px){
#header-wrapper,#menu,#content-wrapper,#footer-wrapper{padding:0 0;width:990px}}

/* Màn hình iPad
----------------------------------------------- */
@media only screen and (min-width:768px) and (max-width:989px){
#outer-wrapper, #header-wrapper,#naviga,#content-wrapper,#footer-wrapper{width:100%}
#main-wrapper{width:60%}
#sidebar-wrapper{width:40%}
.post{padding:10px}
#headtitle{width:260px}
#headtitle {display: block;float: left;margin: 15px auto;text-align: center;}}

/* Màn hình iPhone Androi
----------------------------------------------- */
@media only screen and (max-width:767px){
#header-wrapper, #outer-wrapper, #main-wrapper, #content-wrapper, #footer-wrapper {
width: 100%;}
#sidebar-wrapper{width:100%;padding: 10px 0 0;}
#headads{display:none}
#headtitle {display: inline-block;float: none;margin: 5px 0;text-align: center;width: 100%;}}

/* Màn hình Smartphone
----------------------------------------------- */
@media only screen and (max-width:479px){
#outer-wrapper, #header-wrapper,#naviga,#content-wrapper,#footer-wrapper{width:100%}
.post{padding: 5px;}
a.Thumbnail {height: 69px;width: 69px;}
.PopularPosts img {height: 39px;padding: 1px;width: 39px;}
}

Test Responsive ở đây: http://responsivetest.net/

Thay thế các thuộc tính css #outer-wrapper, #header-wrapper,#naviga,#content-wrapper,#footer-wrapper trong templates của bạn ( có nhiều người viết khác nhau ) bạn kiểm tra cấu trúc Templates của bạn xem và làm theo cho phù hợp.

Mọi thắc mặc vui lòng để lại Cmt và ĐC web.