Thực đơn Stylish Sidebar của bạn Way Rất dễ dàng để sử dụng và tùy chỉnh nó.

Thực đơn Stylish Sidebar của bạn Way Rất dễ dàng để sử dụng và tùy chỉnh nó.

Một số người liên lạc với tôi yêu cầu làm thế nào để thêm một menu đẹp bên một blog blogger, Hôm nay tôi sẽ tìm hiểu bạn một cách rất dễ dàng làm thế nào để thêm một menu để sidebar của bạn và làm thế nào để tùy chỉnh màu sắc của nó để pha trộn với màu sắc mẫu blogger.
Thêm menu ngang cho blog của blogger của bạn.
Đi vào tài khoản blogger của bạn, và đi đến Bảng điều khiển>> Layout>> và trên trang PageElements của bạn, nhấp vào Add A Gadget và chọn HTML / JavaScript Add sau đó sao chép mã sau và dán nó trong khu vực nội dung HTML / JavaScript.
<style type="text/css">



/ * Made By AllBlogTools.com * /



# Ddblueblockmenu {

biên giới: 1px solid # 000000; / * Màu viền * /

cửa dưới chiều rộng: 0;

chiều rộng: 100%;

}



# Ddblueblockmenu ul {

margin: 0;

padding: 0;

danh sách-style-type: none;

font: bình thường 90% 'Trebuchet MS', 'Lucida Grande, Arial, sans-serif;

}



# Ddblueblockmenu một {

hiển thị: khối;

padding: 3px 0;

padding-left: 9px.

chiều rộng: 94% / 94% trừ đi tất cả các trái / phải paddings và lợi nhuận * /

text-decoration: none;

màu: # ffffff; / * Menu Màu chữ * /

background-color: # 2175bc; / * Menu nền màu * /

biên giới-dưới cùng: 1px solid # 90bade; / * màu biên giới dưới * /

cửa bên trái: 7px rắn # 1958b7; / * màu biên giới còn lại * /

danh sách-style-type: none;

}



* Html # ddblueblockmenu a {/ * IE chỉ * /

chiều rộng: 94%; / * IE 5 * /

chiều rộng: 94% / 94% trừ đi tất cả các trái / phải paddings và lợi nhuận * /

}



# Ddblueblockmenu a: hover {

background-color: # 2586d7; / * Menu nền màu Trên Hover * /

biên giới-trái-color: # 1c64d1; / * màu biên giới trái Trên Hover * /

}



# Ddblueblockmenu div.menutitle {

màu: # ffffff; / * Tiêu đề Màu chữ * /

biên giới-bottom: 1px đen;

0 padding: 1px;

padding-left: 5px;

Màu nền background-color: # 000000; / * Menu Tite * /

font: đậm 90% 'Trebuchet MS', 'Lucida Grande, Arial, sans-serif;

}

/ * Made By AllBlogTools.com * /

</ Style>



<div id="ddblueblockmenu">



<div class="menutitle"> Duyệt </ div>

<ul>

<a href="http://www.allblogtools.com/"> Trang chủ </ a>

<a href="http://www.allblogtools.com/about/"> Giới thiệu </ a>

<a href="http://www.allblogtools.com/category/blogger-templates/"> Blogger

mẫu </ a>

<a href="http://www.allblogtools.com/category/tricks-and-hacks/"> Blogger

Thủ thuật </ a>

<a href="http://www.allblogtools.com/blogger-tools/"> Blogger Công cụ </ a>

<a href=" "> Chỉnh sửa </ a> </ * Bạn có thể sao chép dòng này mỗi khi bạn muốn để thêm một yếu tố mới để thực đơn của bạn và chỉnh sửa thay đổi văn bản của bạn và thay đổi # url .* / >

</ Ul> </ div> <font size="1"> đơn By <a

href = "http://www.allblogtools.com/"> AllBlogTools.com </ a> </ font>

Bây giờ hãy nhấp Save Và bạn đã làm xong, hãy kiểm tra blog của bạn.
Bây giờ chúng ta sẽ tìm hiểu làm thế nào để tùy chỉnh màu sắc đơn với tôi nó trông hoàn hảo với mẫu blogger của bạn Hoặc bạn có thể để nó như là bạn nhìn thấy nó.
Tùy chỉnh màu sắc đơn.
Bây giờ xin vui lòng xem các mã trên, bạn sẽ thấy một số mã được viết bằng màu sắc. trong đoạn mã trên, mô tả những gì mỗi một phần trách nhiệm. Tất cả những gì bạn phải làm là để đi của chúng tôi Html máy phát điện màu hex mã màu yêu thích của bạn sau đó dán nó thay vì các mã màu trong mã trên .
Ví dụ nếu bạn muốn thay đổi màu nền cho menu.
bạn sẽ tìm thấy một dòng nói
 background-color: # 2175bc; / * Menu nền màu    * / 
Chỉ cần thay đổi 2175bc mã màu yêu thích của bạn mà bạn đã nhận nó từ Html máy phát điện màu hex
Nếu bạn tìm thấy đoạn mã trên gây nhầm lẫn hoặc không có thể hiểu được những gì trong tên các yếu tố trong trình đơn, hãy kiểm tra hình ảnh tiếp theo.
edit blogger vertical menu
Demo.
Để xem demo cho trình đơn này, xin vui lòng bấm vào đây, và xin vui lòng không ngần ngại để lại cho bạn bình luận nếu bạn cần bất kỳ hỗ trợ .

Đăng nhận xét

item