Showing posts with label Blogspot-tips. Show all posts
Showing posts with label Blogspot-tips. Show all posts

Wednesday, June 27, 2012

Tạo nút theo dõi Twitter kiểu chim bay






Trong một lần lướt web và nghiên cứu về Twitter, tôi phát hiện một tiện ích gọi là TripleFlap với chức năng tạo biểu tượng con chim Twitter đang bay trong trang web, mà khi bạn di chuyển con trỏ chuột lên con chim thì xuất hiện liên kết Theo dõi bạn trên Twitter và cả trang “Retweet”.

Xem demo.

Thật thú vị là tiện ích này có thể ứng dụng cho Blogger và bạn có thể hiển thị nó trong các trang bài viết.

Để làm được điều này, bạn thực hiện theo các bước sau đây:

Vào Design >> Edit HTML chọn Expand Widget Templates.

Dùng tổ hợp phím Ctrl + F tìm dòng mã <div class='post-body'> và chèn sau nó với dòng mã bên dưới (chú ý chèn sau dòng <div class='post-body'>, với một số Template là dòng <div class='post-body entry-content'>).


<b:if cond='data:blog.pageType == "item"'><script src='http://hacodeproject.googlecode.com/files/tripleflap.js' type='text/javascript'></script>
<script type='text/javascript'>
var birdSprite="http://hacodeproject.googlecode.com/files/birdspritealpha.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/huynhatha"; //Thay tên user trên Twitter của bạn
var tweetThisText = "Huynhatha: <data:post.url/>";
tripleflapInit();
</script>
</b:if>

Bạn có thể tải về file tripleflap.js để upload lên host và sử dụng cho blog của bạn; nhớ thay tên username trên Twitter nữa nhé.

Hy vọng thủ thuật này có ích đối với Blog của bạn.
Posted in: ,,,,,,
Posted by at No comments:
Labels: , , , , , ,

Tuesday, June 26, 2012

"Thủ thuật mở nhiều cửa sổ popup khi click chuột vào vị trí bất kì trên web/blog"



Traidatmui.com – Thời gian trước đây có nhiều bạn hỏi về vấn đề làm sao để có thể mở ra nhiều cửa sổ hay tab khi click chuột vào vị trí bất kỳ trên blog. Nếu bạn đã từng lướt qua các trang phim thì sẽ thấy được điều này, tức là khi bạn truy cập vào website thì chỉ 1 trang duy nhất nhưng khi bạn thao tác bằng cách click chuột thì các cửa sổ khác sẽ tự động xuất hiện. Và hôm nay mình xin chia sẻ các bạn các đoạn javascript để thực hiện việc này, điều này có thể giúp bạn quảng bá được các trang blog phụ hoặc nhận quảng cáo từ các trang web/blog khác.

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

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Bạn tìm đến thẻ <body> và thay nó thành 1 trong 2 đoạn Script sau

A. Javascript xuất hiện nhiều tab mỗi khi click chuột
<body onclick='open_popup()'>

<script type='text/javascript'>
/* <![CDATA[ */
function open_popup() {
window.open("http://www.traidatmui.com")
window.open("http://luxmagazinetemplate.blogspot.com/")
window.open("http://grmovietemplate.blogspot.com/")
}
/* ]]> */
</script>

Ở trên mình mặc định là 3 trang sẽ được mở ra khi click chuột, bạn hoàn toàn có thể thêm nhiều hơn bằng cách thêm window.open("địa chỉ web/blog").

B. Javascript xuất hiện popup khi click chuột lần đầu tiên (theo sinhvienit.net)
<body onclick="vtlai_popup();">

<script language="javascript">
/* <![CDATA[ */
var sinhvienit=0;
function SVIT_ADS_GetCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
return ""
}

function SVIT_ADS_SetCookie(name, value, days){
if (typeof days!="undefined"){
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
}
else document.cookie = name+"="+decodeURIComponent(value);
}

function vtlai_popup()
{
var cookie_popup_ads = SVIT_ADS_GetCookie('sinhvienit_popup_ads');
if (cookie_popup_ads=='') {
if(sinhvienit==0)
{
sinhvienit=1;
var Time_expires = 24 * 3600 * 1000;
SVIT_ADS_SetCookie('sinhvienit_popup_ads','true',Time_expires);
var urllist = ['http://luxmagazinetemplate.blogspot.com','http://grmovietemplate.blogspot.com','http://www.traidatmui.com'];
var url = urllist[Math.floor(Math.random() * urllist.length)];
var params = 'width=' + '300';
params += ', height=' + '300';
params += ', top=0,left=0,scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';
var pop_ads_open = window.open(url, 'sinhvienit_ads_pop', params);
}
}
}
/* ]]> */
</script>

Đối với đoạn script này thì cửa sổ Popup chỉ mở ra khi bạn click chuột lần đầu tiên khi truy cập một blog, các thao tác click về sau cửa sổ popup sẽ khi còn xuất hiện như script đầu tiên, script đầu tiên chỉ cần bạn click là nó xuất hiện tab mới tần suất xuất hiện cao hơn script này. Hơn nữa script này sẽ lấy ngẫu nhiên trang web/blog trong urllist để xuất hiện.

5. Cuối cùng save template lại là xong

Chúc bạn thành công
Posted by at No comments:
Labels: ,

TẠO NÚT "BACK TO TOP" CHO BLOGGER



