Mình thấy bài này rất hay: "Trình diễn ảnh chuyên nghiệp với prettyPhoto" được chia sẻ trên trang http://noct-land.blogspot.com. Với những hiệu ứng này mình nghĩ sẽ làm blogspot của các bạn trở lên chuyên nghiệp hơn.
Hôm nay xin mạc phép NOCT xin chia sẻ tại đây.
- Đầu tiên bạn vào cài đặt --> Định dạng và bật hiệu ứng hộp đèn lên.
- Tiếp theo bạn paste code dưới vào trên thẻ </body>
Ví dụ:
- Với link ảnh: <a href="/image.jpg" rel="prettyphoto"><img src="..." /></a>
- Với link video: <a href="http://www.youtube.com/watch?v=_EC2tmFVNNE" rel="prettyphoto"><img src="..." /></a>
Hôm nay xin mạc phép NOCT xin chia sẻ tại đây.
- Đầu tiên bạn vào cài đặt --> Định dạng và bật hiệu ứng hộp đèn lên.
- Tiếp theo bạn paste code dưới vào trên thẻ </body>
<link href='http://www.no-margin-for-errors.com/wp-content/themes/NMFE/css/prettyPhoto.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://www.no-margin-for-errors.com/wp-content/themes/NMFE/js/jquery.prettyPhoto.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
</script>
Lưu lại. Và khi đăng bài bạn chỉ việc thêm rel="prettyphoto" link ảnh hoặc video là được.Ví dụ:
- Với link ảnh: <a href="/image.jpg" rel="prettyphoto"><img src="..." /></a>
- Với link video: <a href="http://www.youtube.com/watch?v=_EC2tmFVNNE" rel="prettyphoto"><img src="..." /></a>
Nguồn: noct-land.blogspot.com
