demo :
hướng dẫn xây dựng giao diện blog yahoo
sau khi các bạn làm ra (tạo) xong blog cho riêng mình .
trước tiên chúng ta vào phần thiết kế --> theme --> chế độ tự chỉnh sửa
sau đó bạn tìm tới mục css chúng ta sẽ copy đoạn ngựa sau (không rõ tác giả theme này) vào form trong mục css:
Code:
/*Trong suot vieng*/
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div, #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc,
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc,
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd, #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div,
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent;}
/*Cac module*/
.row-920 .rc {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/26001244979067.png) no-repeat center bottom;height:30px;}
.row-760 .rc {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/10381244979068.png) no-repeat center bottom;height:30px;}
.col-150 .rc {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/98911244917138.png) no-repeat center bottom;height:30px;}
.col-600 .rc {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/91721244969961.png) no-repeat center bottom;height:30px;}
.row-920 .rc_bd,
.row-760 .rc_bd,
.col-150 .rc_bd,
.col-600 .rc_bd {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/82011244916881.png) repeat;}
.row-920 .rc_ft {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/99141244973887.png) no-repeat center top;height:30px;}
.row-760 .rc_ft {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/10641244974281.png) no-repeat center top;height:30px;}
.col-150 .rc_ft {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/68961244917138.png) no-repeat center top;height:30px;}
.col-600 .rc_ft {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/96841244971680.png) no-repeat center top;height:30px;}
/*Chinh sua module*/
.row-760 .rc_bd .rc_bc .hd .titlebar .hd, .row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar,
.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar,
#gb_msg .ft, #gb_msg .hd .titlebar .bd, #gb_msg .hd .titlebar .hd, #gb_msg .bd .c_gbmsg .hd .titlebar .hd, #gb_msg .rc_bd .rc_bc .bd .c_gbmsg .hd .titlebar {background:transparent;}
.col-150 .rc_bd .rc_bc .bd,
.col-600 .rc_bd .rc_bc .bd,
.row-920 .rc_bd .rc_bc .bd,
.row-760 .rc_bd .rc_bc .bd {background:transparent;}
/*Nen blog*/
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc,
body.photo_upload_gallery {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/42101245040289.jpg) fixed repeat bottom center;width:1400px;}
/*Mau chu*/
.mod-comment-new li, .col-600 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_bd .rc_bc .hd .titlebar, .row-760 .rc_bd .rc_bc .hd .titlebar, .col-150 .rc_bd .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd .rc_bc .hd .titlebar .hd a, .col-150 .rc_bd .rc_bc .hd .titlebar, #calendar .titlebar .bd a {color:#ff9696;}
#subscribe_highlight ul.blog-list li, .cmt-mod-alist .alist-comment .comment-ctnr, #mod_lifeline ins, .privacy, .mod-alist-tagsbar a, .mod-alist-folderbar a, .mod-comment-new li, .row-920 .rc_bd .rc_bc .bd, .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .cmt-mod-alist .add-comment a {color:#ff9696;}
.mod-alist .mod-alist-titlebar-1 h2 a, #subscribe_highlight a, .mod-alist .mod-alist-titlebar-1 h2 a, .mod-alist-titlebar h2 a, .mod-alist-brief table td a, .mod-relatives-1 .bd li a, .mod-alist-full .comment-more li a, .mod-alist-titlebar a, a, .mod-alist-brief table {color:#ffffff;}
.mod-alist-titlebar h2 a:hover, .mod-alist-titlebar h2 a:hover, .mod-alist-brief table td a:hover, .mod-alist-titlebar h2 a:hover {color:#ff9696;}
/*Chinh sua them*/
#gallery_list .ft, #subscribe_list .ft, #gallery_list .bd, #photo_enlarge .bd, #photo_enlarge .ft, #post_rte .hd h2, #post_draw .hd h2, #post_gb .hd h2, #report_abuse .hd h2, #friend-list .pagination,
.mod-alist-summary .pagination, .mod-alist-full .pagination, .mod-tag-friend-list .bd, .mod-tag-friend-list .ft,
#gallery_list .bd .actionbar .bd, #gallery_list .bd .actionbar, #gallery_list .bd .actionbar .hd,
#subscribe_list .bd .actionbar, #subscribe_highlight ul.blog-list li, #mod_lifeline ins, .privacy, .mod-alist-tagsbar a, .mod-alist-folderbar a,
#profile_info .bd #blog_profile .bd, #profile_info .bd #personal_profile .bd, #profile_info .bd #introduction_profile .bd, #profile_info th,
.mod-alist-full .alist-comment ul {background:transparent!important;}
#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}
.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;}
.alist-comment #comment_container , .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}
#photo_highlight .ft {background:transparent;}
#rss_output .bd a,
#mod-tagged-frd-article h2,
.mod-comment-new .titlebar .hd h2,
#subscribe_highlight .titlebar .hd h2{background:transparent;}
#profile_info .bd #personal_profile .bd th {background:transparent;border-left:1px solid #ffffff;}
/*Ten tieu de module*/
.hd .titlebar .hd h2{font-size:15px;color:#ff9696;text-align:center;}
#rss_output .hd .titlebar .hd h2,
#comment_new .hd .titlebar .hd h2{font-size:15px;color:#ff9696;text-align:left;}
/*Trong suot khung blast*/
#blast .rc_ft,
#blast .rc,
#blast .rc_bd,
#blast .rc div,
#blast .rc_bd div.rc_bc,
#blast .rc_bd,
#blast .rc_ft div,
#blast .rc_bc .bd {background:transparent;}
#blast .rc_bc .bd a{font-weight:bold;color:#ff9696;font-size:105%;}
/*Menu tren cung cua blog*/
#blog_masshead .bd{height:110px;background:transparent;}
#blog_masshead .menu.mr a {background-image:url(http://blog.uhm.vn/plus/nghethuat/1/36821245040287.png);}
#blog_masshead .menu .rc_w,
#blog_masshead .menu .rc_e {height:27px;background-image:url(http://blog.uhm.vn/plus/nghethuat/1/91271245040288.png);}
#blog_masshead .menu.ml a {background-image:url(http://blog.uhm.vn/plus/nghethuat/1/91271245040288.png);}
#blog_masshead .bd form .btn{height:27px;background:url(http://blog.uhm.vn/plus/nghethuat/1/98201245040287.png) no-repeat 0 0;cursor
ointer;}
#blog_masshead{font-size:12px;color:#ffffff;background:transparent;height:110px;}
#blog_masshead .rc div {background:transparent;height:0px;}
#blog_masshead .rc_bd {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/35901245040290.png) no-repeat center top;}
#blog_masshead .rc,
#blog_masshead .rc_bc,
#blog_masshead .rc_ft{background:transparent;}
#blog_masshead .rc_ft div{height:0px;background:transparent;}
#blog_masshead a {color:#ffffff;text-decoration:none;}
/*Cac icon dau dong trong module co san*/
#article_new .bd ul li,
#comment_new .bd ul li,
.mod-relatives-1 .bd li,
#folder .bd ul li,
.mod-more-blogs .bd ul li,
#update_date .bd .date,
#subscribe_highlight ul.blog-list li .mod-subscription-list,
.mod-more-blogs .bd h3,
#subscribe_highlight .bd ul.folder li a {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/58411244976534.png) no-repeat left top;}
/*Footer*/
#footer{background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/19251244977415.jpg) repeat-x top;border-top:0px;height:80px;}
#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p, #footer .ft .provider h4, #footer a, .rights, #footer {font-size:12px;color:#ffffff;}
/*Nen cm, nen toolbar, tag*/
.mod-alist-full .alist-comment li {background:transparent url(http://blog.uhm.vn/plus/nghethuat/1/10841245061093.png) repeat-y bottom right;}
.rte_toolbar {background:#ffffff url(http://blog.uhm.vn/plus/nghethuat/1/70741245060738.jpg) no-repeat right top;border-left:0px solid #ffffff;border-top:0px solid #ffffff;border-right:0px solid #ffffff;height:50px;}
.mod-alist-summary .main-bd li{border-top:none;background:url(http://blog.uhm.vn/plus/nghethuat/1/53021245168907.png) no-repeat bottom;}
/*Nut home*/
div.backhomtbtn a.backtomyblog {background:url(http://blog.uhm.vn/plus/nghethuat/1/33741245168908.png) no-repeat center;height:30px;}
xong rồi bạn nhấn vào nút "xong"
vậy là kết thúc chuyện cài đặt theme
chúc các bạn thành công
và sau đây là các skin blog cho các bạn lựa chọn
demo :
chi tiết :