Để tạo điều kiện thuận lợi cho khách tham quan khi đọc xong bài có thể quay về đầu trang nhanh chóng, bạn phải tạo cho Blog một nút bấm phía dưới cuối trang, khi bấm vào nút này lập tức sẽ đưa khách "về đầu trang".
Đầu tiên, bạn đăng nhập vào blog, chọn Thiết kế > Thêm tiện ích > Thêm HTML/Javacript rồi dán tòan bộ code dưới đây vào ô trống phía dưới, sau cùng bấm Lưu
<a  
style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"  
title="Back to Top"><img  
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBfqCj4qnvCAo9cBqGnRPEBm8JGp19DuOjD5V8goKc-yscetiutGZJ3Uh7uBNFuX5JZx6H3JD6y5DLumgqwrkJw4cbgXJk0dy8lrxrBJehfm_E4Zotgoai0Wu2LKPlwivymWjX3DGdnkxb/s1600/vers-haut-icone-7320-48.png"
  /></a>
Bạn có thể thay đổi hàng chữ "Back to Top" thành hàng chữ nào mình thích (thí dụ: về đầu trang, lên trên...), nếu không thích hình mũi tên này, bạn cũng có thể thay đổi đường link "http:....png" bằng đường link hình của mình. (bạn VÀO ĐÂY để kiếm thêm một số hình mũi tên, thích cái nào thì tải về upload lên, rồi lấy link hình thay vào)
Posted by at 1 comment:
Labels: ,

Sunday, June 24, 2012

Template Namkna Happy New Year - Update ves 2



Mẫu template 3 cột  này chắc chắn nhiều bạn còn nhớ namkna đã từng giới thiệu. Hôm nay namkna sẽ Upload ves 2 cập nhật các lỗi mà ves1 gặp phải. Ves2 này nhìn cũng thân thiện và lòad nhanh hơn so với ves1 trước đâyMột vài tính năng mới:
- Tiện ích bài viết phổ biến (popular post) với các số đếm và màu nền khác nhau giữa các bài.
- Kết hợp thêm một dropmenu dạng cột trên đầu blog.
- Footer dạng 2 cột
- Tiện ích auto readmore ở trang chủ và trang nhãn (lấy ảnh từ anbum picical của google)
- Thêm một bảng điều khiển bên tay phải, giúp độc giả dễ dàng trong việc tham quan blog của bạn hơn.
- Header dduwwocj chia làm 2 phần giúp bạn có thể đặt quảng cáo hoặc làm gì tùy thích tên header.
- Và nhiều tnhs năng sẽ được cập nhật trong ves3.


Các bạn có thể bấm vào linh bên dưới để xem Demo

Yêu cầu: Giữ nguyên thông tin tác giả ở chân blog và trong template, các chỉnh sửa không giữ thông tin tác giả sẽ không nhận được trợ giúp khắc phục và bản cập nhật mới sẽ ban địa chỉ blog đó :P
Chúc các bạn vui vr?
Chủ đề:

Posted by at No comments:
Labels: ,

Recent post width thumbnail 3 cột cho blogspot.



Tiện ích Recent post dạng 3 cột cho blogspot.
Hôm nay namkna sẽ giới thiệu thêm cho các bạn một tiện ích recent post mới, tiện ích này trước đây được news.zing.vn sử dụng và cũng từng được fandung giới thiệu rồi, tuy nhiên hiện nay đã thất lạc do vậy namkan sẽ giới thiệu lại tiện ích này cho các bạn có nhu cầu.
Đặc điểm của tiện ích này là có 3 côt các bạn có thể xem demo hoặc hình ảnh bên dưới:


Ảnh minh họa:
Hiển thị bài viết ngoài trang chủ giống trang news.zing.vn
☼ Các bước thực hiện thủ thuật :
1. Vào bố cục
2. Vào chỉnh sửa code HTML

3. Chèn đoạn code CSS bên dưới vào trước thẻ đóng </head> (hoặc có thể chèn thẳng vào widget HTML/javascript chung với code chính của thủ thuật) 
<style type="text/css">
*
{ padding: 0;
margin: 0;
font-family: Arial;
font-size: 12px;
}

#index_news
{
width: 525px;
margin: 5px;
}

#main_content
{
width: 525px;
float: left;
overflow: hidden;
}

#main_content .top_news
{
width: 525px;
margin-bottom: 10px;
}
#main_content .top1_news
{
width: 234px;
float: left;
margin-top: 8px;
}
#main_content .top1_news .top1_news_image img
{
border: 1px solid #CCC;
padding: 1px;
width:230px;
height:165px;
}
#main_content .top1_news .top1_news_title
{
padding: 8px 0;
text-align: justify;
}
#main_content .top1_news .top1_news_title a
{
font-size: 16px;
color: #002392;
text-decoration: none;
}
#main_content .top1_news .top1_news_title a:hover
{
text-decoration: underline;
}
#main_content .top1_news p
{
text-align: justify;
}
#main_content .top1_news p a
{
padding-left: 4px;
}
#main_content .top1_news p img, #main_content .top2_news img
{
vertical-align: bottom;
}
#main_content .top2_news
{
width: 95px;
float: left;
margin-left: 8px;
margin-top: 14px;
padding-right: 6px;
}
#main_content .top2_news .top2_news_image
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRGYiC1W0JfAHkoke3Bd3W-wBVyKWQx9ug2eiUrZ-wkGE2cSFCONrCDoGdsW_PK_gI2rET_JnJOHtTBeTpnolw7G3OX23V2hxugQaqY5ccnjHp8TtQlYg7axIfJlFM3toreyxdmaXV41sF/s1600/main-content-namkna-blogspot-com.gif) no-repeat;
width: 90px;
height: 65px;
padding: 4px;
}
.top2_news_image img {
width:90px;
height:65px
}


