blogger

Hiển thị các bài đăng có nhãn blogger. Hiển thị tất cả bài đăng

CHIA SẺ ĐOẠN CODE KÈM HIỆU ỨNG HOVERĐược tài trợ •

Hiện thị menu đơn giản nhưng quá đẹp cho blog

Nói đến menu được coi là một thành phần vô cùng quan trọng trong Blogspot. Có rất nhiều cách để hiển thị menul cho blogspot, và hôm nay mình xin giới thiệu đến các bạn một cách hiển thị menu bằng hình ảnh đơn giản cho blogspot của các bạn.

Bước 1: Các bạn chèn đoạn css dưới lên trên thẻ ]]></b:skin>

/*css menu by vinh*/
.image-labels {float:left}
.image-labels .label img:hover{opacity:0.7 ; opacity: 0.7width: 59%height: 100%;border-radius: 50%;transition: width 1s}
.image-labels .label img{width:217px;height:115px;}
.image-labels .label{float:left;position:relative;width:217px;height:115px;padding:0;margin:0;overflow:hidden}
.image-labels .label:nth-child(3n){margin-right:0}
.image-labels .label a{position:absolute;right:0px;bottom:0;padding:5px 10px;font-size:12px;line-height:20px;color:#fff}
.image-labels .label a:hover{{width: 100px;font-family: cursive;border-radius: 20%;transition: width 3s;text-decoration: none;}
.image-labels .clearfix{float:left;min-width:700px;margin-top:50px;}
.image-labels .clearfix a{color:#fff;text-decoration:none}

Bước 2: Các bạn chèn đoạn code hiển thị sau bất cứ chỗ nào bạn muốn nó hiển thị

<div class='image-labels clearfix'>
<div class='label'>
<img alt="" src="https://i.imgur.com/8EbY4nV.png" />
<a href='/search/label/Blogger' style='background-color: rgba(108,203,103,.9);'>Thủ Thuật Blogger</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/NrIsX1U.jpg" />
<a href='/search/label/TemplateBlogger' style='background-color: rgba(100,132,203,.9);'>Thủ Thuật PTS</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/WQVOOyA.jpg" />
<a href='/search/label/Youtube' style='background-color: rgba(190,68,42,.9);'>Thủ Thuật FACEBOOK</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/pA4v83i.jpg" />
<a href='/search/label/SEOer' style='background-color: rgba(190,68,42,.9);'>Sông Tích Cực</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/PabdRTS.jpg" />
<a href='/search/label/News' style='background-color: rgba(214,199,30,.9);'>Tư Duy Đột Phá</a>
</div>>
</div>
<div class='clear'></div>

Các bạn nhớ tuỳ chỉnh lại CSS và Label theo nội dung và bố cục Blog mình nha.Chúc các bạn thành công. Nếu thấy hữu ích hãy để lại một comment để ủng hộ mình nhé!

Lưu ý nhỏ : các bạn có thể test code Tại Đây

Xem thêm bài viếtTại VinhBloggerstarvinhblog.blogspot.com/ Xem Thêm

Thích

Bình luận

Bảng mã chữ đặc biệtĐược tài trợ •

Bảng mã chữ đặc biệt cho ae nào thích kí tự đây

Xem thêm bài viếtTại VinhBloggerstarvinhblog.blogspot.com/ Xem Thêm

0 bình luận

Thích

Bình luận

Đưa giọng chị google vào blogĐược tài trợ •

Đưa giọng chị google vào blog

-OK xin chào ae hôm nay chủ nhật lên viết bài cho ae này

-Nếu như ở bài viết trước mình có chia sẻ cho ae cách tải giọng chị gg (các bạn có thể xem Tại Đây) thì bà bài viết hôm nay mình sẽ hướng dẫn các bạn Đưa giọng chị google vào blog

-ok vào luôn chù đề

-b1: ae vào Bố cục => thêm tiện ích => JavaScript

-b2: ae coppy đoạn code sau và dán vào b1

code


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<iframe height='0' src='https://goo.gl/j8qDms' width='0'/>
</iframe></b:if>

-b3:lưu lại và coi kết quả

ok chúc ae thành công:v

Xem thêm bài viếtTại VinhBloggerstarvinhblog.blogspot.com/ Xem Thêm

0 bình luận

Thích

Bình luận

Code chữ bảy màu cho blogspotĐược tài trợ •

Code chữ bảy màu cho blogspot

Vào luôn chủ đề

coppy all

Xong vào

Bố cục => thêm tiện ích => JavaScript => save lại và xem kết quả


<div style="font-size: 40px">
<script type="text/javascript">
farbbibliothek = new Array();
farbbibliothek[0] = new Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100");
farbbibliothek[1] = new Array("#00FF00","#000000","#00FF00","#00FF00");
farbbibliothek[2] = new Array("#00FF00","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00");
farbbibliothek[3] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040");
farbbibliothek[4] = new Array("#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000");
farbbibliothek[5] = new Array("#000000","#000000","#000000","#FFFFFF","#FFFFFF","#FFFFFF");
farbbibliothek[6] = new Array("#0000FF","#FFFF00");
farben = farbbibliothek[4];
function farbschrift(){for(var b=0;b<Buchstabe.length;b++){document.all["a"+b].style.color=farben[b]}farbverlauf()}function string2array(b){Buchstabe=new Array();while(farben.length<b.length){farben=farben.concat(farben)}k=0;while(k<=b.length){Buchstabe[k]=b.charAt(k);k++}}function divserzeugen(){for(var b=0;b<Buchstabe.length;b++){document.write("<span id='a"+b+"' class='a"+b+"'>"+Buchstabe[b]+"</span>")}farbschrift()}var a=1;function farbverlauf(){for(var b=0;b<farben.length;b++){farben[b-1]=farben[b]}farben[farben.length-1]=farben[-1];setTimeout("farbschrift()",30)}var farbsatz=1;function farbtauscher(){farben=farbbibliothek[farbsatz];while(farben.length<text.length){farben=farben.concat(farben)}farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001))}setInterval("farbtauscher()",5000);

text= "Cam Ơn Bạn Đến Với Star Vinh Blog"; //h
string2array(text);
divserzeugen();
//document.write(text);
</script></div>