Tạo hình ảnh cuộn ngang bằng JQuery cho blogger

Với thủ thuật này bạn có thể tạo ra một loạt hình ảnh được cuộn với nút di chuyển bắt mắt, có thể sử dụng để chia sẽ hình ảnh, icon cảm xúc, sản phẩm, hoặc có thể sử dụng nó như một chức năng cho các bài viết mà bạn cần show trên trang chủ.

Các bước tạo hình ảnh cuộn ngang bằng JQuery cho blogger: 1. Vào Blogger > chọn Layout
2. Chọn Add a Gadget (Thêm tiện ích)
3. Chọn HTML/JavaScript
4. Dán vào đoạn code bên dưới

< script src='http://code.jquery.com/jquery-latest.js'></script>
<script src='http://mybloggertricks.googlecode.com/files/jquery.jcarousel.min.js' type='text/javascript'></script>
<script src='http://mybloggertricks.googlecode.com/files/mycarousel.js' type='text/javascript'></script>
  <style>

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
   
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
   width:425px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  425px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
*  Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://mybloggertricks.googlecode.com/files/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(http://mybloggertricks.googlecode.com/files/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://mybloggertricks.googlecode.com/files/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(http://mybloggertricks.googlecode.com/files/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
*  Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://mybloggertricks.googlecode.com/files/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://mybloggertricks.googlecode.com/files/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


  style>

  <ul id="mycarousel" class="jcarousel-skin-tango">
   

<li><a href=" #"><img src="IMAGE LINK" width="75" height="75" alt="Description" /></a></li>
   

<li><a href=" #"><img src="IMAGE LINK" width="75" height="75" alt="Description" /></a></li>
   

<li><a href=" #"><img src="IMAGE LINK" width="75" height="75" alt="Description" /></a></li>
   

<li><a href=" #"><img src="IMAGE LINK" width="75" height="75" alt="Description" /></a></li>
   

  </ul>
Thực hiện những thay đổi sau:
Thay thế IMAGE LINK bằng URL của hình ảnh thumbnail của bạn.
Thay thế Description viết ngắn khoảng 3 từ để tối ưu hóa cho các robots của google có thểm tìm ra hình ảnh của bạn.
Thay thế # bằng đường dẫn mà bạn muốn khi click vào ảnh sẽ chuyển đến đó
Thay đổi các kích thước width:425px; phù hợp với độ rộng của widget của bạn.
Để thêm hình ảnh vào các bạn lặp lại các thẻ

<li><a href="#"><img src="IMAGE LINK" width="75" height="75" alt="Description" /></a></li>Copy từ nhà Anhoai:

http://anhoaipham.blogspot.com.au/2012/10/tao-hinh-anh-cuon-ngang-bang-jquery-cho.html 


Làm avata thành hình tròn

Một số bạn thích điều mới và khác lạ..An rinh cái này về góp vui nha...làm cho avatar trong mục comment từ hình khác trở thành hình tròn há.
1- Vào Thiết kế → bấm chỉnh sửa HTML → chọn Mở rộng tiện ích
2- Bấm tổng hợp phím Ctrl+F để tìm đến code này ]]></b:skin>
3- Copy và paste đoạn code dưới đây vào ngay trước ]]></b:skin>

.avatar-image-container,
.avatar-image-container img {
 max-width: 50px !important;
 width: 50px !important;
 max-height: 50px !important;
 height: 50px !important;
 padding: 0 !important;
 border: 0px;
 -webkit-border-radius: 999px;
 -moz-border-radius: 999px;
 border-radius: 999px;
}

.avatar-image-container{
 border:3px solid #fff !important;
 -webkit-box-shadow: 0 1px 2px #BBB;
 -moz-box-shadow: 0 1px 2px #BBB;
 box-shadow: 0 1px 2px #BBB;
}

Note: Size mặc định là 50px.Nếu muốn to hay nhỏ hơn thì chúng ta sửa lại 50px thành 40px tùy thích...khi đã sửa thì sửa hết phần An tô đậm màu xanh nha. (An sưu tầm)

Lấy bên nhà Anhoai
http://anhoaipham.blogspot.com/2012/08/cach-lam-cho-avatar-thanh-hinh-tron.html

Cách Chèn ảnh, video, nhạc vào comment Blogger

(Bài viết từ nhà NamRòm)

 Ròm tìm được và rinh về từ nhà của 

cohuynh

http://cohuynh.multiply.com/journal/item/911/911

************************ 

Ảnh được chèn từ "link direct" còn video và nhạc thì từ Youtube và Nhaccuatui

