Pin It

Widgets

Tiện ích nghe nhạc Iphone cho blogspot

Site4iT -  Hôm nay mình xin chia sẻ lại thủ thuật tạo tiện ích Iphone cho blogspot, hết sức đơn giản vì tác giả đã chuyển nó gọn thành đoạn code chỉ việc chèn vào widget, tiện ích này bạn cũng có thể sử dụng cho forumotion.



Bắt đầu thủ thuật nào:

Bước 1: Bạn vào Bảng điều khiển - Phần tử trang - Tạo 1 Widget Html/javascript sau đó chèn hết đoạn code sau vào save mẫu lại là ok.
<!--Tiện ích nghe nhac Iphone Chipkool-->
<style type="text/css">
.slide_likebox {
   float:right;
   width:270px;//độ rộng của tiện ích
   height:490px;//chiều cao của tiện ích
   background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8B2nXAylGcGvCKgwKAMWhUQKsQFMjcBe_rTBcUjPTys0tWP7eZGlvynFCpb_3licSJUzbXvLeufQmst_iEjrpoZuQh_kUdWzfR2xZ5PvFVCVP77yrwVdRN7hJjN9A_fYqjN3F6Jc603O7/h120/site4it_iphone-image.png")
no-repeat !important;
   display:block;
   right:-220px;//độ thụt vào bên phải
   padding:0;
   position:fixed;
   top: 80px;
   z-index:1002;
}

.slide_text {
   font-family: Geneva, Verdana, sans-serif;
   font-size: 8px;
   padding-left: 0px;
   text-decoration: none;
   color: #FFF;
}
</style>
<!--Music-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");

                },function(){

                    jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");

                    },500);

            return false;

        });

    </script>

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 110px 8px 5pt 50px;"><div class="FB_Loader"></div><span>

<!--Đoạn code danh sách nhạc ở tren nhaccuatui.com-->
<object width="215" height="300">  <param name="movie" value="http://www.nhaccuatui.com/l/8KmXH3TreA0B" />  <param name="quality" value="high" />  <param name="wmode" value="transparent" />  <param name="allowscriptaccess" value="always" />  <embed src="http://www.nhaccuatui.com/l/8KmXH3TreA0B" flashvars="target=blank" allowscriptaccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="215" height="300"></embed></object>
<!—Kết thúc Đoạn code danh sách nhạc ở tren nhaccuatui.com-->

<!--/Music-->
<!-- temp -->
<div style="display:none">
<!-- thread rate -->
<!-- thread ratings form here -->
<!-- / thread rate -->
</div></span></div></div>

Hướng dẫn sử dụng:
Khi bạn muốn chèn danh sách nhạc trên tranh nhaccuatui.com thì bạn chú ý thay code màu xanh thành code danh sách  nhạc của các bạn nhé.
Và bạn chú ý.chiều rộng Width là 215 chiều cao Heigh là 300 cho nó vừa với tiện ích không thì sẽ lệch lắm :D

► Nếu bạn muốn thay đổi độ thụt ra thụt vào bạ thay đổi code màu hồng

► Nếu muốn nâng cao tiện ích lên gần đầu trang blog thì thay đổi code màu cam

Site4iT (Tut by Chipkool.tk)
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

1 nhận xét

  1. tôi đã thử, nó k hiện cái Backgound là cái Iphone. bạn giúp vơi!

    Trả lờiXóa

Lưu ý:
- Xin vui lòng gửi thảo luận trên tinh thần tích cực, tôn trọng lẫn nhau và có văn hóa.
- Comment của bạn có thể bị xóa mà không báo trước nếu mang nội dung vô văn hóa, chỉ trích đơn thuần người khác mà không có lý do.
- Nếu đây là lần đầu bạn gửi thảo luận, nội dung của bạn sẽ không hiển thị ngay. (Các lần sau sẽ không phải qua công đoạn này).

Bạn có thể sử dụng một số thẻ HTML:
◙ Chữ in đậm: <b>Nội_dung_chữ_in_đậm</b>
◙ Chữ in nghiêng: <i>Nội_dung_chữ_in_nghiêng</i>
◙ Chèn link liên kết: <a href='Link'>Tên_link</a>
◙ Chèn hình ảnh: [img]Link_hình[/img]
◙ Chèn nhạc: [nct]Link_nhaccuatui.com[/nct]
◙ Chèn video: [youtube]Link_video[/youtube]
◙ Chèn code: Code_đã_mã_hóa

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

Được tạo bởi Blogger.
 
© 2011 Chuyên trang công nghệ
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top