WebThuThuat.net: Templates-Giao diện

Home » Templates-Giao diện

Share Data trang Download Game lớn nhất hiện nay

18:52 |

Blogspot ngày càng được nhiều bạn phát triển để xây dựng website cá nhân, mình nhận thấy rằng trên các nền tảng Blog bây giờ như wordpress, Blogspot.. thì nhiều người vẫn chú trọng xây dựng nội dung cho Blogspot hơn vì đây là đứa con của Google và đang dược hoàn thiện dần để Seo tốt nhất. Lướt qua các giao diện trang website thì mình thấy cộng đồng Blog đang hồi sinh trở lại...đây là điều đáng mừng.

Nói là vậy, nhưng như tiêu đề nội dung chủ yếu của bài viết này là mình muốn chia sẻ cho các bạn đã có Blogspot hay đang tìm hiểu việc xây dựng website đó là Share Data dữ liệu trang game onegameshow hoàn toàn Free.

Onegameshow là blogspot mình xây dựng dựa trên cơ sở tập hợp nội dung, tài liệu, data từ các trang Download Game khác nhau, có nội dung cập nhật; hiện nay mình đã xây dựng dữ liệu hơn 3000 tựa Game khác nhau hoàn toàn Download free, được chia thành các Laber rõ ràng như: Action, Sport, Acventure, Shoter, mini game.. đặc biệt kèm file crack, key cho những Game khủng hiện nay: Call of Duty, PES, FIFA...

Hình ảnh:

Share Data trang Download Game lớn nhất hiện nay, Share Data trang Download Game

Các bạn thực hiện Download Data dữ liệu về và Upload lên trang Blogspot của mình nhé.
Cụ thể để Upload bạn thực hiện như sau: Vào mục Cài đặt -> Vào Mục Khác -> Chọn Nhập Blog; sau đó bạn chỉ cần dẫn tới nơi lưu trữ file data nhấn chọn tệp tin xuất bản là xong.
Hướng dẫn:

Share Data , Data trang Download Game, Download Game

Giờ thì hãy xem Demo rồi Download Data ngay về sử dụng nhé.

DEMO

Link tải về máy Data Ongameshow Full Link:

Link Fshare / Link Upfile

Pass: webthuthuat.net
Bạn nào có thắc mắc cứ để lại Comment mình tiện hỗ trợ. Còn rất nhiều bài viết hay tại webthuthuat.net bạn hãy ghé qua cập nhật tin tức bổ ích nha.

Chúc bạn thành công. Nhớ nhấn like ủng hộ nhé.

Xem thêm…

Theme Wordpress Converted sang cho Blogspot đẹp nhất

01:25 |

Sau loạt bài viết chia sẻ các theme và thủ thuật đã được nhiều bạn cmt và hưởng ứng, hôm nay sau một thời gian lang thang trên mạng mình đã nhận thấy có một số theme Wordpress Converted sang cho Blogspot rất chuyên nghiệp. Định hướng nếu trang Blog của bạn phát triển cho trang công nghệ, tin tức thì quả là quá phù hợp.
Vấn đề này có lẽ sẽ được nhiều bạn ủng hộ do những theme sau đây đều có tính tươi mới, dễ dàng cho Seo và phù hợp với xu thế, môtip các trang công nghệ lớn hiện nay.
Hãy lần lượt điểm qua và lựa chọn nhé.
1. FreshLife Blogger Template

FreshLife Blogger Template, theme blogger, theme cong nghe

DEMO DOWDLOAD

2. Resizable Blogspot Template

Resizable Blogspot Template, Resizable Blogspot, Blogspot Template

DEMO DOWDLOAD

3. Daily v2.0 Blogger Template

Daily v2.0 Blogger Template, Daily v2.0 Blogger, Blogger Template

DEMO DOWDLOAD

4. BlackLight Blogger Template

BlackLight Blogger Template, BlackLight Blogger, Blogger Template

DEMO DOWDLOAD

Bạn đã chọn cho mình dược theme nào chưa? Hãy Load về và cài đặt nhé, bạn có thể xem hướng dẫn cụ thể Tại đây.

Chúc bạn thành công, hãy liên kết với trang mình để nhận thêm những thông tin hữu ích nhé.

Xem thêm…