dựa vào link trên thanh địa chỉ. Code để chèn cụ thể:

Chèn ảnh:

Link ảnh là http://domain.com/image.png thì code chèn sẽ là

[img]http://domain.com/image.png[/img]

Chèn video từ Youtube:

Link video là http://www.youtube.com/watch?v=0nbY7Mg_vMI&feature=related thì code chèn sẽ là

[youtube]http://www.youtube...feature=related[/youtube]

Link video là http://youtu.be/0nbY7Mg_vMI thì code chèn sẽ là

[youtube]http://youtu.be/0nbY7Mg_vMI[/youtube]

 
Chèn nhạc từ Nhaccuatui:

Link nhạclà http://www.nhaccuatui.com/nghe?L=6g3kDUIYbvmt thì code chèn sẽ là

[nct]http://www.nhaccuatui.com/nghe?L=6g3kDUIYbvmt[/nct]

Link nhạc là http://www.nhaccuatui.com/nghe?M=B_6M7IcZTz thì code chèn sẽ là

[nct]http://www.nhaccuatui.com/nghe?M=B_6M7IcZTz[/nct]

**********************************

Sau khi Tìm hiểu và làm được rồi thì Ròm rút gọn lại bài viết của nguồn với code mà Ròm đã chĩnh xong 
 Bấm vào góc phải ở trên "Thiết kế hay Design" để vào khu vực chỉnh và cài code .
Nó nằm trong phần :

Mẫu ==> Chỉnh sửa HTML ==> Tiếp tục ==>
Vào tìm đoạn mả </body>

Chèn đoạn mã code dưới đây trước thẻ  </body> (đọc thêm bài " Một vài nguyên tắc ..." ở dưới

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");
theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?L=/gi, "<div style='overflow:hidden'><embed style='margin-top:-250px;width:300px;height:400px' src='http://www.nhaccuatui.com/l/");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?M=/gi, "<div style='overflow:hidden'><embed style='margin-top:-350px;width:300px;height:400px' src='http://www.nhaccuatui.com/m/");
theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed></div>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>




===> 

 Sau khi Ròm chèn code vô thì bên Ròm nó hiện ra như vầy nè .Chú ý vào nơi cuối code đã chèn vào "trước" </body> đó nha .



bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
 ..............................
 ............................
transparent' type='application/x-shockwave-flash'></embed></div>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if></body>

Sau khi thành công ,đã có thể còm hình ,clip và nhạc thì Ròm làm tiếp phần kế .Đó là tạo code cho hiển thị ra để khách vào nhà có thể copie code dán vào còm .

 

 Bấm vào góc phải ở trên "Thiết kế hay Design" để vào khu vực chỉnh cho Comment 
Nó nằm trong phần :

Mẫu ==> Cài Đặt  ==> Bài đăng và Nhận xét  ==> Ở bên phải ,dưới hết có cái khung "Thư thông báo mẫu nhận xét" .Cài code dưới dây vào đó 

Dùng những mã code này để có thể cài vào còm

Link ==&gt;             &lt;a href=&quot;URL&quot;&gt;TEXT&lt;/a&gt;

Hình ảnh ==&gt;         [img]URL[/img]

Youtube clip ==&gt;    [youtube]URL[/youtube]

Nhạc của Tui ==&gt;    [nct]URL[/nct]

==>  Có thể thay đổi hay viết theo ý mình để thay thế câu
"Dùng những mã code này để có thể cài vào còm"

 

Sau khi cài xong dưới khung comment sẽ có những code cho khách ghé nhà có thể copie dán vào còm như thế này nè 

==>

 Dùng những mã code này để có thể cài vào còm ở nhà Ròm

Link ==> <a href="URL">TEXT</a>

Hình ảnh ==> [img]URL[/img]

Youtube clip ==> [youtube]URL[/youtube]

Nhạc của Tui ==> [nct]URL[/nct]

  

_______________________________

Phần chỉnh thêm này Ròm đã làm xong ,cho vào code trên rồi  

- Update 20/02/2012: Update ngày 20/02/2012:

 Đối với các bạn sử dụng Thread Comment mặc định của Blogger 

(tức là blogspot mới tạo có phân cấp tới cấp 2) 

thì các bạn thay đoạn code sau:

bodyText = document.getElementById("multimedia");

Thành đoạn sau:

bodyText = document.getElementById("comment-holder"); 

  ________________________________

Nguồn: http://namkna.blogspot.com/2011/10/chen-anh-video-nhac-vao-comment-blogger.html

http://cohuynh.multiply.com/journal/item/911/911 

+++++++++++++++++++++++++++++++++++

Ròm đem thêm cách tìm hiểu về chổ để chèn code như thế nào .

Bài này đem về từ nhà của Hoài An :
 http://anhoaipham.blogspot.com.au/2012/09/mot-vai-nguyen-tac-can-biet-trong-bang.html

Một vài nguyên tắc cần biết trong bảng điều chỉnh HTML

An viết cái này dù chỉ có 1 người đọc An cũng viết...bỡi vì nó đã khiến mình bối rối khi mình khg biết phân biệt đâu là TRÊN-DƯỚI-TRÁI-PHẢI của 1 đoạn mã nào đó mà mình cần chèn 1 đoạn mã khác vào khi sử dụng bản chỉnh sửa HTML.

-Thí dzụ bài viết kêu bấm Ctrl+F để tìm đoạn mã.....thì khi mình bấm tổng hợp phím Ctrl+F nó sẽ hiện ra ngay đây:

-Thí dzụ trong bài viết họ kêu mình tìm đoạn mã < /head>

Thí dzụ bài viết kêu chèn đoạn mã vào SAU

thì đây là phía TRƯỚC và SAU

Và cuối cùng là phía TRÊN và DƯỚI của đoạn mã:

  

Hướng dẫn vào G+ và blogger