#main_content .top2_news h2
{
padding-top: 2px;
}
#main_content .top2_news h2 a
{
color: #002dbe;
text-decoration: none;
}
#main_content .top2_news h2 a:hover
{
text-decoration: underline;
}
#main_content .top2_news .dot3x1
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-qdAjcmc427aQxbxXdes1W2O17ItAIhs7fA90BEiZLbCIwZLtw9750J6dDuYq6xdCcqs3g4CXN5WVSTucG1ok3lIep1QfH4LJBQ39vj2MZ_5ppWVN3-TbjPaqpYzEaI3Mwo7b9IrUPN6D/h120/main-content-2-namkna-blogspot-com.gif) repeat-x center

center;
margin: 10px 0;
height: 1px;
font-size: 1px;
}
#main_content .topo_news
{
width: 174px;
float: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ZPYG5nGtdf2C2v_gnP-I7-_fpbQChlYVb7ueHIzBJUgKXR16X5wV13LmzRNUgOpS_PJVh0hfjpQZRKrsEcdZbPDACEIGAHsWnKFkrRV8K6AWAlrin6dpjeE_lCuUUf87oJRN9gq0Peep/s1600/main-content-3-namkna-blogspot-com.gif) no-repeat;
padding: 5px 1px 0 1px;

}
#main_content .topo_news .topo_news_title
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBHuwqTo_F4G3aZGQjFpC2WENFf7cifxvBbVlqXfxHwdh_rgX1l7R8jjwyJ9Ldj1Yo1jumJvg4IOl43_tbntyFzToa692cJ7yonAySB-H33VRr7JXQlYZlPQVoxv5-l-iYV5-dtfz7Lgxr/h120/main-content-4-namkna-blogspot-com.gif) no-repeat;
width: 160px;
height: 22px;
color: #FFF;
padding: 4px 0 0 14px;
font-weight: bold;
font-size: 11px;
}
#main_content .topo_news ul li
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim4TVmpVyv-pIegI-Nxse5yg-PS5Mc04eht-sPsguiG6-TtIsxlkIkGjpR6r69-5KnWEAGBTDj4swxPF9OlLaYMyQP5hNKja2cWpuxPxdlGgtkw6Ug2-JqcaCna09qJxqwuYaSZPBhNiUI/h120/main-content-5-namkna-blogspot-com.gif) no-repeat 8px 10px;
padding: 2px 2px 2px 20px;
list-style: none;
}
#main_content .topo_news ul li a
{
color: #002392;
font-weight: bold;
font-size: 11px;
line-height: 1.5em;
text-decoration:none;
}
#main_content .topo_news ul li a:hover {text-decoration: underline;}
</style>
Trong đó:
  • Code màu cam : là độ rộng của ảnh lớn nhất
  • Code màu đỏ : là độ rộng của 2 ảnh nhỏ hơn
  • Code màu xanh : là độ rộng của các cột của tiện ích (gồm 3 cột : top1_news, top2_news, topo_news)
- Xem hình minh họa bên dưới :
Tiện ích Recent post dạng 3 cột cho blogspot.
- Lưu ý : thay đổi lại độ rộng của các cột để hiển thị tốt nhất trên blog của mình (kể cả các ảnh nền). Code trên chỉ là code mẫu để các bạn tham khảo. Ở code mẫu này mình cũng đã resize lại tương đối phù hợp rồi (độ rộng 525px;)

4-  Bấm Lưu Mẫu  (save template) lại. 

5. Tạo widget HTML/javascript và dán code bên dưới vào :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixfC0TS4l9y9_LU8yGqzBI6zssZtUITEC3qrkD7qjwU3sT7qZFHlyrxFhbuzREKqxX_5A4XFdXYr6mEAXeBO6ce_mePRjjJmghFkyezuICYK-aVRrVkEULvAM9qN20E4mO_X7PHkOSRdFn/s1600/nothumbnail-namkna-blogspot-com.gif";
imgnew = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvxmsTYKX-dwJ1mubzpT5TKWbUa7ANHnH3nCRZwNdTFQLiMN032nV29gwXEdaRb-kmWz7rEx2mvoKY6zm4XO4t0DKkBMLYqRU8OkJOJuI4ZFajptyha3i8qkGOym774MWs-IF8nJ98WeRf/h120/new-post-namkna-blogspot-com.gif";

showRandomImg = true;

aBold = false;
summaryPost = 147; // Phần summary post sẽ hiển thị
numposts = 12; // số bài viết sẽ hiển thị
topoTitle = "Bài viết khác";
label = "Blogspot-tips"; // Nhãn cần hiển thị bài viết (nếu muốn hiển thị bài viết của cả blog thì không cần quan tâm dòng này)
home_page = "http://namkna.blogspot.com/"; //thay đổi thành địa chỉ URL blog của bạn

</script>
<script src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/z-recent-label.js" type="text/javascript"></script>
- 2 dòng code màu xanh bạn có thể thay đổi tùy thích (xem hình minh họa bên dưới)
Tiện ích Recent post dạng 3 cột cho blogspot.
☼ Để hiển thị các bài viết mới cho cả blog thì các bạn thay code bên dưới:
<script src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/z-recent-label.js" type="text/javascript"></script>
- Thành:
<script src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/z-recent-post.js" type="text/javascript"></script>

6-  Bấm Lưu   (save Widget) lại. 

- Lưu ý: Để tiện ích có thể hoantj động tốt và load nhanh các bạn nên download các file Js bên trên về sau đó Upload lên host riêng để dùng phòng khi host của namkna bị die. Nếu chưa có host riêng bạn có thể tham khảo 2 host miễn phí sau: google code và dropbox.
Chúc các bạn thành công.
Tham khảo: fandung
Chủ đề:

Posted by at 1 comment:
Labels: , ,

Nút Share trượt hình quả trứng cho blogspot



Nút Share trượt hình quả trứng cho blogspot
Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một nút chia sẻ hình quả trứng cho blog. Tiện ích này đực namkna giới thiệu theo yêu cầu của bạn Mrdix89. Đặc điểm của tiện ích là ban đầu khi chưa rê chuột vào thì các nút share có hình quả trứng, sau khi rê chuột vào thì quả trứng tách đôi ra và hiện nên các nút share để bạn có thể tùy chọn.
Các bạn có thể xem Demo để thấy rõ hơn.

☼ Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào thiết kế (Mẫu)
   3- Chọn Chỉnh sửa HTML

   4- Dán đoạn code sau vào trước thẻ đóng </head>. 
<!-- Start Heart Bookmarking Gadget Code From http://namkna.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://namkna.blogspot.com/ -->
   4- Dán đoạn code sau vào trước thẻ đóng </body>.
<!-- Start Heart Share Code From http://namkna.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>
<a href="http://namkna.blogspot.com/2012/05/nut-share-truot-hinh-qua-trung-cho.html">Blogger Gadgets</a>
<!-- End Heart Share Code From http://namkna.blogspot.com/ -->
Trong đó:
  • bottom: 2% là vị trí của tiện ích so với chân blog.
  • left: 2% là vị trí của tiện ích so với cột tay phải.
  5-  Bấm Lưu   (save Widget) lại.

Chúc thành công! 
(spiceupyourblog.)
Chủ đề:

Posted by at No comments:
Labels: , ,

Web Hosting là gì ? Các loại hosting



Web Hosting là gì ? Các loại hosting

Web hosting

Web hosting là một lọai hình lưu trữ trên Internet cho phép các cá nhân, tổ chức truy cập được webiste của họ thông qua World Wide Web. Web hosting được cung cấp bởi các công ty gọi là Hosting Provider. Họ cung cấp các không gian khác nhau trên cùng một máy chủ cho các cá nhân, tổ chức có nhu cầu lưu trữ

Shared hosting

Là một dịch vụ lưu trữ rất nhiều các trang web trên một máy chủ kết nối Internet. Mỗi trang web có phân vùng riêng của mình. Dịch vụ này là một lựa kinh tế cho nhiều người chia sẻ tổng chi phí bảo trì thuê máy chủ.
Web Hosting là gì ? Các loại hosting

Free web hosting

Free web hosting là một dịch vụ lưu trữ miễn phí, thường được quảng cáo hỗ trợ. Free web hosting service thường sẽ cung cấp một tên miền phụ (yoursite. matbao.net) hoặc một thư mục (www.matbao.net/ ~ Yourname). Ngược lại, dịch vụ thu phí thường sẽ cung cấp một tên miền cấp thứ hai cùng với các máy chủ (www.matbao.vn). Nhiều máy chủ miễn phí không cho phép sử dụng tên miền riêng.

Reseller hosting

Reseller hosting là một hình thức lưu trữ của máy chủ web mà chủ sở hữu tài khoản có khả năng sử dụng tài khỏan của mình để phân bổ lại ổ cứng lưu trữ và băng thông để lưu trữ các trang web thay mặt cho bên thứ ba. Các đại lý mua một phần không gian trên máy chủ sau đó họ bán cho khách hàng thu lợi nhuận.

Email hosting

Email hosting là một dịch vụ thư điện tử đặc biệt khác với các dịch vụ email miễn phí hỗ trợ email hay webmail miễn phí. Doanh nghiệp thường chạy các dịch vụ lưu trữ thư điện tử riêng (Email hosting) theo tên miền của họ để tăng uy tín và chứng thực các thông điệp mà họ gửi đi. Email hosting cho phép tùy chỉnh cấu hình và số lượng lớn các tài khoản.

Video hosting

Video hosting là dịch vụ lưu trữ cho phép các cá nhân để tải lên các video clip vào một trang web. Video máy chủ sau đó sẽ lưu trữ video trên máy chủ cho phép những người khác để xem đoạn video này. Các trang web, chủ yếu được sử dụng như là trang web lưu trữ video, thường được gọi là trang web chia sẻ video.

Image hosting

Image hosting là dịch vụ cho phép các cá nhân tải lên các hình ảnh đến một trang web. Các hình ảnh được lưu trữ lên máy chủ, và hiển thị thông tin cho phép những người khác xem các hình ảnh đó.

File hosting

File hosting là dịch vụ lưu trữ tập tin trực tuyến, File hosting là dịch vụ lưu trữ được thiết kế đặc biệt để lưu trữ các nội dung tĩnh, điển hình là các tập tin lớn mà không phải là các trang web. Thông thường họ cho phép truy cập qua giao thức FPT được tối ưu hóa phục vụ cho nhiều người sử dụng.

Windows hosting

Windows hosting à một dịch vụ lưu trữ rất nhiều các trang web trên một máy chủ chạy hệ điều hành Windows Sever kết nối Internet. Mỗi trang web có phân vùng riêng của mình thường sử dụng các phần mền chia hosting như Hosting Controller, Plesk. Các ứng dụng hỗ trở trên máy chủ Windows:
- ASP 3.0/ASP.NET 1.1/2.x/3.x
- PHP & MySQL for Windows Server
- MS Access/MS SQL Server 2000/2005/2008
- ASP Email, ASP Upload, ASP Jpg, JMail
- POP3/SMTP/Webmail
- FTP, HTTP File Manager
- Microsoft FrontPage 2000 Server Extentions
- CGI Scripting In Perl & C

Linux hosting

Linux hosting là một dịch vụ lưu trữ rất nhiều các trang web trên một máy chủ chạy hệ điều hành Linux kết nối Internet. Mỗi trang web có phân vùng riêng của mình thường sử dụng các phần mền chia hosting như Cpanel, Direct Admin . Các ứng dụng hỗ trở trên máy chủ Linux
- PHP, Perl, Python
- MySQL
- SSH Access
- Protected Directories
- POP3/SMTP/IMAP/Webmail
- FTP, HTTP File Manager
- FrontPage Extensions
- CGI-Bin

VPS Hosting

Một máy chủ riêng ảo tiếng anh Virtual Private Server hay VPS là một phương pháp phân vùng một máy chủ vật lý thành máy tính nhiều máy chủ ảo, mỗi máy chủ đã có khả năng của riêng của mình chạy trên máy tính dành riêng. Mỗi máy chủ ảo riêng của nó có thể chạy full-fledged hệ điều hành, và mỗi máy chủ độc lập có thể được khởi động lại.

Dedicated Server

Máy chủ Web hosting là bất kỳ sự kết hợp của các phần cứng hay phần mềm thiết kế để cung cấp các dịch vụ cho khách hàng hoặc dùng lưu trữ hay chia sẽ thônng tin. Ví vụ như máy chủ web hosting cung cấp không gian lưu trữ cho nhiều khách hàng khác nhau. Một số hệ điều hành phổ biến cho các máy chủ - chẳng hạn như kiểu Windows, FreeBSD, Solaris, và Linux - được bắt nguồn từ hoặc có tương tự như UNIX.

Adult Hosting

Adult hosting là một lọai hình lưu trữ trên Internet cho phép các cá nhân, tổ chức lưu trữ các website có nội dung người lớn. Hiện tại luật pháp Việt nam nghiêm cấp các hành vi lưu trữ này.

Chủ đề:

Posted by at No comments:
Labels: ,

Six million namkna fast free template



Cái tên nói lên tất cả, với những bạn tham gia namkna từ lâu thì sẽ hiểu nhưng với những bạn mới chắc chắn sẽ không hiểu cái tên này có ý nghĩa gì, Six million namkna free template namkna dịch nôm na là "Template kỷ niệm mốc 6 triệu độc giả". Namkna sẽ hi vọng đây là một hoạt động thường niên của namkna.

Template Six million namkna fast free template này có những gì mới.

1. Không sử dụng bất kỳ một file javascrip nào (trừ tiện ích phân trang) do vậy bạn có thể kiểm tra tốc độ load của blog là rất nhanh.
2. Kết hợp 1 menu bằng CSS 3 mà namkna đã từng giới thiệu hoạt động Ok trên IE. Menu xổ dọc được rất nhiều cấp.
3. Phân trang đẹp của abufan
4. Chèn ảnh video vào commnet.
5. Sử dụng mẫu Treatred Comment của blogspot đã được đổi mới giao diện cho bắt mắt hơn. 
6. Footer gồm 3 cột.
7. Áp dụng kiểu Seo mới cho phần header.


Lưu ý:
1. Đối với các bạn nào sử dụng Template này vui lòng giữ lại liên kết tác giả phần chân trang và phần trong template. Các phần còn lại các bạn có thể tùy ý sử dụng. Với các bạn nào xóa bỏ liên kết namkna sẽ không giải đáp các thắc mắc của các bạn.
2.Mọi thắc mắc liên quan đến quá trình cài đặt và sử dụng template vui lòng comment tại bài viết này, namkna sẽ giải đáp cho các bạn.
Chúc các bạn vui vẻ.
Chủ đề:

Posted by at No comments:
Labels: ,

Tạo bộ Tag, Keywork cho bài viết trong blogspot



Meta tag là tập hợp các từ khóa liên quan đến các chủ đè, bài viết của bạn. Các thẻ này giúp góp phần tăng traffic, giúp cho dộc giả tìm một bài viết mà họ quan tâm, thông qua bất kỳ một bài viết nào đó ngay trên blog của bạn. Một thủ thuật mà mình thấy khá hay trên blog Fandung, đó là tạo bộ từ khóa tự động cho bài viết trên blog của bạn. Hôm nay mình xin chia sẻ cho các bạn thực hiện lại thủ thuật này, nó có đôi chút khác biệt.
☼ Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào thiết kế (Mẫu)
   3- Chọn Chỉnh sửa HTML
   4- Dán đoạn code sau vào trước thẻ đóng ]]></b:skin>.
.keywords {
width:520px; /*độ rộng của phần hiển thị từ khóa*/
float:left;
margin:0px 0px 5px 0px;
border-bottom: 1px #fff dashed;
font-size:12px; /*cở chữ*/
font-family:arial; /*font text*/
color: #fff; /*màu chữ*/
padding:1px;
}
.keywords a{
color: #8ebfbb; /*màu của các từ khóa*/}
.keywords a:hover{
color: #ccc;}
   5- Dán đoạn code sau vào trước thẻ đóng </head>.
<script src="http://dl.dropbox.com/u/70549761/File-phu/namkna-blogspot-com/keyword.js" type="text/javascript"/>
   6- Tìm đoạn code sau: 
<data:post.body/>
- Thay thế nó bằng đoạn code sau:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'>
<data:post.body/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//Phần thiết lập từ khóa
var keyword_collect = [
"Thủ thuật blog", "phim", "âm nhạc", "Ảnh", "audio",  
]</script>
<div class='keywords'>
<script type="text/javascript">
home_page2 = "http://namkna.blogspot.com/"; //thay thành địa chỉ blog của bạn
keyword_text = "<b>Tags:</b> ";
window.onLoad = makeKeywordForPost("post_body");</script> </div>
</b:if>
- Thay phàn màu đỏ thành các từ khóa của bạn, lưu ý các từ khóa phải nằm trong dấu ngoặc kép và cách nhau bởi dấu phẩy. Bạn có thể thêm bao nhiêu từ khóa tùy ý.
   5-  Bấm Lưu   (save Widget) lại.
Chúc thành công!
Tham khảo: Fandung

Chủ đề:

Posted by at No comments:
Labels: , , , ,

Bài viết ngẫu nhiên có ảnh thmbnail cho blogspot



Bài viết ngẫu nhiên có ảnh thmbnail cho blogspot - Random post with thumbnail

Random post with thumbnail

Style này mình đã thấy bên muthuthuat lâu rồi nhưng từ khi mothuthuat ngừng hoạt động thì style này cũng thất truyền luôn.
Thủ thuật này được phát triển bởi fandung nhìn khá đẹp mắt, để thủ thuật này tiếp tục đến với mọi người hôm nay namkna sẽ giới thiệu lại thủ thuật này cho mọi người.
Các bạn có thể xem Demo để thấy rõ hơn.


Ảnh minh họa:
Bài viết ngẫu nhiên có ảnh thmbnail cho blogspot - Random post with thumbnail
☼ Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào Phần tử trang (Bố Cục)
   3- Chọn Thêm Tiện ích
   4- Tạo 1 widet HTML/Javarscip và dán đoạn code sau vào:
<style type="text/css">
* {margin:0;padding:0;}
#random-posts {
width:300px;
}
#random-posts h3 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZ97NZMXQZT3m4p9cCKpsz7ds7BnyZNEYo84qsjqC3WRGTEK4RPf5AnyBWGYSMQCYS_AHGzr5v0FZPuejzWeIl7EFpIajpkKpuoy91Jyh9TZ7hNJVD6r8bOHC5zrEWQWm5vRaaQG-2CXq/h120/img-bg-rd1-namkna-blogspot-com.png) no-repeat top left; 
padding:3px 5px 14px 5px;
font-size:13px;
color:#fff;
}
img#rd-thumb {
float:left;
width: 40px; 
height:40px; 
margin-right:5px; 
border:1px solid #ccc;
padding:2px;
}

img#rd-thumb0 {
float:left;
width: 80px; 
height:80px; 
margin-right:5px; 
border:1px solid #ccc;
padding:2px;
}

ul, li {list-style:none;}
#random-posts li {
height:50px !important;
padding:5px 3px 0 5px;

}
li#li-rd a, li#li-rd-chan a, li#li-rd-le a {text-decoration:none;}
li#li-rd a:hover, li#li-rd-chan a:hover, li#li-rd-le a:hover {text-decoration:underline;}
li#li-rd {border:1px solid #ddd; background:#f6f6f6;height:90px !important;font-weight:bold;}
li#li-rd-chan {background:#f6f6f6;}

div#info h1 {font-size:20px;}
div#footer {padding-left:135px;}
</style>

<div id="random-posts"><h3>Random Posts</h3>
<div id='rd-posts-loading'>
<img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMNqPv6VtzIoRYAD1ymOshdKdqHdM95kzmk1PeLlGR2vDqQeqmcQbXtIaQ5CmMbb7TSmVfBbJXygDS9yLFuhCyKLOGEfG4GnUbAgqCXDF8o9oave4JC7GEFHXK51QaAg8LCRzZ1WHNsvh/s1600/loading-related-namkna-blogspot-com.gif'/>
</div>
</div>

<script type="text/javascript">
var maxEntries = 7;
nocmtext = "No Comment";
cmtext = "Comments";
</script>
<script src="http://dl.dropbox.com/u/70549761/Ramdon-post/namkna-blogspot-com/rd-post-thumb.js" type="text/javascript"></script>
<script src="http://namkna.blogspot.com/feeds/posts/default/-/Blogspot-tips?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>
Trong đó:
  • Thay Blogspot-tips thành tên nhãn bạn muốn hiển thị.
  • Thay http://namkna.blogspot.com/ thành URL địa chỏ blog của bạn vào.
Lưu ý: 
  • Thủ thuật lấy dữ liệu bài ngẫu nhiên từ feed do vậy blog bạn phải cài đặt feed. Nếu chưa đăng ký feed thì xem bài này/
  • Bạn nên downloaf file rd-post-thumb.js về và upload lên host riêng để đảm bảo sự ổn định và dùng lâu dài. nếu chưa có host thì bạn có thể dùng các hot free như google code và dropbox:
   5-  Bấm Lưu Mẫu  (save template) lại. 
Chúc thành công! 
Theo:mothuthuat!
Chủ đề:

Posted by at No comments:
Labels: ,

Recent posts với hiệu ứng trượt bằng jQuery



Recent posts với hiệu ứng trượt bằng jQuery
Tiện ích recent post hôm nay namkna giới thiệu cho các bạn thêm 1 dạng bài viết mới. Tiện ích này có điểm đặc biệt là phần ảnh thumbnail, tiêu đề bài viết và đoạn trích dẫn mô tả chỉ hiện thị khi ta click thanh menu ngang chứa tên của bài viết.
Chắc hẳn nhiều người không còn xa lạ vói thủ thuật này viề đã có rất nhiều trang blog giới thiệu do vậy namkna cũng không biết nó do ai thiết kế à post lên nữa.


Ảnh minh họa:
Recent posts với hiệu ứng trượt bằng jQuery
☼ Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào thiết kế
   3- Chọn Chỉnh sửa HTML

   4- Dán đoạn code sau vào trước thẻ đóng </head>..
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$(".accordion h3:first").addClass("active");
$(".accordion p:not(:first)").hide();

$(".accordion h3").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});

});
</script>

<style type="text/css">
.accordion {
width: 480px;
border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
background: #e9e7e7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pNhudpc9xhz6hL-3ZL5VIj82wB6Hy7ND1U7p83yvtBQ5nhUWAYDA0hHE3mzu63xCP78CWcSBmmgPzPunwocHb_wbjqlma7pHaCeVBksmpI-UB4rww3qPC0iwMH4pScwHeBLmW2teXFU3/h120/arrow-square-namkna-blogspot-com.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
}
.accordion h3:hover {
background-color: #e3e2e2;
}
.accordion h3.active {
background-position: right 5px;
}
.accordion p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
}
</style>

 5-bấm Lưu Mẫu  (save template) lại.

6. Tạo 1 widget HTML/Javascript rồi dán code bên dưới vào:
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAVot_YNVTjQ0nc8u6Hw_T8Ql101P22pTgamOIsbHMhEN5Z1ka2EbO_lZFwlcT0l1pu665OIlh8IHF1tEe2rQ-YQsnFTXztTZ-G0K9rb_-XxXtSsl8aVZ-yiMvUetn8qs9obambUEdGCbk/s320/nothumbnail-namkna-blogspot-com.gif";

showRandomImg = true;

jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#E67C15";
jaBold = true;

jtext = "Comments";
jshowPostDate = true;

jsummaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";

numposts = 10;
label = "Blogspot-tips";
home_page = "http://namkna.blogspot.com/";

</script>

<div class="accordion">
<script src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/j-label-fix.js" type="text/javascript"></script>
</div>
Trong đó
  • label = "Blogspot-tips"; là nhãn (laber) bạn muốn hiển thị. Thay Blogspot-tips thànht ên nhãn.
    home_page = "http:/namkna.blogspot.com/";  là URL địa chỉ blog của bạn.
  • numposts = 10; Số bài viết muốn hiển thị
  • jsummaryPost = 200; Số ký tự mô tả.
  • jimgwidth = 80; chiều rộng của ảnh thumbnail
  • jimgheight = 80; chiều cao của ảnh thumbnail
  • jfntsize = 12;  .
Nếu muốn hiển thị cho cả blog thì thay link scip:
http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/j-label-fix.js

Thành:
http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/j-post-fix.js
Chúc thành công!
(Web Designer Wall)
Chủ đề:

Posted by at No comments:
Labels: , ,

Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger


[Namkna BlOg] - Hôm nay namkna sẽ giới thiệu đến các bạn tiện ích recent post dạng 2 cột sử dụng hiệu ứng mô tả toolip nhìn rất đẹp. và tốc độ cũng khá nhanh.Đặc điểm của tiện ích này là hiệu ứng mô tả sẽ xuất hiện khi bạn dê chuột vào tiêu đề của bài viết.
Các bạn có thể xem Demo để thấy rõ hơn.
Bạn cũng có thể xem Demo cuối bài viết này:
Ảnh minh họa:
☼ Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào thiết kế
   3- Chọn Chỉnh sửa HTML

   4- Dán đoạn code sau vào trước thẻ đóng ]]></b:skin>..
/*Tooltip*/
#osdhtmltooltip{
border: #999 1px solid;
padding: 4px;
font-size: 10pt;
z-index: 100;
left: -300px;
visibility: hidden;
width: 350px;
font-family: Arial;
position: absolute;
background-color: #fcfee4;
text-align: left;
}
#osdhtmltooltip img{
float: left;
padding: 3px;
border: solid 1px #FFF;
margin: 2px;
}
#osdhtmltooltip h3{
color: #000;
padding: 2px;
margin: 0px;
font-weight: bold;
text-transform: none;
text-decoration: none;
}
#osdhtmltooltip span{
color: #999;
font-style: italic;
}
#osdhtmltooltip div{
color: #000;
}
#osdhtmlpointer{
z-index: 101;
left: -300px;
visibility: hidden;
position: absolute;
}

#rc-posts-2-col {
width:320px;
}
#rc-posts-2-col h3 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_mp_n1nNQuYBSc6_tGQDZF3pzrwsoRJJ-I3rWREA-uav0ZyxVOxVeMCIAhk7YGZWdinKrz-27NyBgRKAXmqtMmZ5OoHxpZYzsgXfLuE-CXNYDlKZy4INmO0J7ThdHXbjbTwMiIbxmKsR/s1600/img-bg-rd-namkna-blogspot-com.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:13px;
margin:0px;
color:#fff;
}
table#rc-2cot {border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
#rc-tr1 {background:#f3f3f3;}
#rc-tr0 {background:#fff;}
#rc-td {padding:2px; color:#ff0000; border-right:1px solid #ccc;width:160px;}
#rc-td img {float:left; margin-right:2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;}
#rc-td a {color:#ff0000;text-decoration:none;}
#rc-td a:hover {text-decoration:underline;}

   5-  Bấm Lưu Mẫu  (save template) lại.

   6- Vào Phần Tử trang - Chọn Thêm Tiện ích - Thêm một HTML/Javarscip và dán đoạn code bên dưới vào: 
<script src="http://dl.dropbox.com/u/70549761/File-phu/namkna-blogspot-com/System_Tooltip.js" type="text/javascript"></script>
<script type="text/javascript">
numposts = 12; //số bài viết hiển thị trong tiện ích
postcount = 400; //số kí tự của đọan nội dung tóm tắt bài viết
sumTitle = 40; // số kí tự của tiêu đề bài viết
colortitle = "#555";
tcolortitle = "#ff6c00"; // màu của tiêu đề bài viết ở phần mô tả
cmcolor = "#6b1f01"; // màu của phần thông tin bài viết (gồm : ngày đăng và số nhận xét)
nocmtext = "No Comment";
cmtext = "Comments";
posttext = "Posted in";
label = "Blogspot-tips";
home_page = "http://namkna.blogspot.com/";
</script>
<div id="rc-posts-2-col"><h3>Thủ thuật Blogspot</h3><div id="rc-posts-loading"><img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMNqPv6VtzIoRYAD1ymOshdKdqHdM95kzmk1PeLlGR2vDqQeqmcQbXtIaQ5CmMbb7TSmVfBbJXygDS9yLFuhCyKLOGEfG4GnUbAgqCXDF8o9oave4JC7GEFHXK51QaAg8LCRzZ1WHNsvh/s1600/loading-related-namkna-blogspot-com.gif'/></div>
<script src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/tooltip-rc-post-2cot.js" type="text/javascript"></script>
</div>
Trong đó:
  • label = "Blogspot-tips"; Là tên nhãn bạn muốn hiển thị trong tiện ích, Thay chữ Blogspot-tips thành tên nhãn của bạn.
    home_page = "http://namkna.blogspot.com/"; Là tên URL địa chỉ blog của bạn.
  • numposts = 12;  Số bài viết hiển thị trong tiện ích. Lưu ý số này phải nhỏ hơn hoặc bằng số bài viết thực tế có trong nhãn của bạn.
    postcount = 400;  Số kí tự của đọan nội dung tóm tắt bài viết
    sumTitle = 40;  số kí tự của tiêu đề bài viết
    tcolortitle = "#ff6c00";  màu của tiêu đề bài viết ở phần mô tả
    cmcolor = "#6b1f01";  màu của phần thông tin bài viết (gồm : ngày đăng và số nhận xét)
   7-  Bấm Lưu Mẫu  (save template) lại.

Chúc thành công!


Theo: Fandung
Chủ đề:

Posted by at No comments:
Labels: ,

Làm slider ảnh kết hợp Flash cho blog - photo



Làm slider ảnh kết hợp Flash cho blog
Dạng Slider này được khá nhiều trang web sử dụng vì nhìn đẹp mắt, và ưu điểm hơn các dạng slider bằng JQuery là nó load nhanh hơn rất nhiều vì chỉ có một file flash, Đặc biệt có thể tự động chuyển ảnh mà không cần một code CSS nào cả. Bạn hãy thủ và cho mình biết cảm nhận của bạn về Slider này nha.
Code này có thể sử dụng trên Blogspot, Yahoo Pluss, Website.
Các bạn có thể xem Demo ngay bên dưới:

☼ Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào Phần Tử trang (Bố cụ)
   3- Chọn Thêm Tiện ích

   4- Tạo một HTML/javarscip và dán đoạnc ode bên dưới vào..
<embed
type="application/x-shockwave-flash"
AllowScriptAccess="never"  height="375"
width="500"
src="https://4347588367093693238-a-1802744773732722657-s-sites.googlegroups.com/site/namknablogspot/namkna_slide.swf"    flashvars="config=5&bcastr_flie=anh1|anh2|anh3&bcastr_link=link1|link2|link3"
wmode="transparent"></embed>
      - Bấm vào cái ảnh 1 trong slide (anh1) nó sẽ hiện ra 1 trang web có link là link1Các bạn chỉ cần chèn link ảnh của mình vô + link trang web hoặc bài viết theo thứ tự là đc.
       - Tăng tốc độ chuyển giữa 2 ảnh bằng cách thay đổi thông số config=5
- Lưu ý: Code này sử dụng File Flasst trên host của namkna, do vậy nếu bạn nào muốn sử dụng lâu dài nên tải File flast về TẠI ĐÂY hoặc TẠI ĐÂY và Uploand lên Hot riêng. (Nếu chưa có host thì bạn có thể xem hot free Tại đây
- Các bạn cũng có thể tăng số lượng ảnh lên bằng việc tăng phần anh và link
Ví dụ:
anh1|anh2|anh3|anh4|anh5|anh6&bcastr_link=link1|link2|link3|link4|link5|link6
Khi đó ta được Code mới như sau:
<embed
type="application/x-shockwave-flash"
AllowScriptAccess="never"  height="375"
width="500"
src="https://4347588367093693238-a-1802744773732722657-s-sites.googlegroups.com/site/namknablogspot/namkna_slide.swf"    flashvars="config=5&bcastr_flie=anh1|anh2|anh3|anh4|anh5|anh6&bcastr_link=link1|link2|link3|link4|link5|link6"
wmode="transparent"></embed>
Nếu không muốn khi Click và ảnh chuyển tới trang khác thì bạn để trống phần 

link1|link2|link3|link4|link5|link6
Chúc thành công!
Chủ đề:

Posted by at No comments:
Labels: , ,
Subscribe to: Posts (Atom)

Popular Posts