Theme Blogger tuyệt nhất phù hợp trang công nghệ

01:26 |

Có rất nhiều bạn muốn lựa chọn cho mình một template thích hợp để làm giao diện trang web cá nhân thiên về công nghệ thông tin. Việc có một giao diện thích hợp sẽ thu hút người xem, đồng thời việc hiển thị bài đăng cũng tốt hơn.
Chắc hẳn bạn đã từng bắt gặp theme Resizable: Đây là một theme mà rất nhiều bạn sử dụng và được tạo ra cho nền tảng wordpress, rất may mắn sau thời gian tìm kiếm mình đã tìm được theme này đã phát triển cho Blogger, rất tuyệt...giờ cùng webthuthuat xem giao diện chính nhé:

Recommended Step , Template Settings, Search Engine Optimize

Thực sự để dùng cho một trang web thiên về công nghệ mình rất tâm đắc...Bạn hãy xem Demo và đảm bảo sẽ cùng suy nghĩ với mình.!!!

Bài đăng trang chủ

Hiển thị tại bài viết

All of the Blogger ,Themes provided ,by Bloggertheme9

DOWLOAD DEMO

Về cài đặt nếu có vướng mắc bạn có thể xem trực tiếp tại đây.

Hãy chia sẻ để bạn bè cùng biết nhé.

Xem thêm…

Tạo Banner di chuyển hai bên trong Blog/Web

03:17 |

Tại Label tiện ích Blog mình đã giới thiệu cho các bạn khá nhiều thủ thuật hay để có một Blog cá nhân hoàn thiện và tạo tiền đề phát triển thành web. Vì cũng trong khi giới thiệu mình nhận được một số thắc mắc, ý kiến của các bạn về việc chia sẻ code làm banner chạy dọc hai bên trong web của mình.

Tạo Banner di chuyển hai bên trong Blog/Web

Thực chất đây là một code được khá nhiều bạn sử dụng và tùy biến song với code banner này có hai ưu điểm mà mình đảm bảo nhiều bạn rất thích.

Banner quảng cáo hai bên tự động di chuyển lên xuống khi bạn lăn con trỏ chuột.
Ở màn hình giao diện bình thường banner sẽ xuất hiện, nhưng khi full màn hình và vượt quá kích thước ban đầu thì Banner sẽ ẩn đi. Việc này sẽ có lợi không làm khuất nội dung bài đăng, cản trở người xem.

Tạo Banner QUẢNG CÁO, hai bên trong Blog/Web

DEMO

Bây giờ thì bạn thực hiện nhé!!! Rất đơn gian thôi.
Bạn vào Bố cục-> Chọn thêm HTML/Javascript
Với đoạn code sau:

<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://blog.yume.vn/xem-blog/huong-dan-giao-dich-mua-nien-luan-khoa-luan-luan-van-bao-cao.chithanh888.35D14554.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA1V4f4gREIAG05VuPcfAZwMq882_NE1Qlpu58dDXIg10zrska4RmcDOI9LQ-1ee_QI9Hc_bZsKj4yXSanNyU2Gq5x_xnFCvXI4C2vwuTKiuMry2j0Ry84gTLXJ8-UGC5b_cB4yNVNVrE/s1600/right.png" width="125" /></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://blog.yume.vn/xem-blog/huong-dan-giao-dich-mua-nien-luan-khoa-luan-luan-van-bao-cao.chithanh888.35D14554.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqBcS9ZqahY9Zjex2Rs_mLBy79VWNJV_ya1PS8or0c_XFaE6r1yUW_asTlFexnt1Lq7Ze8NoYRTIa7unaBxl49mwV2kVKqeLD2dOAMepIRGsHqCuYT-MDqLjn32aYwH0b9GrnGkSZ6OW0/s1600/left.png" width="125" /></a>
</div>
<script>
function FloatTopDiv()
{
startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout("stayTopLeft()", 1);
}
ftlObj = ml("divAdRight");
//stayTopLeft();
ftlObj2 = m2("divAdLeft");
stayTopLeft();
}
function ShowAdDiv()
{
var objAdDivRight = document.getElementById("divAdRight");
var objAdDivLeft = document.getElementById("divAdLeft");
if (document.body.clientWidth < 1000)
{
objAdDivRight.style.display = "none";
objAdDivLeft.style.display = "none";
}
else
{
objAdDivRight.style.display = "block";
objAdDivLeft.style.display = "block";
FloatTopDiv();
}
}
</script>
<script>
document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust =5;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
</script>

