Tạo WordPress Theme – Dựng xHTML

#Demon Warlock

Đây là phần thứ 4 trong series Tạo WordPress theme. Trong các phần trước chúng ta đã cắt xong hình và trong phần này chúng ta sẽ xây dựng code xHTML cho giao diện. Trong phần này các bạn đặc biệt chú ý đến cách tôi tạo thẻ div. Đây sẽ là một ví dụ nữa về cách sử dụng thẻ div đúng cách.
Vẫn có nhiều người chưa hiểu được sâu sắc cách sử dụng thẻ div trong khi xây dựng code xHTML, cho nên khiến cho code HTML rất khó đọc và phức tạp quá mức. Hãy luôn nhớ rằng chỉ nên dùng thẻ div khi không thể dùng các Block Element nào khác để thay thế nó. Mỗi khi bạn sử dụng hơn 2 thẻ div, hãy tự đặt câu hỏi liệu thẻ div thứ hai kia có thực sự cần thiết.

Bài viết cùng chuyên mục

• Giới thiệu WordPress
• 10 lý do bạn nên sử dụng WordPress
• Cài đặt WordPress ở Localhost
• Tạo WordPress Theme – Photoshop Mockup
• Tạo WordPress Theme – Slice hình
• Tạo WordPress Theme – Dựng xHTML
• Tạo WordPress Theme – CSS
• Tạo WordPress Theme – Template Tags
• Tạo WordPress theme – Sidebar và Thumbnail
• Tạo WordPress Theme Phần 8 – Featured và Single Page
• Tạo WordPress Theme – Search form và Random Posts
• Tạo WordPress Theme – Custom Page
• WordPress Theme – Comment và Custom Comment
• Style Latest Post khác với post thường
• Để Permalink làm việc trên Localhost
• Custom Widget – WordPress Tut
• WordPress – Cắt ngắn post nhiều nội dung
• WordPress Tut – Shortcode
• WordPress – Custom Post Type
• WordPress – Post Thumbnail
• jQuery Content Slider + WordPress
• WP menu

Read More

Hướng dẫn tải lên và chèn file vào blogger

Đăng trong Kinh nghiệm blogspot Bởi bloghoainam.com Vào ngày 15 Tháng Một, 2016

mặc dầu Blogspot không cung cấp tính năng để người sử dụng có thể trực tiếp  chèn file PDF , DOC , XLS , PPT vào bài viết   thế nhưng , thông qua các trang lưu trữ đám mây , chúng tôi cũng có thể   chèn các file văn bản vào biết Blogspot   dễ dàng bằng việc sử dụng mã nhúng.

Cách chèn file PDF , DOC , XLS , PPT vào bài viết Blogspot dễ dàng

CÁCH CHÈN FILE PDF , DOC , XLS , PPT VÀO BÀI VIẾT BLOGSPOT DỄ DÀNG

Như đã trình bày ở trên , chúng tôi sẽ sử dụng các trang lưu trữ đám mây , cụ thể ở đây mình sẽ hướng dẫn là   Google Drive   và   Skydrive   để gián tiếp   nhúng các file PDF , DOC , XLS , PPT vào bài viết   thông qua mã nhúng.

SỬ DỤNG GOOGLE DRIVE ĐỂ CHÈN FILE VĂN BẢN VÀO BLOGGER

hàng đầu , các bạn truy cập vào  drive.google.com và đăng nhập hoặc đăng ký một nick mới

Tiếp đó , nhấn hình mũi tên để upload file lên Google Drive

giá dụ mình sẽ Upload file là  TỔNG HỢP CÂU HỎI học thuyết HÓA HỌC 2014

Trong ô thông cáo , các bạn nhấn vào   san sẻ -> đổi thay

Trong đó : https://drive.google.com/file/d/0B8m8ZEdYUIBwREp6RlVtUjdKYlE/edit?usp=sharing   là link tài liệu sẽ sử dụng ở cuối bài.

Nhớ chọn Công khai trên web để công chúng cùng xem được