(Bài viết lấy từ Hoai An'blog)
Tìm trên mạng sao khg thấy ai viết bài hướng dẫn này, chỉ toàn là hướng dẫn cho Blogger khg hà...Mà ai bày chi ra G+ chi nữa khg biết...Thật ra cũng khg cần có G+ đâu. Ban đầu thì cần liên kết với nhau cho nên phải có G+..mai này bạn nhiều rồi thì chắc ai cũng lui cui với blogger mà thôi...An nghĩ vậy.

Bây giờ bắt đầu từ đầu nhe...trước tiên mở trang Google ra..chọn sign in(Đăng nhập) giống như đăng nhập để vào check mail vậy

Đăng nhập xong chúng ta sẽ thấy thế này: Trang trong hình sẽ hiển thị khi chúng ta đăng nhập xong và bấm vào chổ tên mình (như +An là ví dụ).Ở nơi này chúng ta mở đề tài gì đó để tám...khi viết xong đề tài tám thì cứ chọn share cho Public đi...lúc đó người quen thấy thì họ sẽ lên tiếng và cũng từ đó chúng ta bắt đầu liên kết theo hướng dẫn của người quen nha..Nam Ròm chẳng hạn..ở mục mở đề tài tám có cho đưa hình hay clip gì đó tùy thích há...để vô blog thì chúng ta bấm vào chữ More trên thanh menu thì nó sẽ nhả ra 1 bảng...chúng ta chọn blogger và bắt đầu vào blog mình.

Chú ý: Khi viết và đăng bài....dù là bài import hay bài mới viết..ít nhiều gì chúng ta sẽ có vụ xem lại và edit bài...trước đó post lên là đã chọn share to G+ rồi thì những lần sau đó có edited xong cũng đừng share nữa..bấm Cancel nhe...vì mổi lần share là mỗi lần bên G+ nó lại hiện ra bài của mình vừa post...đây là gợi ý tôn trọng những ai đang sinh hoạt bên G+..đừng làm rối mắt họ.

Đây là hình minh hoạ những mục có trong blog mình

Ở mục Setting chúng ta set thế này (xem hình) nhớ là chỉnh y như vậy người ta mới dễ comments.

Quay trở lại G+

Ở G+ khi mới vào chúng ta chưa thấy ai quen cả...bấm vào mục Circles bắt đầu tìm bạn quen như trong hình...An để nghị tìm NamRòm..gõ chữ N nếu chưa thấy hiện ra thì gõ tiếp chữ a...chắc chắn sẽ hiện ra và mình add vào...vì NamRom có nhiều bạn quen lắm..vào đó thấy avatar nào quen thì add thành friend hay follower..chọn cả 2 cũng được...và cứ thế.

Nhiều nhà các bạn vẫn chưa có mục Followers..chúng ta vào Dashboard...vào Layout..chọn add tiện ích Followers (theo dõi)...mỗi nhà cần phải có mục này để bạn bè tiện add vào blog mình...khg có nó khg biết làm sao mà liên lạc đó.Nhiều người mở blog mà khg chú ý hay quan tâm gì đến cách mở blog thế nào...vào nhà chẳng thấy có mục lục để chọn đọc bài tùy thích..cũng chẳng có mục để Theo dõi mà add vào...chổ comments thì khg chỉnh sao cho dzễ cho người đọc....tóm lại là khg quan tâm...blog là chổ mở ra và viết bài post cho công cộng mà cứ ngỡ như post cho riêng một mình mình..ý là chổ quen biết đó nhe...rồi mình vô..mình tự đi ra...họ có trách mình bạn bè sao hời hợt quá khg? chứ mình thì tự trách mình đó....mình trách mình bất lực đối với họ.

Ở mục Theo dõi chúng ta bấm vào..đăng nhập sẽ thấy chổ gởi tin...add friends block

Làm blogger nhiều mục như Multiply

Bài viết lấy từ blog của Anhoai76

Mình bày trò này ra...nếu chịu khó chút thì các bạn sẽ có 1 trang blogger vừa ý cho mà xem...chỉ là hơi mất thời gian 1 chút...vì đây là ý nghĩ của An..vốn khg có theo công thức nào của bất cứ ai trên Google cả...chỉ thử xem..được thì tốt mà khg được thì xóa..khg hề hấn gì cả.

• Đầu tiên là blog chính của An sẽ đặt tên là Testing...An tạo nó với những bước y chang các bạn tạo blog các bạn vậy...kế đó An lại tạo thêm blog mới bằng cách bấm vào New Blog...và cũng tạo nó y như blog chính của mình...nhưng khg cần những chi tiết phụ như là add mấy cái tiện ích gì đâu...nếu mặc định nó có thì các bạn bấm remove nó đi..lấy trang trống trơn vậy...nhớ nhe..An tạo blog thứ 2 và đặt là Notes...với blog này chỉ dùng để giăng note tám như bên Multiply vậy đó: Mỗi blog khi đặt tên thì dễ lắm thôi..cứ thêm số hoặc chữ cái ngay đằng sau thí dụ anhoaiphamA là nó sẽ cho mình pass liền.

• Kế đó vào Dashboard để thấy bao nhiêu blog mình mở nó sẽ hiện ra ngay đó:

• Bây giờ bắt đầu add blog phụ (Notes) vào blog chính(Testing) của mình nha..và nếu mở bao nhiêu mục(blog) thì cũng add y vậy: Trong hình An hướng dẫn là...để add mục Notes vào trang chính của mình..các bạn làm như trong hình..nghĩa là bấm như trong mũi tên để lấy địa chỉ của nó

.....và xem hình kế tiếp để thấy cách add nha

• Copy địa chỉ của mục Notes(blog Notes) xong...chúng ta vào lại dashboard và mở blog chính (Testing) của mình ra...chọn mở mục Pages (Trang)...Bấm ngay mục New page và chọn Web link như trong hình...paste cái địa chỉ blog Notes vào và đặt tên là Notes...cái tên này nó sẽ hiện ra ở đầu trang chính của mình với điều kiện là chọn cho nó hiển thị đầu trang nhe...bấm Save
• khi copy link của blog phụ vào trang thì nhớ xóa bỏ cái dấu (/) ở cuối link đi...thí dụ:anhoaipham.blogspot.com(không có dấu /)
  Chọn cho hiện ở đầu trang rồi khi save ở trong đường dẫn rồi thì đừng click vào "lưu blog" nữa ở đầu trang sẽ bị lỗi ngay .

Mình add địa chị mục Notes xong bấm Save thì nó hiện ra trong trang chính của mình thế này đây:

Chúng ta bấm View trang chính của mình để thấy nó thế nào nha:

• Xem như xong rồi cái phần tạo mục này nọ như bên Multiply...bây giờ muốn post để tài gì thì chúng ta vào dashboard và chọn blog có đề tài đó để post nhe...với trò này..chúng ta khg cần đặt nhãn gì sất vì mục nào nó đã ra mục đó rồi. 

An thử giăng 1 cái note và đương nhiên An mở blog có tên là Notes để post bài. 

Xong rồi đó...chúc các bạn hài lòng nhe. 

Chú ý : khi mở blog phụ thì chúng ta đồng chọn cho nó theme y như trang chính vậy há...để khi bấm vô khg làm người view bài thấy lạ.
Còn nữa nè...nếu khg nhớ trước đây mình tạo blog chính mình đã chọn theme gì thôi đi há...bắt đầu từ những blog phụ..chịu khó cho nó giống nhau và ở mỗi blog phụ...chúng ta vào add tiện ích gọi là list..cái này đây:

 

Add cho nằm cột trái hay phải tùy há...ở cái tiện ích này...mình có bao nhiêu mục trong trang chính...mình add từng cái vào cho nó hiện ra như 1 menu nhỏ vậy....để khi người ta muốn trở về Trang chính chẳng hạn...họ sẽ bấm vào trang chính để về:

Chúng ta làm thêm bước này là vì khi mình mở 1 Notes hay bài nhạc hoặc 1 loạt photo và share qua G+...người ta bấm vô thì chỉ thấy mỗi trang phụ đó thôi...cho nên làm list này để họ muốn view trang chính hay trang khác thì bấm vào..nó sẽ như thế này đây:

 Không biết còn thiếu chi tiết gì nữa khg...đúng là khg có học nên tạm dùng cách này cho rồi.

A.Tạo trang :
  1. Trang chính : là trang blog các bạn đăng ký trực tiếp với Blogspot.

Hãy nhớ tên trang blog của bạn. Ví dụ của Gió là : gioheomayhd.blogspot.com

2. Các trang phụ :Sau khi có Trang chính, các bạn tạo các trang phụ tùy theo số lượng trang bạn muốn và đặt tên cho từng trang : Ví dụ Gió có trang chính (Blog) 5 trang phụ ( notes, photo,music,video,Guestbook)

Cách tạo trang phụ (Blog Gió là tiếng Việt bạn nào có tiếng Anh thì nhìn của An)

- đăng nhập vào Blogspot > click “thiết kế” trên góc phải của trang.

- Nhìn trên góc trái click “blog của tôi” >blog mới > gõ vào tiêu đề (notes hoặc photo….) mỗi trang chỉ một ứng dụng nên chỉ gõ vào mỗi trang một tên thôi> click chọn đại 1 theme mai mốt chỉnh sau.>click vào “Địa chỉ” là bạn lập lại địa chỉ trang blog chính thêm số hoặc ký hiệu vào :

Ví dụ : trang chính là gioheomayhd ( đã có sẵn), trang note là “gioheomayhd1”, trang photo là “gioheomayhd2”….

- click "tạo blog" và đợi ra trang blog mới >click thiết kế của trang mới> click "trang" trong cột dọc > sẽ thấy chữ  "trang chủ" bạn click vào chỉnh sửa  đúng tên trang blog vừa làm.

Sau đó click “blog mới” tiếp tục làm như thế tất cả các trang còn lại .. Cho đến khi bạn có tất cả 5, 6 trang gồm trang chính và những trang phụ.

B. Tạo liên kết giữa các trang:

    + trở lại trang chính > thiết kế> blog của tôi > hiện lên tất cả các trang blog vừa tạo

    +Bạn bắt đầu lần lượt nhập tên các trang liên kết vào từng  trang ứng dụng : Ví dụ bạn làm trang Blog đầu tiên
         
         @ click vào "xem blog" ở cuối hàng có chữ "blog" click thiết kế > click "trang" ở cột dọc > click "hiện thị tab trên đầu tab">trang mới > địa chỉ Web > đánh tên "notes" vào  « tiêu đề », mở một cửa sổ khác lấy link trang note bỏ vào địa chỉ web ( nhớ click bỏ cái dấu ( /) cuối link > click "lưu" là xong không click thêm "lưu thay đổi" ở đầu trang nữa , nếu không sẽ bị lỗi)
          @ lần lượt tạo cho trang blog tất cả các địa chỉ web còn lại của các trang kia y như thế kể cả chính cả phụ .

( ví dụ của Gió sẽ tạo trong trang blog gồm trang blog đã tạo sẵn và thêm địa chỉ của 5 trang kia)

           @ Các trang còn lại cũng làm như thế , có nghĩa là tất cả các trang blog đều có thêm địa chỉ của các trang blog còn lại.

Sau khi làm xong tất cả các trang là bạn đã liên kết xong các trang , bạn có thể thử lại và trang trí các trang phụ tùy ý thích của mình .

Trên là Gió nói theo kiểu mình làm ... Trong bài viết An chỉ mới viết đến tạo trang mà chưa nói đên cách liên kết các trang, các bạn xem thêm tóm tắt của Gió nhá . Nói thì dài nhưng thật ra làm rất nhanh và không khó.

P/S bạn nào không có thời gian, có thể tin để Gió làm hộ thì OK , đừng ngại !

Guestbook: Mây có hỏi trang Guestbook làm sao thật ra thì Gió chỉ mở trang viết blog , bỏ 2 tấm hình và nhạc vào y như trang home của Multiply thôi. Còn comment chính là nơi bạn bè tám chuyện chứ đâu có gì . Tự dưng nghĩ ra cách để tám chuyện thôi mà !