Trang chủ Blog | Các câu hỏi thường gặp | Yahoo! Việt Nam

      Bài mới nhất

      Sửa Đóng
      Bài viết Tìm bài viết:
      Trích dẫn Báo cáo

      Cài theme, Nhạc cho Blog Plus và kĩ thuật cơ bản

      Thư mục: Design Blog Plus |
      Quan trọng
      Đăng ngày: 11:55 11-12-2008
      1 - Cài đặt Theme đứng yên :

      Có khá nhiều bạn thắc mắc vấn đề cài theme sao cho ảnh nền vẫn đứng yên khi ta di chuyển thanh trượt. Vì thế mình cũng xin post lại ( mặc dù post hơi bị nhiều rồi :P ). Dùng Code này nhé :

      Code :
      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:#ma_mau url(Link Anh Nen) repeat  fixed center;}

      Sử dụng Code này, các bạn cần lưu ý một số điều sau :
      • #ma_mau : Đây là mã màu theo hệ HEX . Các bạn nên chọn mã màu phù hợp với màu của ảnh nền. Nếu ai chưa biết xử lý vụ mã màu này như thế nào thì cũng đơn giản thôi. Bạn vào Bài Này để lấy mã màu phù hợp và thay vào nhé . Ví dụ : Nếu mình chọn màu nền là màu trắng, thì #ma_mau sẽ là #FFFFFF
      • fixed : Đây là thuộc tính làm cho theme đứng yên khi ta di chuyển thanh trượt.
      • repeat : Thuộc tính lặp lại ảnh nền ( tràn khắp Blog ). Nếu bạn nào dùng ảnh nền có kích thước nhỏ thì nên dùng thuộc tính này để ảnh tràn khắp blog nhé !
      • no-repeat : Nếu đã có ảnh nền kích thước từ 1024x768 px trở lên, và không muốn ảnh sẽ lặp thì các bạn có thể thay repeat thành no-repeat nhé !
      • center : Vị trí đặt ảnh là ở giữa Blog. Ngoài ra còn có các thuộc tính : top ( đặt ở phía trên ) và bottom (Đặt phía dưới cùng) , Nếu mốn đặt ảnh nền tại vị trí nào các bạn có thể thay center bằng thuộc tính mình thích nhé !

      2 - Làm nền cho Entry Bài Viết :

      Có thể dùng Code sau :

      Code:
      #article_list_module .bd, .mod-alist-full .main-bd {background:transparent url(Link Ảnh Nền);}

      Thay link ảnh nền vào nhé ! Bạn nào không biết lấy link ảnh như thế nào thì xem lại Bài Này .

      3 - Thêm 1 số cách post ảnh vào Blog :

      a > Post ảnh từ một trang web nào đó :

      Khi lướt web hoặc tại một số trang chia sẻ ảnh nào đó, bạn nhìn thấy một tấm ảnh nào đó đẹp, và muốn sử dụng ảnh đó vào bài viết hay comment của mình nhưng không biết làm thế nào, vậy thì có thể làm như sau nhé : (Ở đây mình lấy ví dụ tại 1 entry share ảnh động của mình)

      • Bước 1 : Bạn chọn tấm ảnh mình muốn lấy, và dùng chuột bôi đen tấm ảnh đó :

      • Bước 3 : Vào bài viết hoặc comment của mình, và nhấn Ctr + V . Thế là ảnh đã được load vào rồi nhé. Giờ chỉ còn viết tiếp và lưu là xong !


      b > Post ảnh trực tiếp lên Blog, sử dụng công cụ của Yahoo Plus :

      Mới đây Plus đã hộ trợ chức năng post ảnh trực tiếp lên Blog và sử dụng ngay tại bài viết hoặc comment, để sử dụng tính năng này các bạn làm như sau nhé :

      Bước 1 : Lấy 1 tấm ảnh muốn sử dụng.

      Bước 2 : Vào phần viết Blog hoặc comment, click vào nút Insert Image () nhé.

      Bước 3 : Một cửa sổ hiện ra, chọn Tải Hình Từ Máy Tính, và click Tiếp :



      Bước 4 : Chọn Thư mục đặt ảnh, ghi tag cho ảnh, và click Browers để chọn ảnh nhé ! Bạn có thể chọn 10 tấm ảnh .



      Bước 5 : Click Xong, và chờ một lát, ảnh sẽ tự động up lên host của Plus. Sau đó chọn ảnh muốn post vào Bài Viết và click chèn nhé ! Thế là xong !

      4 - Chèn nhạc từ nhaccuatui.com vào Bài Viết, hoặc Module:

      Bước 1 : Đầu tiên bạn vào trang nhaccuatui.com và chọn 1 bài hát ( hay 1 list ) muốn chèn.
      Bước 2 : Copy phần Code ở ô Copy vào điễn đàn :


      Bước 3 : Mở 1 file Notepad và paste đọan Code khi nãy vào nhé ( Start > Run > notepad hoặc click chuột phải vào Desktop chọn New > Text Doccument) :

      Đoạn Code copy được sẽ như thế này :

      [FLASH]http://www.nhaccuatui.com/m/PSaVHKoVKs[/FLASH]

      Bạn xóa phần [FLASH] và [/FLASH] đi, code sẽ còn như thế này :

      http://www.nhaccuatui.com/m/PSaVHKoVKs

      Bước 4 : Thay đọan code vừa xử lý vào đọan Code này :

      Code:
      <embed type="application/x-shockwave-flash" allowScriptAccess="none" src="http://img517.imageshack.us/img517/4021/loadingmoduleih0.swf?ketnoi=Thay_vao_day" width="100%" height="150"></embed>

      Ví dụ : Sau khi thay link trên vào code, code của mình sẽ như thế này :

      <embed type="application/x-shockwave-flash" allowScriptAccess="none" src="http://img517.imageshack.us/img517/4021/loadingmoduleih0.swf?ketnoi=http://www.nhaccuatui.com/m/PSaVHKoVKs" width="100%" height="150"></embed>

      Lưu ý : Trước khi post vào Bài viết, bạn phải check nút HTML nhé !!!
      • Bạn thay link vào chữ Thay_vao_day thôi nhé, và nhớ là vẫn còn dấu " .
      • Đối với phần width="100%", nếu post vào Bài viết nên sửa thành width="100"
      • Đối với height="100", bạn có thể thay bằng các giá trị khác cho phù hợp với Module hoặc Bài viết. Theo mình thì với bài viết chỉ nên set height="30" .

      5 - Chèn nhạc từ mp3.zing.vn :
       
      Cách làm cũng khá giống với nhaccuatui. Các bạn làm như sau nhé :

      Bước 1 : Vào mp3.zing.vn và chọn bài hát cần chèn vào.

      Bước 2 : Mở bài đó tại Zing. Và chọn Skin để post vào Blog. Copy đọan Code dành cho Forum của zing :


      Đọan Code này sẽ như sau :

      [FLASH]http://static.mp3.zing.vn/skins/black/flash/player/mp3Player_skin7.swf?xmlurl=http://mp3.zing.vn/blog/?NS9lNS81ZTU1ZDZmZWUyYTY1NzI0MWZmNGMxOGZiMzQ1OGVhNC5cUIbaBmUsICDN8Tm90IGZhmUsIC2hpWeB25hYmxlIG5vInagaMEdCB0WeByBzmUsICGVdUngZCBcUIbaBWeB25leSAoIOS4jea9rdUngS4jeeUqOiKsemMoiApfEzDom0gVHXhdUngqVdUngIEcUIbaBp4WeBdUngHdCAvInagaMEIEpKIExpWeBiAvInagaMEIOael-S_idUngadsHxmYWxzZQ[/FLASH]

      Bước 3 : Cũng làm như trên, xóa 2 khóa [FLASH] và [/FLASH] đi, đọan code còn lại sẽ như thế này :

      http://static.mp3.zing.vn/skins/black/flash/player/mp3Player_skin7.swf?xmlurl=http://mp3.zing.vn/blog/?NS9lNS81ZTU1ZDZmZWUyYTY1NzI0MWZmNGMxOGZiMzQ1OGVhNC5cUIbaBmUsICDN8Tm90IGZhmUsIC2hpWeB25hYmxlIG5vInagaMEdCB0WeByBzmUsICGVdUngZCBcUIbaBWeB25leSAoIOS4jea9rdUngS4jeeUqOiKsemMoiApfEzDom0gVHXhdUngqVdUngIEcUIbaBp4WeBdUngHdCAvInagaMEIEpKIExpWeBiAvInagaMEIOael-S_idUngadsHxmYWxzZQ

      Bước 4 : Tương tự, thay đọan Code trên vào đây :

      <embed type="application/x-shockwave-flash" allowScriptAccess="none" src="http://img517.imageshack.us/img517/4021/loadingmoduleih0.swf?ketnoi=Thay_vao_day" width="100%" height="150"></embed>

      Ví dụ :

      <embed type="application/x-shockwave-flash" allowScriptAccess="none" src="http://img517.imageshack.us/img517/4021/loadingmoduleih0.swf?ketnoi=http://static.mp3.zing.vn/skins/black/flash/player/mp3Player_skin7.swf?xmlurl=http://mp3.zing.vn/blog/?NS9lNS81ZTU1ZDZmZWUyYTY1NzI0MWZmNGMxOGZiMzQ1OGVhNC5cUIbaBmUsICDN8Tm90IGZhmUsIC2hpWeB25hYmxlIG5vInagaMEdCB0WeByBzmUsICGVdUngZCBcUIbaBWeB25leSAoIOS4jea9rdUngS4jeeUqOiKsemMoiApfEzDom0gVHXhdUngqVdUngIEcUIbaBp4WeBdUngHdCAvInagaMEIEpKIExpWeBiAvInagaMEIOael-S_idUngadsHxmYWxzZQ" width="100%" height="150"></embed>

      Thế là bạn đã có thể chèn nhạc vào blog từ zing rồi đó !! Nhớ check nút HTML trước khi post vào Bài Viết nhé bạn !!
       
       
      Bản quyền bài viết thuộc về W.Dephia's Blog - dephia.tk
      Trích dẫn (0)
      Tìm tag: theme, nhac, music, plus, blog, css
      Tổng cộng 270 lời bình
      sau (50) sau (50)
      Lời bình mới

      Bài viết về bạn hoặc có tag tên bạn:

      • Chưa có bài nào có liên quan.

      Người đăng ký yêu thích blog này cũng đồng thời thích:

      • Chưa có blog yêu thích nào có liên quan.