công việc , lần chót và quan trọng nhất đây. Để nhúng file vào bài viết , các bạn chỉ cần chèn đoạn mã sau đây vào bài viết ( Viết bài ở chế độ HTML ). Bạn có thể chèn các file này vào phần sidebar hoặc footer nếu muốn bởi nó sẽ tăng độ bắt mắt của blog song song góp phần   tăng traffic cho blog

[css][/css]

Trong đó :

• https://drive.google.com/file/d/0B8m8ZEdYUIBwREp6RlVtUjdKYlE/edit?usp=sharing : Là link tài liệu lấy ở trên
• width:640px; height:480px : Là chiều rộng và chiều cao khi hiển thị ở bài viết. Các bạn tùy chỉnh lại cho ăn nhập với   template blogger

SỬ DỤNG SKY DRIVE ĐỂ CHÈN FILE VĂN BẢN VÀO BLOGGER

Cách này được ít người sử dụng hơn nhưng thực sự , cách này còn giản đơn hơn cách trên.

đầu tiên các bạn truy nhập vào https://onedrive.live.com/   sau thời gian ấy đăng nhập hoặc đăng kí

Cách Upload tài liệu mình sẽ không chỉ dẫn lại vì giao diện toàn tiếng việt cả.

Click chuột phải vào file muốn   lèn vào bài viết Blogger   và chọn   Nhúng

Bạn sẽ nhận được một mã nhúng

nếu của mình là

[css][/css]

trong đó  width=”98″ height=”120″    là chiều rộng và chiều cao khi hiển thị trong bài viết

cuối cùng , Copy và lèn vào bài viết là xong.

Trên đây là lừa dối blogger giản đơn giúp các bạn chèn file PDF , DOC , XLS , PPT vào bài viết Blogspot dễ dàng nhất. Ví như bạn còn có những cách nào khác thì góp ý cho độc giả bloghoainam.com cùng biết nhé

Read More

Tạo website chơi game chuyên nghiệp miễn phí với blogger

Đăng trong Kinh nghiệm blogspot Bởi bloghoainam.com Vào ngày 15 Tháng Một, 2016

Blogspot hiện tại không chỉ đơn thuần để làm một blog cá nhân. Nó đã phát triển lên một tầm cao mới , hoành tráng hơn. Người ta có khả năng sử dụng mã nguồn này để xây dựng site tin tức , site thủ thuật , site phim và thậm chí là cả site chơi game online. Bài viết này mình sẽ hướng dẫn chi tiết các   làm trang chơi game online bằng Blogspot   cho những ai đang Hữu ý định này.

Bài viết này mình xin được chia thành 4 phần , tương ứng với 4 bước để xây dựng một site game.

• Định hướng phát triển
• tuyển trạch tên miền và giao diện
• Phát triển nội dung
• truyền bá

hướng dẫn LÀM TRANG CHƠI GAME ONLINE BẰNG BLOGSPOT

BƯỚC 1 : ĐỊNH HƯỚNG PHÁT TRIỂN

Đây là bước cự kì quan trọng , các bạn không được phép bỏ qua bước này . Các bạn cần chính xác cho trang game định làm hướng phát triển rõ ràng ngay từ đầu. Cụ thể , bạn muốn phát triển một trang chơi game Bắt đầu làm , game bắn súng ,  game thời trang…… hay thậm trí là tổng hợp tất thảy thì nên Ghi chép cho mình một danh sách ý tưởng rõ ràng để thuận lợi cho các bước sau.

Tiếp đó , bạn cũng nên chính xác rõ rằng mình sẽ thuê người viết game hay chỉ đi sưu tầm các game và chia sẻ lại trên Blog của mình. Cái này cũng cực kì quan trọng vì nếu muốn thuê người viết game thì bạn phải Dự bị sẵn một Bớt đi kha khá đấy. Nói thật là mình nêu ra bước này cũng chỉ là học thuyết thôi chứ đã quyết dùng Blogspot thì tiền đâu mà thuê người viết game.

lần chót , bạn cần chính xác sẽ phát triển Blog của mình to đến cỡ nào , và mục tiêu của nó là gì. Có khả năng bạn muốn phát triển để chèn ads kiếm tiền hay đơn giản chỉ để cho vui , mang tính chia sẻ là nhiều thì phải chính xác nó từ đầu , và phải kiên tâm Tuân theo , đừng dễ dàng bỏ cuộc.