Bạn thay Link màu đỏ bằng địa chỉ liên kết cần đến, màu xanh bằng link hình nhé.
Chúc thành công.
Nhấn like để chia sẻ với bạn bè nhé.

Xem thêm…

Hiển thị Fanpage của Facebook trước web/blog

23:50 |

Bạn chắc hẳn có rất nhiều bạn bè trên facebook và thường xuyên chia sẻ cảm xúc, cũng như nhưng bài viết của bạn lên wall để mọi người ghé qua biết bạn đang làm gì. Và đối với một web cá nhân thì việc được mọi người quan tâm và like nhiều có hiệu ứng rất tốt cho việc phát triển trang; đồng thời bài viết của bạn thông qua sự chia sẻ của mọi người cũng được nhiều người quan tâm .

Cách tốt nhất để tăng like và tạo sự chia sẻ bài viết nhanh nhất chính là tạo các fanpage facebook ngày giữa màn hình. Bài viết sau dựa trên hướng dẫn từ NamkhaBlog.
Các bạn có thể xem Demo

Demo for Post

Ảnh minh họa:

» Bắt đầu thủ thuật

1. Đăng nhập (login) vào tài khoản Blogger
2. Vào phần Template (Mẫu)
3. Chọn chỉnh sửa HTML (Edit HTML) >> Chọn Tiếp tục

4. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 110004;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv_FTX9xkTrfHxdB7O7M17ohkKLGh5plV0BQwnReMxj_2YLspE-pUWvLljsM0CfYvUxA8zI2yGNvFgWORwD6PwNZoO4RuIfg7kXmLXIH6D_BJho5G82wxs-wE3tqAo7F4Ez3seXfPzSEL6/s1600/fancybox-namkna-blogspot-com.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 110000;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 110001;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
border: 3px dashed #ccc;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv_FTX9xkTrfHxdB7O7M17ohkKLGh5plV0BQwnReMxj_2YLspE-pUWvLljsM0CfYvUxA8zI2yGNvFgWORwD6PwNZoO4RuIfg7kXmLXIH6D_BJho5G82wxs-wE3tqAo7F4Ez3seXfPzSEL6/s1600/fancybox-namkna-blogspot-com.png') -40px 0px;
cursor: pointer;
z-index: 110003;
display: none;
}

5. Chèn tiếp code bên dưới vào trước thẻ </head>

<script src="http://dl.dropbox.com/u/70549761/jQuery/namkna-blogspot-com/jquery.min.v1.4.1.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/70549761/File-phu/namkna-blogspot-com/launch.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/70549761/File-phu/namkna-blogspot-com/scs.js" type="text/javascript"></script>

<script type="text/javascript">/* <![CDATA[ */
var lb_l_ret = {"fb_id":"100419476795055","display_on_post":"1"," show_once":"15","delay":"4000","display_on_page": "","fancybox":"","display_on_homepage":"","faceboo kheader":"","gaevent":"","eam":"","display_on_arch ive":"","hideonlike":""}; /* ]]> */
</script>

- delay":"4000" chính là thời gian hiển thị Fanpage, đơn vị là giây, ở đây 4000 tương ứng là 4 giây.
- Bạn thay id 100419476795055 thành ID trang Fanpage của bạn
Nhấn like để chia sẻ nhé.

Xem thêm…

Templates Blogspot đẹp làm trang tin tức, công nghệ

19:48 |

Sau những bài viết chia sẻ templates đẹp được nhiều bạn hưởng ứng và Dowload về để làm giao diện cho trang cá nhân của mình. Hôm nay webthuthuat.net tiếp tục chia sẻ cho các bạn một theme hết sứ đẹp mắt về hình thức, có bố trí menu, tiêu đề gọn và nhìn rất mới mẻ...nói chung là phù hợp cho việc phát triển web cho các trang làm tin công nghệ, văn hóa hay tin tức.

Và đặc biệt là rất dễ dàng trong việc cài đặt, cũng như thay đổi thêm một số chức năng cơ bản.

Với trang chủ sống động: