Thiết kế website chuẩn theo Google, Facebook

Chúng tôi thiết kế web chuẩn hóa theo các trang mạng xã hội lớn như Google,Facebook, Twitter...

Dịch vụ chạy quảng cáo Google, Facebooḱa

Có nhiều năm kinh nghiệm trong việc tối ưu hóa chi phí cho các dịch vụ chạy quảng cáo Google, Facebook, chúng tôi mang đến chi phi thấp nhất cho khách hàng..

Phần mềm đăng tin tự động lên facebook

Ngoài các dịch vụ trên chúng tôi cung cấp các giải pháp tối ưu hóa thời gian đăng bài trên các nhóm, fanpage facebook , tham gia nhóm tự động theo từ khóa. Lọc Uid.. thông qua Phần mềm..̉...

Dịch vụ thiết kế web giá rẻ

thiết kế web chi phí thấp

Thiết kế web với chi phí cực thấp

Thiết kế web bán hàng online, website thương mại điện tử , thiết kế web bất động sản, thiết kế web giới thiệu công ty..với chi phí vốn đầu tư cực thấp, với kho giao diện hàng ngàn website bán hàng, chúng tôi cung cấp giải pháp bán hàng online cho khách hàng chuẩn đẹp nhất .!

  • Website bán hàng thân thiện với Mobile, xem trên mọi nền tảng
  • Load webiste trong 1 giây, tốc đọ load trang cực nhanh
  • Giao diện đẹp, nhiều màu sắc, thân thiện dễ sử dụng cho khách hàng
  • Chi phí thiết kế website bán hàng cực thấp không quá 1trieu vnd
  • Tích hợp Bình luận Facebook, Và các Mạng xã hội
  • Website chuẩn seo, Tối ưu hóa công cụ tìm kiếm google.Lên top google ầm ầm

Dịch vụ thiết kế website giá rẻ, chất lượng bảo hành trọn đời, Hỗ trợ khách hàng Tư vấn chiến lược Seo hiểu quả cho website. Đưa website lên thứ hạng google tốt nhất...!

Thiết kế website chuẩn Quốc Tế

Chúng tôi có những tiêu chuẩn riêng trong việc Thiết kế website. Chúng tôi gọi là Chuẩn Quốc Tế!

Responsive

Responsive Thiết kế website tương thích với Mọi nền tảng: Điện thoại, PC, Ibad...

Thân thiện với người dùng

Mẫu thiết kế website Đẹp mắt dễ sử dụng, Thân thiện người dùng.

Chuẩn HTML5 / CSS3 /W3C

Sử dụng HTML5, CSS3, thiết kế theo chuẩn SEO, responsive, tối ưu hóa cho các công cụ tìm kiếm. 

Sử dụng Bootstrap 3.0

Hỗ trợ người dùng tốt trong việc tối ưu hóa chuẩn Web load cực nhanh

Hiển thị quảng cáo tốt, tại nhiều vị trí

Chúng tôi thiết kế website và luôn đưa ra những ý tưởng về phần hiển thị quảng cáo!

Không chứa mã hóa virut

Website được thiết kế hoàn toàn bằng code tự động, không chứa mã hóa, virut
Thiết kế website bán hàng

Cung cấp các giải pháp Marketing Online tốt nhất

Kenhshare.net được thành lập hoạt động từ năm 2012, Có 5 năm kinh nghiệm trong việc phát triển hệ thông Marketing online, đưa ra những giải pháp tốt nhất đến với khách hàng.
Chúng tôi tự hào đã cung cấp các giải pháp tối ưu nhất đến hàng trăm doanh nghiệp..!

Thiết kế website chuyên nghiệp

Hiện nay 100% doanh nghiệp, thì có đến 99% doanh nghiệp, cá nhân sở hữu 1 hoặc hệ thống website để cung cấp các sản phẩm , giới thiệu các sản phẩm đến người tiêu dùng, và con số đó vẫn tăng hàng năm. Chúng tôi chuyên thiết kế website, đưa ra những giải pháp tối ưu nhất cho bạn!

  • Thiết kế web bất động sản
  • Thiết kế web bán hàng
  • Thiết kế web điện máy
  • Thiết kế web tạp trí, báo trí
  • Thiết kế web rao vặt
  • Thiết kế web du lịch
  • Thiết kế giao diện web Game
  • Thiế kế web giới thiệu công ty
  • Thiết kế web siêu thị
  • Thiết kế web trung tâm học thêm

Dịch vụ Chạy quảng cáo Google , Facebook

Facebook và Google đang là những ông lớn trong việc lan tỏa cộng động, Google là môt công cụ tìm kiếm lớn nhất thế giới, hàng giờ có hàng triệu lượt tìm kiếm, Bạn muốn doanh nghiêp của bạn xuất hiển trên top googlekhông ? Hãy tìm hiểu dịch vụ của chúng tôi ở bên dưới

  • Chạy quảng cáo facebook
  • Tối ưu hóa chi phí chạy Ads Facebook
  • Sáng tạo các mẫu quảng cáo Facebook
  • Tạo video quảng cáo Facebook
  • Chạy quảng cáo game trên facebook
  • quảng cáotheo khách hàng tiềm năng
  • Khoanh vùng đối tượng chạy quảng cáo
  • Dịch vụ chạy quảng cáo Google Adwords
  • Đưa ra chiến dịch chạy qc google hiểu quả
  • Tối ưu hóa chi phí chạy quảng các google

Phần Mềm Đăng tin Rao vặt Lên Facebook

Kenhshare.net Đưa ra những giải pháp, công cụ tối ưu hóa thời gian để đăng tin tự động lên facebook thông qua phần mềm đăng tin tự động lên facebook, Chúng tôi có những công cụ đăng tin lên facebook miễn phí và có phi với chi phí rất thấp.tìm hiểu dịch vụ của chúng tôi ở bên dưới

  • Đăng tin tự động lên facebook
  • Tự động tham gia nhóm Facebook
  • Tự động comment Uptop Facebook
  • Tương tác bạn bè facebook tự động
  • Đăng tin tự động lên Fanpage
  • Đăng tin tự động facebook miễn phí
  • Lập lịch đăng bài trên facebook
  • Tự động tag bạn bè trên facebook
  • Quét toàn bộ Mail, Sđt của bạn bè
  • Quets mail, điện thoại bằng UID

Giới thiệu

Kenhshare.net mang đến những giải pháp tối ưu nhất cho bạn và doanh nghiệp!

giới thiệu về dịch vụ kenhshare

Kenhshare.net - Cung cấp giải pháp tối ưu cho bạn!

Thành lập từ năm 2012, Kenhshare.net là một website chuyên cung cấp các dịch vụ giải pháp online maketing ,Nhằm mang đến những giá trị lợi nhuận tốt nhất cho khách hàng, Chúng tôi làm việc bằng cả lòng đam mê, nhiệt huyết công việc, tự hào sẽ mang  những giải pháp tốt nhất đến khách hàng!

  • Dịch vụ thiết kế website chuẩn hóa
  • Dịch vụ chạy quảng cáo Facebook, Google Adwords chi phí thấp
  • Phần mềm đăng tin tự động lên facebook miễn phí và có phí
  • Dịch vụ tên miền, đăng ký tên miền việt nam và quốc tế
  • Dịch vụ Hosting lưu trữ dữ liệu giá rẻ, hoạt động ổn định
  • Dịch vụ quản lý hệ thống website,
  • Lập lịch bảo trì, gia hạn hosting, tên miền
Quản lý dự án thiết kế web

N.Thành Đạt

Phòng Quản lý

N.Văn Phúc

Graphic design

Nhân viên kế toán chăm sóc khách hàng

Trà Mina

Bộ phận hỗ trợ

Khách hàng phản hồi về dịch vụ

Khách hàng nói gì về dịch vụ của chúng tôi!

Các câu hỏi thường gặp

Thường thì chúng tôi đưa ra những trang web mẫu để cho khách hàng lựa chọn, những trường hợp khách hàng sử dụng các mẫu dựng sẵn của chúng tôi thì việc hoàn thành thiết kế và bàn giao cho khách hàng thường là 1 ngày, chậm nhất sẽ là 3 ngày. Đối với khách hàng yêu cầu thiết kế web theo yêu cầu của khách hàng thì tùy vào độ khó, nhưng chúng tôi cam kết sẽ hoàn thành trước 1 tuần !

Đối với khách hàng yêu cầu thêm cả nội dung thì chúng tôi sẽ cần 1 khoảng thời gian tùy thuộc vào nội dung khách hàng yêu cầu nhiều hay ít.!

Trường Hợp khách hàng sử dụng hosting và tên miền của bên cung cấp khác ngoài chúng tôi, thì chúng tôi sẽ mất nhiều thời gian hơn để xử lý công việc.
Sau khi thiết kế web, khách hàng thanh toán, bộ phận kỹ thuật chúng tôi sẽ bàn giao lại cho khách hàng Khu vực quản lý bài viết, quản lý Nội dung bài đăng, hình ảnh, video khách hàng được toàn quyền sử dụng.

Đối với khách hàng sử dụng Hosting , tên miền của Chúng tôi thì khách hàng sẽ được chăm sóc hỗ trợ nhanh hơn so với khách hàng sử dụng hosting bên nhà cung cấp khác. Hệ thống web sẽ ít gặp lỗi hơn và dễ dàng được chúng tôi kiểm soát nhanh.

Nếu khách hàng sử dụng Hosting bên nhà cung cấp khác, chúng tôi chỉ có trách nhiệm bàn giao web cho khách hàng khi đã thiết kế xong Và hỗ trợ kỹ thuật về website, Ngoài ra chúng tôi không có trách nhiệm quản lý Hosting, Báo lỗi Hosting, Sửa lỗi Hosting
Câu hỏi này được khá nhiều khách hàng hỏi, Khách hàng tìm đến chúng tôi có khách hàng thì hiểu , thường thì đều không hiểu.
Hosting là một dịch vụ lưu trữ và chia sẻ nội dung trực tuyến, ở đó bạn có thể lưu trữ dữ liệu dạng file nén, hình ảnh video...đó là một không gian máy ảo được cài đặt sẵn các phần mềm cần thiết. Thông qua hosting bạn có thể sử dụng không gian cài đặt các dịch vụ internet, lưu trữ website

Tên miền là gì ?
Tên miền là một địa chỉ IP được cung cấp dưới dạng một domain name của các nhà cung cấp, Thường các dãy IP sẽ có dạng  số 123.45.67.89 rất khó nhớ, và được trỏ tới 1 tên miền vd : Kenhshare.net

Hiểu nôm na: Tên miền như là Ngôi nhà của bạn, Còn hosting Là Phần Đất mà ngôi nhà của bạn được xây dựng trên Phần đất đó.
Thiếu một trong hai thì Ngôi nhà sẽ không hoàn thiện được, 
Câu hỏi này cũng được khá nhiều khách hàng Yêu cầu. Quy trình thiết kế website của chúng tôi gồm các Bước sau :
Nhận Yêu cầu từ khách hàng : Thiết kế theo mẫu có sẵn, hoặc theo ý tưởng của khách hàng
Thỏa thuận yêu cầu và Gửi báo giá : Chúng tôi sẽ gửi báo giá cho khách hàng khi khách hàng yêu cầu
Ký hợp đồng : Theo như những yêu cầu của khách hàng chúng tôi báo giá, Khách hàng sẽ trả 1 khoản tiền trước là 50% hoặc hơn, để chúng tôi lên kế hoặc thực hiện.
Thiết kế chỉnh sửa theo yêu cầu : Trong quá trình chúng tôi thiết kế web, chúng tôi sẽ gửi các bản demo để khách hàng có thể góp ý chỉnh sửa hoàn chỉnh nhất
Bàn giao thiết kế : Khách hàng thanh toán số tiền còn thiếu, bên kỹ thuật bàn giao lại web cho khách hàng quản lý, chúng tôi hỗ trợ khách hàng trong việc quản lý web
Bảo trì, bảo hành : Đối với khách hàng sử dụng dịch vụ trọn gói bên chúng tôi, chúng tôi sẽ luôn kiểm tra web update dữ liệu hàng ngày,

Facebook và Google là 2 ông lớn trên Mạng xã hội, Hiện nay Google là công cụ tìm kiếm lớn nhất thế giới ước tính hàng giờ có đến hàng tỉ người sử dụng Google để tìm kiếm,
Google Adword là gì ?Là một dịch vụ đưa từ khóa của bạn lên đầu trang tìm kiếm của google với các từ khóa mong muốn vd tôi muốn mọi người lên google gõ từ :'' Thiết kế web giá rẻ'' sẽ ra ngay website của tôi ở vị trí đầu tiên hoặc 1,2,3

Hãy đến với dịch vụ của chúng tôi, Chúng tôi có nhiều năm kinh nghiệm về chạy quảng cáo Trên google vì thế chúng tôi có khả năng tối ưu hóa doanh thu xuống mức thấp nhất, giúp bạn tiết kiệm chi phí cho doanh nghiệm, cá nhân bạn.

Dịch vụ chạy quảng cáo Facebook :
Nếu bạn đang bán hàng online, hoạt động trên facebook, bạn không chạy quảng cáo Facebook thì bạn đã bỏ lỡ đi hàng ngàn khách hàng tiềm năng.

Thông kê trong năm 2016, đã có rất nhiều các doanh nghiệp, cá nhân thành công trong việc bán hàng online qua facebook thông qua dịch vụ chạy quảng cáo facebook .
Câu hỏi thường gặp

Multi Tabble Widget - Thủ thuật tạo Tabs View chuyển nội dung khi click cho Blogger

Multi Tabbed Widget là thủ thuật blogger được sử dụng khi trên Blog bạn có chứa khá nhiều widget. Một giải pháp thường được các Blogger áp dụng là chia footer-wrapper làm nhiều cột để chứa các widget này. 

Tuy nhiên, điều này không phải ai cũng thích, nhất là các blog được thiết kế website mang phong cách báo chí. Từ đó mới xuất hiện tiện ích gọi là Multi Tabbed Widget.Tiện ích này xuất hiện từ khá lâu, mà bắt nguồn từ các Blog sử dụng nền tảng Wordpress, sau đó được các Pro Blogger “bào chế” để áp dụng cho Blogspot.Sử dụng Multi Tabbed Widget không những giúp tiết kiệm không gian trên Blog, làm cho Blog của bạn trông gọn gàng hơn, mà còn có thể giúp tăng thời gian tải trang cho Blog của bạn do nó kết hợp hai hay nhiều widget làm một.

Và trong thủ thuật blogger này sẽ giới thiệu đến các bạn 2 Style của tiện ích này.
Style 1 : Simple Multi Tabbed Widget for Blogger đây là tiện ích đơn giản nhất, có thể chèn vào nó các widget HTML\JavaScript.

Multi Tabble Widget - Thủ thuật tạo Tabs View chuyển nội dung khi click cho Blogger
1. Vào Thiết kế > Chỉnh sửa HTML

2. Chèn đoạn code bên dưới vào trước thẻ đóng </head>
<script type='text/javascript'>    
//<![CDATA[     
function tabtampil_oom(TPID, id)     
{     
  var Tabtampil = document.getElementById(TPID);     
  var TTs = Tabtampil.firstChild;     
  while (TTs.className != "TTs" ) TTs = TTs.nextSibling;     
  var TT = TTs.firstChild;     
  var i   = 0;     
  do     
  {     
    if (TT.tagName == "A")     
    {     
      i++;     
      TT.href      = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";     
      TT.className = (i == id) ? "Active" : "";     
      TT.blur();     
    }     
  }     
  while (TT = TT.nextSibling);     
  var Halamans = Tabtampil.firstChild;     
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;     
  var Halaman = Halamans.firstChild;     
  var i    = 0;     
  do     
  {     
    if (Halaman.className == 'Halaman')     
    {     
      i++;     
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";     
      Halaman.style.overflow = "auto";     
      Halaman.style.display  = (i == id) ? 'block' : 'none';     
    }     
  }     
  while (Halaman = Halaman.nextSibling);     
}     
function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);     
}     
function tabtampil_inisial(TPID) { tabtampil_oom(TPID,  1);     
document.write('');}     
//]]>     
</script>
3. Tạo một widget HTML\JavaScript và chèn vào đoạn code sau :
<style type="text/css">    
div.TabTampil div.TTs     
{height: 24px; overflow: hidden; }     
div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active     
{ background-color: #eee; }     
div.TabTampil div.Halamans     
{ clear: both; border: 1px solid #fff; overflow: hidden; background-color:#ffffff;}     
div.TabTampil div.Halamans div.Halaman     
{ height: 100%; padding: 0px; overflow: hidden; }     
div.TabTampil div.Halamans div.Halaman div.Alas     
{ padding: 3px 5px; }     
div.TabTampil div.TTs a     
{ border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; border-bottom:0px solid #eee; float: left;     
display:
 block; width: 95px; text-align: center; vertical-align: middle; height:
 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", 
Serif;     
font-size: 11px; font-weight: 900; color: #000000}     
</style>     
<form action="tabtampil.html" method="get">     
<div id="TabTampil" class="TabTampil">     
<div style="width: 300px;" class="TTs"> <a>Tiêu đề Widget 1</a> <a>Tiêu đề Widget 2</a> <a>Tiêu đề Widget 3</a></div>     
<div style="width: 300px; height: 300px;" class="Halamans">     
<div class="Halaman">     
<div class="Alas">     
<br/>     
Nội dung Widget 1     
</div>     
</div>     
<div class="Halaman">     
<div class="Alas">     
<br/>     
Nội dung Widget 2     
</div>     
</div>     
<div class="Halaman">     
<div class="Alas">     
<br/>     
Nội dung Widget 3     
</div>     
</div>     
</div>     
</div>     
</div></form>     
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
  • #eee : là màu nền của Tabs, mặc định là màu xám
  • #fff : là màu đường viền của tiện ích
  • #ffffff : là màu nền của thân widget
  • #eee : là màu đường viền bao quanh Tabs
  • #000000 : là màu tiêu đề Tabs
Style 2 : Advanced Multi Tabbed Widget For Blogger – Fully Widgetized đây là tiện ích cao cấp hơn. Với nó, bạn có thể chèn vào nó bất kỳ widget nào nếu muốn ( archives, labels, author,… )

Multi Tabble Widget - Thủ thuật tạo Tabs View chuyển nội dung khi click cho Blogger
1- Vào Thiết kế > Chỉnh sửa HTML
2- Chèn đoạn code sau vào trong trường Variable definitions, khi đó trông sẽ giống như sau :
/* Variable definitions    
   ====================     
………………………………………………………     
<Variable name="tbbxbgcolor" description="Tab box Background Color" type="color" default="#f8f8f8" value="#f8f8f8">     
<Variable name="tbbxbrcolor" description="Tab box Border Color" type="color" default="#dcdcdc" value="#dcdcdc">     
<Variable name="tbbxcolor1" description="Tab box Color 1" type="color" default="#ffffff" value="#ffffff">     
<Variable name="tbbxcolor2" description="Tab box Color 2" type="color" default="#5588aa" value="#5588aa">     
*/
  • #f8f8f8 : màu nền của tiện ích
  • #dcdcdc : màu đường viền của tiện ích và Tabs
  • #ffffff : màu nền của thân tiện ích và cũng là màu khi rê chuột vào tiêu đề Tabs
  • #5588aa : màu nền của tiêu đề Tabs

3. Chèn đoạn code sau vào trước thẻ đóng </b:skin>
.tabberlive{    
margin:0;     
padding:5px;     
clear:both;     
background:$tbbxbgcolor;     
border:1px solid $tbbxbrcolor;     
}     
.tabbernav {     
margin:0;     
padding: 3px 0;     
border-bottom: 1px solid $tbbxbrcolor;     
font-family:Arial,Helvetica,sans-serif;     
font-size:12px;     
font-weight:bold;     
}     
.tabbernav li {     
list-style:none;     
margin:0;     
display:inline;     
}     
.tabbernav li a {     
padding:3px 0.5em;     
margin-right:1px;     
border:1px solid $tbbxbrcolor;     
border-bottom:none;     
background:$tbbxcolor2;     
text-decoration:none;     
color:$tbbxcolor1;     
}     
.tabbernav li a:hover {     
color:$tbbxcolor2;     
background:$tbbxcolor1;     
border-color:$tbbxbrcolor;     
text-decoration:none;     
}     
.tabbernav li.tabberactive a,     
.tabbernav li.tabberactive a:hover {     
background:$tbbxcolor1;     
color:$tbbxcolor2;     
border-bottom: 1px solid $tbbxcolor1;     
}     
.tabberlive .tabbertab {     
padding:5px;     
border:1px solid $tbbxbrcolor;     
border-top:0;     
background:$tbbxcolor1;     
}     
.tabberlive .tabbertab h2,     
.tabberlive .tabbertabhide {     
display:none;     
}     
.tabbertab .widget-content ul{     
list-style:none;     
margin:0 0 10px 0;     
padding:0;     
}     
.tabbertab .widget-content li {     
border-bottom:1px solid $tbbxbrcolor;     
margin:0 5px;     
padding:2px 0 5px 0;     
}
4. Tiếp tục, chèn đoạn code bên dưới vào trước thẻ đóng </head>
<script type='text/javascript'>    
//<![CDATA[     
document.write('<style type="text/css">.tabber{display:none;}<\/style>');     
function tabberObj(argsObj)     
{     
  var arg;     
  this.div = null;     
  this.classMain = "tabber";     
  this.classMainLive = "tabberlive";     
  this.classTab = "tabbertab";     
  this.classTabDefault = "tabbertabdefault";     
  this.classNav = "tabbernav";     
  this.classTabHide = "tabbertabhide";     
  this.classNavActive = "tabberactive";     
  this.titleElements = ['h2','h3','h4','h5','h6'];     
  this.titleElementsStripHTML = true;     
  this.removeTitle = true;     
  this.addLinkId = false;     
  this.linkIdFormat = '<tabberid>nav<tabnumberone>';     
  for (arg in argsObj) { this[arg] = argsObj[arg]; }     
  this.REclassMain = new RegExp('\\b' + this.classMain + '\\b', 'gi');     
  this.REclassMainLive = new RegExp('\\b' + this.classMainLive + '\\b', 'gi');     
  this.REclassTab = new RegExp('\\b' + this.classTab + '\\b', 'gi');     
  this.REclassTabDefault = new RegExp('\\b' + this.classTabDefault + '\\b', 'gi');     
  this.REclassTabHide = new RegExp('\\b' + this.classTabHide + '\\b', 'gi');     
  this.tabs = new Array();     
  if (this.div) {     
    this.init(this.div);     
    this.div = null;     
  }     
}     
tabberObj.prototype.init = function(e)     
{     
  var     
  childNodes,     
  i, i2,     
  t,     
  defaultTab=0,     
  DOM_ul,     
  DOM_li,     
  DOM_a,     
  aId,     
  headingElement;     
  if (!document.getElementsByTagName) { return false; }     
  if (e.id) {     
    this.id = e.id;     
  }     
  this.tabs.length = 0;     
  childNodes = e.childNodes;     
  for(i=0; i < childNodes.length; i++) {     
    if(childNodes[i].className &&     
       childNodes[i].className.match(this.REclassTab)) {     
      t = new Object();     
      t.div = childNodes[i];     
      this.tabs[this.tabs.length] = t;     
      if (childNodes[i].className.match(this.REclassTabDefault)) {     
    defaultTab = this.tabs.length-1;     
      }     
    }     
  }     
  DOM_ul = document.createElement("ul");     
  DOM_ul.className = this.classNav;     
  for (i=0; i < this.tabs.length; i++) {     
    t = this.tabs[i];     
    t.headingText = t.div.title;     
    if (this.removeTitle) { t.div.title = ''; }     
    if (!t.headingText) {     
      for (i2=0; i2<this.titleElements.length; i2++) {     
    headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];     
    if (headingElement) {     
      t.headingText = headingElement.innerHTML;     
      if (this.titleElementsStripHTML) {     
        t.headingText.replace(/<br>/gi," ");     
        t.headingText = t.headingText.replace(/<[^>]+>/g,"");     
      }     
      break;     
    }     
      }     
    }     
    if (!t.headingText) {     
      t.headingText = i + 1;     
    }     
    DOM_li = document.createElement("li");     
    t.li = DOM_li;     
    DOM_a = document.createElement("a");     
    DOM_a.appendChild(document.createTextNode(t.headingText));     
    DOM_a.href = "javascript:void(null);";     
    DOM_a.title = t.headingText;     
    DOM_a.onclick = this.navClick;     
    DOM_a.tabber = this;     
    DOM_a.tabberIndex = i;     
    if (this.addLinkId && this.linkIdFormat) {     
      aId = this.linkIdFormat;     
      aId = aId.replace(/<tabberid>/gi, this.id);     
      aId = aId.replace(/<tabnumberzero>/gi, i);     
      aId = aId.replace(/<tabnumberone>/gi, i+1);     
      aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, ''));     
      DOM_a.id = aId;     
    }     
    DOM_li.appendChild(DOM_a);     
    DOM_ul.appendChild(DOM_li);     
  }     
  e.insertBefore(DOM_ul, e.firstChild);     
  e.className = e.className.replace(this.REclassMain, this.classMainLive);     
  this.tabShow(defaultTab);     
  if (typeof this.onLoad == 'function') {     
    this.onLoad({tabber:this});     
  }     
  return this;     
};     
tabberObj.prototype.navClick = function(event)     
{     
  var     
  rVal,     
  a,     
  self,     
  tabberIndex,     
  onClickArgs;     
  a = this;     
  if (!a.tabber) { return false; }     
  self = a.tabber;     
  tabberIndex = a.tabberIndex;     
  a.blur();     
  if (typeof self.onClick == 'function') {     
    onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};     
    /* IE uses a different way to access the event object */     
    if (!event) { onClickArgs.event = window.event; }     
    rVal = self.onClick(onClickArgs);     
    if (rVal === false) { return false; }     
  }     
  self.tabShow(tabberIndex);     
  return false;     
};     
tabberObj.prototype.tabHideAll = function()     
{     
  var i;     
  for (i = 0; i < this.tabs.length; i++) {     
    this.tabHide(i);     
  }     
};     
tabberObj.prototype.tabHide = function(tabberIndex)     
{     
  var div;     
  if (!this.tabs[tabberIndex]) { return false; }     
  div = this.tabs[tabberIndex].div;     
  if (!div.className.match(this.REclassTabHide)) {     
    div.className += ' ' + this.classTabHide;     
  }     
  this.navClearActive(tabberIndex);     
  return this;     
};     
tabberObj.prototype.tabShow = function(tabberIndex)     
{     
  var div;     
  if (!this.tabs[tabberIndex]) { return false; }     
  this.tabHideAll();     
  div = this.tabs[tabberIndex].div;     
  div.className = div.className.replace(this.REclassTabHide, '');     
  this.navSetActive(tabberIndex);     
  if (typeof this.onTabDisplay == 'function') {     
    this.onTabDisplay({'tabber':this, 'index':tabberIndex});     
  }     
  return this;     
};     
tabberObj.prototype.navSetActive = function(tabberIndex)     
{     
  this.tabs[tabberIndex].li.className = this.classNavActive;     
  return this;     
};     
tabberObj.prototype.navClearActive = function(tabberIndex)     
{     
  this.tabs[tabberIndex].li.className = '';     
  return this;     
};     
function tabberAutomatic(tabberArgs)     
{     
  var     
    tempObj,     
    divs,     
    i;     
  if (!tabberArgs) { tabberArgs = {}; }     
  tempObj = new tabberObj(tabberArgs);     
  divs = document.getElementsByTagName("div");     
  for (i=0; i < divs.length; i++) {     
    if (divs[i].className &&     
    divs[i].className.match(tempObj.REclassMain)) {     
      tabberArgs.div = divs[i];     
      divs[i].tabber = new tabberObj(tabberArgs);     
    }     
  }     
  return this;     
}     
function tabberAutomaticOnLoad(tabberArgs)     
{     
  var oldOnLoad;     
  if (!tabberArgs) { tabberArgs = {}; }     
  oldOnLoad = window.onload;     
  if (typeof window.onload != 'function') {     
    window.onload = function() {     
      tabberAutomatic(tabberArgs);     
    };     
  } else {     
    window.onload = function() {     
      oldOnLoad();     
      tabberAutomatic(tabberArgs);     
    };     
  }     
}     
/* Run tabberAutomaticOnload() unless the "manualStartup" option was specified */     
if (typeof tabberOptions == 'undefined') {     
    tabberAutomaticOnLoad();     
} else {     
  if (!tabberOptions['manualStartup']) {     
    tabberAutomaticOnLoad(tabberOptions);     
  }     
}     
//]]>     
</script>
5. Cuối cùng, tìm trong template dòng <div id='sidebar-wrapper'> và chèn đoạn code sau vào trên\dưới hoặc trước thẻ đóng </div> của nó :
<div style='clear:both;'/>    
<div class='tabber'>     
<b:section class='tabbertab' id='tab1' maxwidgets='1'/>     
<b:section class='tabbertab' id='tab2' maxwidgets='1'/>     
<b:section class='tabbertab' id='tab3' maxwidgets='1'/>     
<b:section class='tabbertab' id='tab4' maxwidgets='1'/>     
</div>
6. Lúc này, bạn chỉ việc quay trở lại Phần tử trang và thêm bất kỳ widget nào vào trong nó.
Multi Tabble Widget - Thủ thuật tạo Tabs View chuyển nội dung khi click cho Blogger
Trên đây đã giới thiệu đến các bạn 2 Style của tiện ích Multi Tabbed Widget do Mohammad Mustafa Ahmedzai phát triển. Nếu các bạn biết thêm các Style nào khác độc đáo và chất lượng hơn nữa, xin vui lòng để lại phản hồi bên dưới.

No comments:


» Cám ơn đã đọc bài viết!
» Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục
» Mọi thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới hoặc Gửi thư
» Hãy viết bằng tiếng Việt có dấu để mọi người có thể đọc!
» Cảm ơn bạn đã để lại nhận xét!