BƯỚC 2 : tuyển trạch TÊN MIỀN VÀ GIAO DIỆN

tuyển trạch TÊN MIỀN

Tên miền là gì ? Tên miền là địa chỉ mà người dùng sẽ sử dụng để thâm nhập vào trang game của bạn. Nếu bạn sử dụng Blogspot thì có khả năng sử dụng luôn tên miền do Google cung cấp miễn phí ( có dạng .blogspot.com ). Nhưng nhược điểm của loại tên miền này là dài , khó nhớ , làm mất đi tinh chuyên nghiệp nếu bạn định phát triển lâu dài. Tốt nhất , bạn nên bỏ ra 1 Bớt đi khoảng 200 000VNĐ để mua tên miền .com .net…… của các nhà cung cấp có uy tín để sử dụng. Còn nếu không đủ tiền thì bạn cũng có khả năng đợi đến những dịp mà nhà cung cấp giảm giá để mua cho rẻ hơn cũng không sao cả.

tham khảo :  Top 5 website cung cấp tên miền miễn phí đi hàng đầu

MỘT SỐ LƯU Ý KHI tuyển trạch TÊN MIỀN

• Không được đụng hàng
• Không quá dài , tốt nhất là khoảng 63 kí tự bao gồm cả đuôi .com ……
• Ngắn gọn , dễ nhớ , dễ viết , không có các kí tự đặc biệt như ” – “……
• liên quan đến khu vực định phát triển. Ví dụ : bạn muốn phát triển trang game thời gian thì có khả năng đặt như sau : gamethoitrangviet.com , gamethoitranghay.net………

tuyển trạch GIAO DIỆN

Giao diện giống như bộ mặt của Blog. Một giao diện đẹp và phù hợp chắc chắn sẽ lôi cuốn người chơi quay lại với Blog của bạn. Vì mục tiêu là sẽ phát triển một trang game nên các bạn nên tuyển trạch các template sáng sủa , gọn ghẽ , và quan trọng là phần nội dung bài viết tức thị phần để chơi game phải chiếm diện tích nhiều hơn các phần khác.

MỘT SỐ TEMPLATE CHO BLOGSPOT GAME ONLINE

Đây là một số template mình sưu tầm được , các bạn có khả năng download và sử dụng vì nó hoàn toàn miễn phí

Demo   –   Download

Read More

Cách kéo traffic về website làm tăng thứ hạng tìm kiếm

Home  »  Kinh nghiệm blogspot   »   Cách kéo traffic về website làm tăng thứ hạng tìm kiếm

Đăng trong Kinh nghiệm blogspot Bởi bloghoainam.com Vào ngày 15 Tháng Một, 2016

Xin chào các bạn. Cũng khá lâu rồi mình không đăng bài nào bởi đang phải dành nhiều thời kì cho Học hỏi. Nhưng bữa nay mình đã trở lại và mong chờ và sẽ lợi hại hơn xưa. OK. Bắt đầu

Như các bạn đã biết , để tăng traffic của website bạn phải trải qua nhiều bước như hoàn cảnh tối ưu hóa giao diện , hoàn cảnh tối ưu hóa nội dung , hoàn cảnh tối ưu hóa nội dung rồi không ngừng quảng bá blog trên các trang mạng xã hội Facebook , G+…. Bài viết này mình sẽ chỉ dẫn các bạn mộc tăng traffic cho blog với Hitleap khôn xiết giản đơn , chẳng những không mất phí và còn kiếm được ra tiền.

GIỚI THIỆU VỀ HITLEAP

Hitleap hay Hitleap Viewer là một công cụ online được phát triển để tăng lượng truy nhập cho blog bằng cách mọi thành viên của trang website cùng san sớt với nhau. Cụ thể , bạn sẽ phải chạy phần mềm auto để xem trang của người khác , nhậm phút và chuyển số phút đó ra lượng truy nhập của website mình.

CÁCH HOẠT ĐỘNG CỦA HITLEAP

Như mình đã trình diễn.# qua ở trên , nếu bạn treo máy và truy nhập vào website của người khác bao lăm lâu thì bạn sẽ được bấy nhiêu phút. Nếu : bạn treo máy 1000 phút ( hơn 16 tiếng ) thì bạn cũng sẽ nhận được 1000 phút. Sau thời gian ấy , bạn sẽ phỉa chỉnh thời kì truy nhập vào website của mình là 10s đến 60s. Hãy thử làm một phép chia bạn sẽ thấy , bằng cách sử dụng Hitleap bạn sẽ tăng được đáng tường thuật lượng truy nhập vào blog.  ngoại giả , đây cũng là một công cụ giúp bài viết và website của bạn được index nhanh hơn đấy.

TĂNG TRAFFIC CHO BLOG VỚI HITLEAP tuyệt trần giản đơn

Thôi vào vấn đề chính thôi nhỉ.
đầu tiên các bạn truy nhập vào vào Hitleap.com để bắt đầu đăng kí và sử dụng. Trên trang chủ , bạn trông phía bên phải có cột đăng kí.

Nhập các báo cáo nhăng nhít như E-mail , Usename , Password vào ô sau thời gian ấy thừa nhận SIGN UP . Xong thì bạn trang duyệt mail để kích hoạt account. Cái này thì quá việc quen thuộc rồi nên không trình diễn.# nhiều nhé.
Sau khi confirm thành công , bạn nhấn vào chữ viết Login ở góc trên , phía bên phải để bắt đầu đăng nhập.

Ở giao diện trang Overview , bạn sẽ thấy 2 cái giản đồ. Cái bên trái là thời kì bạn nhận được còn cái bên phải là số lượng truy cập bạn nhận được. Nói chúng cái này cũng chả quan trọng gì lắm.

Giờ bạn nhấn sang phần My website , nhấn Submit website into the Traffic Exchange để thêm webiste , blog , bài viết….. mà bạn muốn tăng lượng truy cập . Tài khoản miễn phí chỉ được tương trợ 3 website

Tiếp theo , bạn nhập các thông cáo mà Hitleap yêu cầu.

Có vài thiết lập theo mình là lăng nhăng không thèm thiết. bạn chỉ cần quan tâm đến 2 cái này
WEBSITE ADDRESS : Link website
VISIT DURATION : thời gian truy cập vào website. Ngay phía bên dưới là số lượng view nhận được với 1000 phút.
Xong thì ấn Submit for review và đợi Hitleap chấp thuận website của bạn. Nếu được chấp nhận , bạn sẽ nhận được email có tiêu đề là Website Approved ( Website được chấp nhận ). An tâm , nếu website của bạn phải không có popup , không auto refresh và 1 vài cái yêu cầu về nội dung phụ khác thì sẽ nhận được email chấp thuận rất nhanh chậm nhất là vài tiếng thôi.
Mà cũng đừng lo lắng , trong lúc đợi được chấp nhận , hãy tranh thủ thời gian cắm máy và tăng traffic cho blog  luôn và ngay. Gia chi dĩ , việc cắm máy luôn sau khi thêm website sẽ giúp website được chấp nhận nhanh hơn Hai ba lần đấy.
Nhấn vào tab Traffic Exchange để bắt đầu kiếm phút. Hitleap sẽ yêu cầu bạn tải về phương tiện Hitleap Viewer để cắm máy.

Click button Download Traffic Exchange để bắt đầu tải về và cài đặt phần mềm. Phần cài đặt mình thôi không nói nhé bởi nó thuộc mảng khác không thuộc mảng của blog mình. Bạn nào gặp mắc mứu thì comment , mình sẽ giúp đỡ.
Sau khi cài đặt , mở chương trình lên và dấn Start để bắt đầu cắm máy và tăng lượng truy cập cho blogspot . Khi nào không muốn dùng thì tắt đi là được , Hitleap không chạy ẩn nên không sợ

ngoài ra , việc cắm máy còn giúp bạn kiếm ra tiền bằng cách bán lại số phút mình kiếm được cho Hitleap. Cái này các bạn tự Học hỏi nhé.
Tóm lại
Hitleap tuy có thể giúp bạn tăng traffic cho blog  một cách tự động và tuyệt đối miễn phí nhưng nếu bạn quá lạm dụng cái này. Bởi vì , nếu bạn sử dụng cách này đặt tăng truy cập blogspot và số truy cập tăng đột biến trong 1 thời gian ngắn thì rất dễ bị thẩm tra. Tối ưu , mình khuyên các bạn nên sử dụng cho hợp lí , vừa phải và phối hợp với câu view bằng san sẻ lên mạng tầng lớp sẽ Đạt tới công hiệu cao nhất. Chúc các bạn thành công.

Read More

Chuyển dữ liệu từ blogger về wordpress một cách đơn giản

Đăng trong Kinh nghiệm blogspot Bởi bloghoainam.com Vào ngày 15 Tháng Một, 2016

Bạn có một blog trên Blogger ( abc.blogspot.com ) và bây chừ , bạn muốn chuyển nó sang WordPress ( self-hosted ) với tên miền và server riêng như abc.com. Vậy , đâu là cách dễ dàng nhất để chuyển từ Blogger sang WordPress mà không mất đi lượng thâm nhập từ google search , rank và những người đang theo dõi blog của bạn.

WordPress cung cấp một công cụ để bạn dễ dàng nhập toàn bộ bài viết và bình phẩm từ Blogger vào blog WordPress mới. Tuy nhiên , việc chuyển từ Blogger sang WordPress còn rất nhiều thứ khác chứ không thuần tuý chỉ là chuyển nội dung vào blog mới. Ví dụ:

• Một số bài  viết trong blog cũ có khả năng có rank rất cao trên các bộ máy tầm ở một số từ khóa nhất mực. Một khi bạn chuyển các bài này sang WordPress , bạn sẽ mất đi lượng thâm nhập từ các công cụ tầm vì đường link sẽ bị thay đổi.
• Quần chúng thâm nhập vào blog của bạn từ các máy tầm , bookmark , và từ các trang web khác. Ví như chuyển sang WordPress , Blogger sẽ không tự chuyển hướng những người này sang blog mới.
• Khi chuyển sang WordPress , số người đã đăng kí theo dõi blog cũ có khả năng sẽ mất hết nếu họ không tự đăng kí lại ( mà thông thường thì không )

công cụ mà WordPress cung cấp chỉ chuyển nội dung từ Blogger về , nhưng nếu bạn quan hoài đến các vấn đề kể trên , hãy làm theo những bước sau đây , rất mau chóng nhưng có khả năng giải quyết được phần nào những vấn đề đó.

làm sao CHUYỂN BLOG TỪ BLOGGER VỀ WORDPRESS

---

Trước khi bắt đầu , bạn nên sao lưu toàn bộ blog của mình ở một nơi an toàn.

1. đăng kí một tên miền , hosting và cài đặt WordPress.
2. Mở WordPress Dashboard ( bảng điều khiển ) lên và vào Tools -> Import , WordPress sẽ liệt kê một số nền tảng mà nó hỗ trợ nhập dữ liệu. Chọn Blogger. Nhấn Authorize , Allow access để cho phép WordPress thâm nhập vào trương mục Blogger của bạn. Nó sẽ liệt kê các blog có trên tài khoản của bạn , nhấn Import và chờ một lát , toàn bộ dũ liều sẽ được chuyển về.
   
3. Mở Editor của WordPress lên ở Appearance -> Editor và mở file functions.php ra. Hồ hết các theme của WordPress đều có file này , hoặc bạn có khả năng tự upload lên bằng Cpanel hay FTP. Copy và dán đoạn mã này vào file functions.php ( bên trên ) và nhấn Update File để lưu.

1. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

   <span style=“color: #0000ff;”>&lt;?php function labnol_blogger_query_vars_filter( $vars ) {   $vars[] = “blogger”;   return $vars; } add_filter(‘query_vars’, ‘labnol_blogger_query_vars_filter’); function labnol_blogger_template_redirect() {   global $wp_query;   $blogger = $wp_query–&gt;query_vars[‘blogger’];   if ( isset ( $blogger ) ) {     wp_redirect( labnol_get_wordpress_url ( $blogger ) , 301 );     exit;   } } add_action( ‘template_redirect’, ‘labnol_blogger_template_redirect’ ); function labnol_get_wordpress_url($blogger) {   if ( preg_match(‘@^(?:https?://)?([^/]+)(.*)@i’, $blogger, $url_parts) ) {     $query = new WP_Query (       array ( “meta_key” =&gt; “blogger_permalink”, “meta_value” =&gt; $url_parts[2] ) );     if ($query–&gt;have_posts()) {       $query–&gt;the_post();       $url = get_permalink();     }     wp_reset_postdata();   }   return $url ? $url : home_url(); } ?&gt;</span>

2. • Mở Blogger Dashboard và chọn Templates. Kéo xuống và chọn Revert to Classic Templates. Nhấn Revert to Classic Templates ở phía dưới một lần nữa để xác nhận.
   • Trong phần Edit template HTML , thay thế tuốt nội dung bên trong bằng đoạn mã dưới đây. Nhưng trước khi thực hành , bạn thay thế thuthuatphanmem.net bằng chức vị của mình. Nếu chức vị trang web của bạn là example.com , hãy thay thế
   • thuthuatphanmem.net bằng  example.com

3. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

   <span style=“color: #0000ff;”>&lt;html&gt; &lt;head&gt;   &lt;title&gt;&lt;$BlogPageTitle$&gt;&lt;/title&gt;   &lt;script&gt;     &lt;MainOrArchivePage&gt;       window.location.href=“http://thuthuatphanmem.net/”     &lt;/MainOrArchivePage&gt;     &lt;Blogger&gt;&lt;ItemPage&gt;       window.location.href=“http://thuthuatphanmem.net/?blogger=<$BlogItemPermalinkURL$>”     &lt;/ItemPage&gt;&lt;/Blogger&gt;   &lt;/script&gt;    &lt;MainPage&gt;     &lt;link rel=“canonical” href=“http://thuthuatphanmem.net/” /&gt;    &lt;/MainPage&gt;    &lt;Blogger&gt;     &lt;ItemPage&gt;      &lt;link rel=“canonical” href=“http://thuthuatphanmem.net/?blogger=<$BlogItemPermalinkURL$>” /&gt;     &lt;/ItemPage&gt;    &lt;/Blogger&gt; &lt;/head&gt; &lt;body&gt;   &lt;MainOrArchivePage&gt;     &lt;h1&gt;&lt;a href=“http://thuthuatphanmem.net/”&gt;&lt;$BlogTitle$&gt;&lt;/a&gt;&lt;/h1&gt;   &lt;/MainOrArchivePage&gt;   &lt;Blogger&gt;    &lt;ItemPage&gt;     &lt;h1&gt;&lt;a href=“http://thuthuatphanmem.net/?blogger=<$BlogItemPermalinkURL$>”&gt;&lt;$BlogItemTitle$&gt;&lt;/a&gt;&lt;/h1&gt;     &lt;$BlogItemBody$&gt;    &lt;/ItemPage&gt;   &lt;/Blogger&gt; &lt;/body&gt; &lt;/html&gt;</span>

Như vậy là gần xong rồi , hãy mở bất kỳ trang nào trong blog cũ , và nó sẽ chuyển hướng đến bài ứng với ở WordPress.

công cụ để chuyển nội dung của WordPress chỉ có xác xuất chuyển các bài viết và bình phẩm từ Blogger về , nó chẳng thể làm như vậy với các hình ảnh trong blog cũ. Nhưng như vậy cũng không đáng , các URL hình ảnh vẫn được trỏ đến blogspot.com ( nơi lưu trữ của nó ) và vì vậy , bài viết của bạn vẫn có xác xuất hiển thị đầy đủ.

làm chi TIẾP THEO?

Khi blog mới của bạn đã chạy yên ổn , bạn nên thêm trang web của bạn vào Google Webmaster , verify quyền sở hữu và gửi Sitemap chứa các đường link trong trang web mới của mình. Ngoại giả bạn có xác xuất xem bài   Một số điều nên làm sau khi cài đặt WordPress .

Read More