Dịch vụ thiết kế website giá rẻ

Bất động sản Kinh Đô - Mẫu template đẹp và chuyên nghiệp


- Download : Premium

- Mã nguồn : Template Blogspot

- Thiết kế    : Nguyễn Huy Tập

- Đánh giá   : 

- Giá File     : Liên hệ

Hướng dẫn chèn quảng cáo bên trong bài viết blogger

Có một số bạn hỏi làm sao để chèn quảng cáo bên trong bài viết mà khi cần thay đổi có thể thay cho toàn bộ bài viết đã add quảng cáo, ở đây mình chia sẻ lại thủ thuật blogger khá hay này của Fandung.
Ví dụ minh họa về quảng cáo trong bài viết bất kỳ
Ví dụ minh họa về quảng cáo trong bài viết bất kỳ
Cách làm: Đăng nhập blogger => Mẫu => Chỉnh sửa HTML => tìm <data:post.body/> (Trong blog thường có từ 3 đến 4 đoạn này, nên chèn đúng vào <data:post.body/> hiển thị bài viết )
Sau đó thay thế <data:post.body/> thành đoạn code sau: <div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:5px ;">
Code quảng cáo của bạn ở đây
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- ads --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
Sau đó Lưu lại

Như vậy là mình đã cài xong quảng cáo trong phần code, khi muốn thay thế quảng cáo khác chỉ việc vào đó thay thành quảng cáo khác, bây giờ đến bước chèn quảng cáo khi đăng bài.
Để quảng cáo có thể hiển thị trong một bài viết bạn đăng thì khi đăng bài bạn làm như sau:
Đăng bài => Chuyển sang chế độ HTML => Paste đoạn code sau vào những chỗ bạn muốn quảng cáo hiển thị:<!-- ads --> Như thế là ok , chỉnh sửa bài đăng cho đẹp rồi đăng bài kiếm tiền thôi.
Video Hướng dẫn chèn quảng cáo bên trong bài viết blogger Chúc các bạn thành công, Sưu tầm Fandung.

Hướng dẫn quản trị và đăng bài template blogger tin tức news30

Đối với các pro blogger thì không khó, còn với những bạn mới chưa biết gì nhiều về blogger thì mình quay 1 video hướng dẫn qua cách quản trị blog, ở đây mình hướng dẫn quản trị như thay link menu, đăng bài mới, tạo nhãn, thay liên hệ, copy right, ... Tất cả các bạn có thể xem qua tại video phía dưới, link blog demo cho video này là http://www.news30-share123vn.blogspot.com


Các bạn nên bật chế độ HD để xem cho nét

Tùy chỉnh đăng video youtube lên blogger hình ảnh chất lượng HD

Lần trước mình đã giới thiệu một cách đăng video youtube lên blogspot có ảnh thumbnail tự động nhưng cách đó có nhược điểm ảnh nhỏ và sẽ bị mờ . Hôm nay, chúng ta thảo luận về "Làm thế nào để tùy chỉnh đăng video youtube lên blogger không bị mờ ảnh thumbnail'.Trong bài này tôi sử dụng tùy chỉnh thumbnail cho youtube nhúng video và nếu bạn nhấp vào hình thu nhỏ sau đó hiển thị các video và xem video điều này giúp đăng lên ảnh tự động và nét.
Tùy chỉnh đăng video youtube lên blogger hình ảnh chất lượng HD
Tùy chỉnh đăng video youtube lên blogger hình ảnh chất lượng HD
Điều này làm việc mã sử dụng jquery đơn giản:
$(document).ready(function(){
  $("#play").click(function(){
    $("#remove").hide();
    $("#add").show();
  });
});

và thiết kế youtube iframe sử dụng mã css với các lớp khác nhau:
.youtubeBorder
.youtube
.play


Nhấn vào play - Nhấn vào biểu tượng video sau đó hiển thị các video từ YouTube và xem video. [có thể sử dụng chức năng Autoplay sử dụng cho youtube video.]

Cách làm:
Đăng nhập Blogger =>Mẫu => Chỉnh sửa HTML
Bây giờ tìm kiếm các mã sau: </head> sao chép và dán mã dưới đây, trước </head> :
CSS Code: <style type='text/css'>
.youtubeBorder{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E0E0E0;border-radius:2px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);margin:10px 0 20px;padding:4px}
.youtubeBorder p.post-video{margin:0 !important}
.youtube{background-color:#000;max-width:100%;overflow:hidden;position:relative;cursor:hand;cursor:pointer;height:500px;width:100%}.youtube .thumb{bottom:0;display:block;left:0;margin:auto;max-width:100%;position:absolute;right:0;top:0;width:100%;height:auto;opacity:.8;filter:alpha(opacity=80)}
.youtube .play{filter:alpha(opacity=90);opacity:.9;height:77px;left:50%;margin-left:-38px;margin-top:-38px;position:absolute;top:50%;width:77px;background:url(&quot;http://4.bp.blogspot.com/-pKZ5beSqDZQ/VPyM_163ACI/AAAAAAAACRg/qUD29mLG1jw/s1600/icon-share123_vn.png&quot;) no-repeat}
.play:hover {filter:alpha(opacity=100);opacity:1;}
</style>
Sau khi thêm mã css và bây giờ tìm kiếm </body> tag.
Thêm mã dưới đây trước </body> tag.
HTML code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
</script>
<script>
$(document).ready(function(){
  $(&quot;#play&quot;).click(function(){
    $(&quot;#remove&quot;).hide();
    $(&quot;#add&quot;).show();
  });
});
</script>
Bây giờ chỉ việc copy đoạn code dưới dây và chèn vào bài đăng mới trong Blogspot ở chế độ HTML :

Tạo một bài viết mới và ở đâu bạn muốn đặt mã này, bạn chỉ cần copy đoạn mã dán bên dưới trong Phần Blogger Post HTML. <div  class='youtube' data-id='R-VXZxhHvxg'><iframe id="add" style="display:none" width="100%" height="500" src="//www.youtube.com/embed/R-VXZxhHvxg?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe><div id="remove"><img class='thumb' src="http://i.ytimg.com/vi/R-VXZxhHvxg/hqdefault.jpg"/><div class='play' id="play"></div></div></div> Tuỳ chỉnh mã nhúng này:

Cho ví dụ. Link youtube của bạn là - https://www.youtube.com/watch?v= RVEnhNzBlgM và sau https://www.youtube.com/watch?v= mã nền màu đỏ là link ID youtube.

Mã này thay thế tất cả các mã nền màu đỏ, như trên youtube nhúng mã video.
Nếu bạn muốn tự động phát video Youtube của bạn sau đó thêm? Autoplay = 1
ví dụ. https://www.youtube.com/watch?v= RVEnhNzBlgM? autoplay = 1
Sử dụng thu nhỏ tùy chỉnh của bạn cho youtube video của bạn
<img class='thumb' src=",,,,.jpg"/>
Tôi hy vọng bạn thích bài viết này chúc bạn thành công.

Blog giới thiệu dịch vụ chuyển văn phòng

Demo Blog giới thiệu dịch vụ chuyển văn phòng

- Download : Premium

- Mã nguồn : Template Blogspot

- Thiết kế    : Nguyễn Huy Tập

- Đánh giá   : 

- Giá File     : Liên hệ
 
HOTLINE: 0988.227.905
Mr Tập
0988 227 905

Hỗ trợ trực tuyến

Ms Phương
0988.227.905

Hỗ trợ trực tuyến

Ms Thủy
0988.227.905

Hỗ trợ trực tuyến

Mr Giang
0988.227.905

Hỗ trợ trực tuyến