Curso Sobre Blogspot

Home » Archives for 2019

Nice code slow movie

</code></pre>
<br style="margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" /><pre style="background-color: #f1f1f1; border: 1px solid rgb(212, 212, 212); font-stretch: inherit; max-height: 300px; overflow-wrap: normal; overflow: auto; padding: 5px; position: relative; vertical-align: baseline; width: auto;"><code style="border: 0px; color: #444444; font-family: Signika, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;">
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("https://lh3.googleusercontent.com/-X1CSyHaa_3o/VC0YJaFQhrI/AAAAAAAAA68/eZut06NdzeU/s72-c-no/transformers-4-age-of-extinction-2014-full-hd.jpg","w270-h350-c","100%","100%","","Transformer 4 Age Of Extinction - Kỷ nguyên hủy diệt");
</script><img alt="Transformer 4 Age Of Extinction - Kỷ nguyên hủy diệt" height="100%" src="https://lh3.googleusercontent.com/-X1CSyHaa_3o/VC0YJaFQhrI/AAAAAAAAA68/eZut06NdzeU/w270-h350-c-no/transformers-4-age-of-extinction-2014-full-hd.jpg" title="Transformer 4 Age Of Extinction - Kỷ nguyên hủy diệt" width="100%" /> <figcaption> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/10/transformer-4-age-of-extinction-ky.html">Transformer 4 Age Of Extinction - Kỷ nguyên hủy diệt</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://3.bp.blogspot.com/-uVhSyDzufxs/UtRtCipa2PI/AAAAAAAAA6c/PUzEiEu1PFU/s72-c-no/phim-bang-dang-an-do.jpg","w270-h350-c","100%","100%","","Băng Đảng Ấn Độ - Gangs of Wasseypur (2012 | 320)");
</script><img alt="Băng Đảng Ấn Độ - Gangs of Wasseypur (2012 | 320)" src="http://3.bp.blogspot.com/-uVhSyDzufxs/UtRtCipa2PI/AAAAAAAAA6c/PUzEiEu1PFU/w270-h350-c-no/phim-bang-dang-an-do.jpg" height="100%" title="Băng Đảng Ấn Độ - Gangs of Wasseypur (2012 | 320)" width="100%" /> <figcaption> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/bang-dang-do-gang-of-wasseypur.html">Băng Đảng Ấn Độ - Gangs of Wasseypur (2012 | 320)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://2.bp.blogspot.com/-LXjTwRYP3XI/UtRrxSUiOiI/AAAAAAAAA6M/709ga85WBDY/s72-c-no/phim-3-gio-sang.jpg","w270-h350-c","100%","100%","","3 Giớ Sáng - 3 am (2013 | 96)");
</script><img alt="3 Giớ Sáng - 3 am (2013 | 96)" src="http://2.bp.blogspot.com/-LXjTwRYP3XI/UtRrxSUiOiI/AAAAAAAAA6M/709ga85WBDY/w270-h350-c-no/phim-3-gio-sang.jpg" height="100%" title="3 Giớ Sáng - 3 am (2013 | 96)" width="100%" /> <figcaption> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/3-gio-sang-3-am.html">3 Giớ Sáng - 3 am (2013 | 96)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://2.bp.blogspot.com/-hC4xal02oH0/UtRqUhp2-YI/AAAAAAAAA6A/OL-4HVLMsE8/s72-c-no/phim-mat-vu.jpeg","w270-h350-c","100%","100%","","Mật Vụ - Gabbar Singh (2013 | 153)");
</script><img alt="Mật Vụ - Gabbar Singh (2013 | 153)" src="http://2.bp.blogspot.com/-hC4xal02oH0/UtRqUhp2-YI/AAAAAAAAA6A/OL-4HVLMsE8/w270-h350-c-no/phim-mat-vu.jpeg" height="100%" title="Mật Vụ - Gabbar Singh (2013 | 153)" width="100%" /> <figcaption> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/mat-vu-gabbar-singh.html">Mật Vụ - Gabbar Singh (2013 | 153)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://1.bp.blogspot.com/-kvRTt_DQJCs/UtRoIgSXM9I/AAAAAAAAA5o/S4oJvv09p6U/s72-c-no/phim-ke-dien-loan.jpg","w270-h350-c","100%","100%","","Kẻ Điên Loạn - Maniac (2012 | 89)");
</script><img alt="Kẻ Điên Loạn - Maniac (2012 | 89)" src="http://1.bp.blogspot.com/-kvRTt_DQJCs/UtRoIgSXM9I/AAAAAAAAA5o/S4oJvv09p6U/w270-h350-c-no/phim-ke-dien-loan.jpg" height="100%" title="Kẻ Điên Loạn - Maniac (2012 | 89)" width="100%" /> <figcaption> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/ke-dien-loan-maniac.html">Kẻ Điên Loạn - Maniac (2012 | 89)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://3.bp.blogspot.com/-HGRwi-aQt1k/UtRldi1WiNI/AAAAAAAAA5Q/e1geljQzfDk/s72-c-no/phim-ao-giac.jpg","w270-h350-c","100%","100%","","Ảo Giác - Imaginaerum (2012 | 95)");
</script><img alt="Ảo Giác - Imaginaerum (2012 | 95)" src="http://3.bp.blogspot.com/-HGRwi-aQt1k/UtRldi1WiNI/AAAAAAAAA5Q/e1geljQzfDk/w270-h350-c-no/phim-ao-giac.jpg" height="100%" title="Ảo Giác - Imaginaerum (2012 | 95)" width="100%" /> <figcaption style="position: absolute; width: 100%;"> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/ao-giac-imaginaerum.html">Ảo Giác - Imaginaerum (2012 | 95)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://1.bp.blogspot.com/-0oHq3BlWPHA/UtRjl2ul7sI/AAAAAAAAA5A/rc51oz9Ecdc/s72-c-no/phim-bong-toi-chet-choc.jpg","w270-h350-c","100%","100%","","Bóng Tối Chết Chóc - Dead Shadows (2012 | 75)");
</script><img alt="Bóng Tối Chết Chóc - Dead Shadows (2012 | 75)" src="http://1.bp.blogspot.com/-0oHq3BlWPHA/UtRjl2ul7sI/AAAAAAAAA5A/rc51oz9Ecdc/w270-h350-c-no/phim-bong-toi-chet-choc.jpg" height="100%" title="Bóng Tối Chết Chóc - Dead Shadows (2012 | 75)" width="100%" /> <figcaption style="position: absolute; width: 100%;"> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/bong-toi-chet-choc-dead-shadows.html">Bóng Tối Chết Chóc - Dead Shadows (2012 | 75)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://3.bp.blogspot.com/-yfsJ79G9kr4/UtRG79UM8oI/AAAAAAAAA4k/PzH_krYcCWo/s72-c-no/phim-cuoc-chien-mang-xa-2.jpg","w270-h350-c","100%","100%","","Cuộc Chiến Mãng Xà 2 - G.I. Joe: Retaliation (2013 | 110)");
</script><img alt="Cuộc Chiến Mãng Xà 2 - G.I. Joe: Retaliation (2013 | 110)" src="http://3.bp.blogspot.com/-yfsJ79G9kr4/UtRG79UM8oI/AAAAAAAAA4k/PzH_krYcCWo/w270-h350-c-no/phim-cuoc-chien-mang-xa-2.jpg" height="100%" title="Cuộc Chiến Mãng Xà 2 - G.I. Joe: Retaliation (2013 | 110)" width="100%" /> <figcaption style="position: absolute; width: 100%;"> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/cuoc-chien-mang-xa-2-gi-joe-retaliation.html">Cuộc Chiến Mãng Xà 2 - G.I. Joe: Retaliation (2013 | 110)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://4.bp.blogspot.com/-onCnaX2CseU/UtREFlJ9X_I/AAAAAAAAA4Q/lpMO96L26jE/s72-c-no/phim-ben-ngoai-canh-rung-thong.jpg","w270-h350-c","100%","100%","","Bên Ngoài Cánh Rừng Thông - The Place Beyond The Pines (2013 | 140)");
</script><img alt="Bên Ngoài Cánh Rừng Thông - The Place Beyond The Pines (2013 | 140)" src="http://4.bp.blogspot.com/-onCnaX2CseU/UtREFlJ9X_I/AAAAAAAAA4Q/lpMO96L26jE/w270-h350-c-no/phim-ben-ngoai-canh-rung-thong.jpg" height="100%" title="Bên Ngoài Cánh Rừng Thông - The Place Beyond The Pines (2013 | 140)" width="100%" /> <figcaption style="position: absolute; width: 100%;"> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/ben-ngoai-canh-rung-thong-place-beyond.html">Bên Ngoài Cánh Rừng Thông - The Place Beyond The Pines (2013 | 140)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://1.bp.blogspot.com/-nWjO15_UzYI/UtRCEDI-pJI/AAAAAAAAA34/7lSfjPTwUlg/s72-c-no/phim-ma-cay.jpg","w270-h350-c","100%","100%","","Ma Cây - Evil Dead (2013 | 91)");
</script><img alt="Ma Cây - Evil Dead (2013 | 91)" src="http://1.bp.blogspot.com/-nWjO15_UzYI/UtRCEDI-pJI/AAAAAAAAA34/7lSfjPTwUlg/w270-h350-c-no/phim-ma-cay.jpg" height="100%" title="Ma Cây - Evil Dead (2013 | 91)" width="100%" /> <figcaption> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/ma-cay-evil-dead.html">Ma Cây - Evil Dead (2013 | 91)</a> </figcaption> </code></figure><code> </code></div>
<div class="newest">

<figure><code> <script type="text/javascript">
 converthumb("http://4.bp.blogspot.com/-nUmCNgqdM2U/UtRAIFloVBI/AAAAAAAAA3c/GI1Sp7WgF1I/s72-c-no/phim-bi-mat-trai-dat-diet-vong.jpg","w270-h350-c","100%","100%","","Bí Mật Trái Đất Diệt Vong - Oblivion (2013 | 124)");
</script><img alt="Bí Mật Trái Đất Diệt Vong - Oblivion (2013 | 124)" src="http://4.bp.blogspot.com/-nUmCNgqdM2U/UtRAIFloVBI/AAAAAAAAA3c/GI1Sp7WgF1I/w270-h350-c-no/phim-bi-mat-trai-dat-diet-vong.jpg" height="100%" title="Bí Mật Trái Đất Diệt Vong - Oblivion (2013 | 124)" width="100%" /> <figcaption> <a exper:title="data:post.title" href="http://phim-online-viet.blogspot.com/2014/01/bi-mat-trai-dat-diet-vong-oblivion.html">Bí Mật Trái Đất Diệt Vong - Oblivion (2013 | 124)</a> </figcaption> </code></figure><code> </code></div>
</div>
</code><code style="border: 0px; font-size: 15px; font-stretch: inherit; line-height: 15px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; white-space: normal;"><span style="color: #333333; font-family: roboto;">
</span></code></pre>
<div style="border: 0px; clear: both; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div class="sharepost" style="border-bottom-style: solid; border-top-style: solid; border-width: 1px 0px; margin: 20px 0px 0px; overflow: hidden; padding: 10px 0px; vertical-align: baseline;">
<ul style="border: 0px; font-stretch: inherit; list-style-image: initial; list-style-position: outside; margin: 0px; padding: 0px; vertical-align: baseline;">
<li style="-webkit-transition: all 0.3s ease-out 0s; border: 0px; display: block; float: left; font-stretch: inherit; list-style: none; margin: 0px 5px 0.25em 0px; padding-bottom: 0px; padding-top: 0px; transition: all 0.3s ease-out 0s; vertical-align: baseline;"><span style="font-family: roboto;">Fonte https://chiase78.blogspot.com/2016/02/code-slow-phim-ep.html</span><span class="fa fa-twitter" style="-webkit-font-smoothing: antialiased; border: 0px; color: #333333; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: 1; margin: 0px; padding: 0px; text-decoration: none; text-rendering: auto; vertical-align: baseline;"></span></li>
</ul>
</div>
</div>

Nice code slow movie

Code slow phim đẹp DEMO: https://codepen.io/Beohoavinh/full/vJLZpR/ .newest { float: left; width: 15.87%; height: auto; max-height: 350px; margin: 0.39%; position: relative; overflow: hidden; background: #F5F5F5; box-shadow: 1px 1px 0 #E6E6E6;…

Mais informações »

13:31

Efeito hover para img Nature para blogspot

<div class="postdata" style="border: 0px; color: #656e7f; font-family: ABeeZee, sans-serif; font-size: 18px; font-stretch: inherit; line-height: inherit; margin: 0px; orphans: 2; padding: 0px 10px; vertical-align: baseline; widows: 2;">
<h1 class="post-title entry-title" style="border: 0px none; color: #2d2d2d; font-family: Roboto; font-size: 30px; font-stretch: inherit; font-variant: inherit; height: auto; line-height: 1.3; margin: 40px 0px 0px; padding: 0px; position: relative; text-align: center; vertical-align: baseline; z-index: 0;">
Hiệu ứng Hover cho img Chất cho blogspot</h1>
<div style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
<div class="post-body entry-content" id="post-body-5409481669650936339" style="border: 0px; font-stretch: inherit; margin: 5px 0px; orphans: 2; padding: 0px 10px; text-overflow: ellipsis; vertical-align: baseline; widows: 2; width: auto;">
<div class="separator" style="border: 0px; clear: both; color: #444444; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMXuNe9Xqsz3iuw9jyyjVtTIS3bOmx4SqWAFjAeVkdfALa6aukUVwvVGpqkGFGBjpvPFVjYdjg7WTLlghFEVwuTdI61RazMAofsI1NoMf0K2Lrc0TcJNInr-sj3xgYbk6LXrZxHX8lid8/s1600/Untitled.png" imageanchor="1" style="-webkit-transition: all 0.2s ease-in-out 0s; border: 0px; color: #444444; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; transition: all 0.2s ease-in-out 0s; vertical-align: baseline;"><img border="0" data-original-height="510" data-original-width="795" height="410" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMXuNe9Xqsz3iuw9jyyjVtTIS3bOmx4SqWAFjAeVkdfALa6aukUVwvVGpqkGFGBjpvPFVjYdjg7WTLlghFEVwuTdI61RazMAofsI1NoMf0K2Lrc0TcJNInr-sj3xgYbk6LXrZxHX8lid8/s640/Untitled.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMXuNe9Xqsz3iuw9jyyjVtTIS3bOmx4SqWAFjAeVkdfALa6aukUVwvVGpqkGFGBjpvPFVjYdjg7WTLlghFEVwuTdI61RazMAofsI1NoMf0K2Lrc0TcJNInr-sj3xgYbk6LXrZxHX8lid8/s640/Untitled.png" style="border: 0px none; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; position: relative; vertical-align: middle;" width="640" /></a></div>
<br style="margin: 0px; padding: 0px;" /><a class="buttonx" href="https://codepen.io/Beohoavinh/full/qYKNKG/" style="-webkit-transition: all 1s ease 0s; background-color: rgb(0, 162, 255) !important; background-position: 0px 50%; background-repeat: initial initial; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: double rgb(238, 238, 238); color: rgb(255, 255, 255) !important; cursor: pointer; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; letter-spacing: 0.5px; line-height: inherit; margin: 5px; padding: 5px 20px; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: all 1s ease 0s; vertical-align: baseline;" target="_blank">DEMO</a><br style="margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" /><span style="color: #444444; font-family: roboto;"><span style="letter-spacing: 0.5px; line-height: 1.8;">Đầu tiên bạn kiểm tra blog bạn có link css này chưa, chưa có thì chèn thêm vào link css dưới:</span></span><br style="margin: 0px; padding: 0px;" /><span style="border: 0px; color: #444444; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"> </span><span style="color: #444444; font-family: roboto;"><span style="letter-spacing: 0.5px; line-height: 1.8;"><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/></span></span><br style="margin: 0px; padding: 0px;" /><div style="border: 0px; color: #444444; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<br style="margin: 0px; padding: 0px;" /></div>
<div style="border: 0px; color: #444444; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
Tiếp đến là đoạn code hiển thị:</div>
<pre style="background-color: #f1f1f1; border: 1px solid rgb(212, 212, 212); color: #444444; font-family: Consolas, 'courier new'; font-size: 14px; font-stretch: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: inherit; max-height: 300px; overflow-wrap: normal; overflow: auto; padding: 5px; position: relative; vertical-align: baseline; width: auto;"><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<div class="demo"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>        <div class="container"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>            <div class="row"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                <div class="col-md-4 col-sm-6"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    <div class="box"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRM-tDznlSsxjr11U00JbvFeeSxbqGmC2zv9oxkxAlnQ75EuV0l-v6JdKHW-T7SwYb7q9Q9-XM0-qDMa1fCDqBkxZFBV8dESSJou0vXgXDQVqylXmC32EGzq80MD4y-goyQMOMG4ffXRk/s640/Untitled.png"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <div class="box-content"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <div class="inner-content"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <h3 class="title">CSS3 Hiệu ứng button đẹp</div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</h3></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="post">Bẽo Hòa Vinh</span></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <ul class="icon"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <li><a href="#"><i class="fa fa-search"></i></a></li></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <li><a href="#"><i class="fa fa-link"></i></a></li></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            </ul></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                <div class="col-md-4 col-sm-6"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    <div class="box"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6vIQuWD0jct65zP0b1IggP8zDhzJw5s4iV2YkDIMHqE1JfxubSW6MO0LLVytWnC5gGTMWjHC4mUcv4Tct85_qnKQj64BGr57dOgaPruxsi4h9nxDmjJApOJngxCWxdrgTGDXMhOg6wk/s640/Untitled.png"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <div class="box-content"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <div class="inner-content"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <h3 class="title">CSS Loader Đẹp</div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</h3></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="post">Bẽo Hòa Vinh</span></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <ul class="icon"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <li><a href="#"><i class="fa fa-search"></i></a></li></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <li><a href="#"><i class="fa fa-link"></i></a></li></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            </ul></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                <div class="col-md-4 col-sm-6"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    <div class="box"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2avamG66SlE-g6lKw2Jc1FPnWgjih1MmUtvL1CkdpoW9EqAxHNwRPYNA_FRKNK7LKT7hRXR2AqOMPR9KwBM7-2dS-sV3wCC8Oqe-KSUoIHXWglwTjSq5W6xUPjt92Uz92i7f69FdnL4/s640/Untitled.png"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <div class="box-content"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <div class="inner-content"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <h3 class="title">CSS3 Hiệu ứng ẩn hiện cho blogspot</div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</h3></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="post">Bẽo Hòa Vinh</span></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <ul class="icon"></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <li><a href="#"><i class="fa fa-search"></i></a></li></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <li><a href="#"><i class="fa fa-link"></i></a></li></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            </ul></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>            </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>        </div></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>    </div></div>
</div>
</pre>
<br style="margin: 0px; padding: 0px;" /><span style="color: #444444; font-family: roboto;"><span style="letter-spacing: 0.5px; line-height: 1.8;">Tiếp theo các bạn chèn css dưới vào b:skin</span></span><br style="margin: 0px; padding: 0px;" /><pre style="background-color: #f1f1f1; border: 1px solid rgb(212, 212, 212); font-stretch: inherit; max-height: 300px; overflow-wrap: normal; overflow: auto; padding: 5px; position: relative; vertical-align: baseline; width: auto;"><span style="color: #444444; font-family: Consolas, 'courier new'; font-size: 14px; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: inherit;">.demo{padding: 2em 0;}
  .box{
      text-align: center;
      overflow: hidden;
      position: relative;
  }
  .box img{
      width: 100%;
      height: 180px;
      transform: scale(1.6);
      transition: all 0.3s ease 0s;
  }
  .box:hover img{
      filter: grayscale(100%);
      transform: scale(1.2);
  }
  .box .box-content{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      transition: all 0.2s ease 0s;
  }
  .box:before,
  .box:after,
  .box .box-content:before,
  .box .box-content:after{
      content: "";
      width: 100%;
      height: 25%;
      background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.7),transparent,rgba(0,0,0,0.7),rgba(0,0,0,0.9));
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      transition: all 0.3s ease 0s;
  }
  .box:before{ transform: translateX(100%); }
  .box:after{
      height: 25.1%;
      top: 25%;
      transform: translateX(-100%);
      transition-delay: 0.05s;
  }
  .box .box-content:before{
      top: 50%;
      transform: translateX(100%);
      transition-delay: 0.1s;
  }
  .box .box-content:after{
      top: 75%;
      transform: translateX(-100%);
      transition-delay: 0.15s;
  }
  .box:hover:before,
  .box:hover:after,
  .box:hover .box-content:before,
  .box:hover .box-content:after{ transform: translateX(0); }
  .box .inner-content{
      padding: 7px 0;
      text-align: right;
      position: absolute;
      bottom: 10px;
      right: 20px;
      z-index: 2;
      transition: all 0.3s ease 0s;
  }
  .box .title{
      font-size: 22px;
      font-weight: 700;
      color: #faac01;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin: 0 0 3px 0;
      opacity: 0;
      transform: translateY(150px);
      transition: all 0.4s ease 0s;
  }
  .box .post{
      display: inline-block;
      padding: 0 5px;
      font-size: 16px;
      font-style: italic;
      color: #fff;
      opacity: 0;
      transform: translateY(50px);
      transition: all 0.4s ease 0s;
  }
  .box:hover .title,
  .box:hover .post{
      opacity: 1;
      transform: translate(0, 0);
  }
  .box .icon{
      padding: 0;
      margin: 0;
      list-style: none;
      position: absolute;
      top: -200px;
      left: 10px;
      z-index: 2;
      transition: all 0.4s ease 0.2s;
  }
  .box:hover .icon{ top: 15px; }
  .box .icon li a{
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      background: #faac01;
      font-size: 20px;
      color: #fff;
      margin-bottom: 10px;
      position: relative;
      transition: all 0.3s ease 0s;
  }
  .box .icon li a:hover{
      text-decoration: none;
      border-radius: 30%;
      background: #fff;
      color: #faac01;
  }
      .box .icon li a i   {
    line-height: 40px;
}
  @media only screen and (max-width:990px){
      .box{ margin-bottom: 30px; }
  }
  @media only screen and (max-width:479px){
      .box .title{ font-size: 18px }
  }</span><span style="color: #333333; font-family: roboto;"><span style="font-size: 15px; line-height: 15px; white-space: normal;">
</span></span></pre>
<div style="border: 0px; clear: both; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div class="sharepost" style="border-bottom-style: solid; border-top-style: solid; border-width: 1px 0px; margin: 20px 0px 0px; overflow: hidden; padding: 10px 0px; vertical-align: baseline;">
<ul style="border: 0px; font-stretch: inherit; list-style-image: initial; list-style-position: outside; margin: 0px; padding: 0px; vertical-align: baseline;">
<li style="-webkit-transition: all 0.3s ease-out 0s; border: 0px; display: block; float: left; font-stretch: inherit; list-style: none; margin: 0px 5px 0.25em 0px; padding-bottom: 0px; padding-top: 0px; transition: all 0.3s ease-out 0s; vertical-align: baseline;"><span style="font-family: roboto;">https://chiase78.blogspot.com/2018/05/hieu-ung-hover-cho-img-chat-cho-blogspot.html</span><span class="fa fa-twitter" style="-webkit-font-smoothing: antialiased; border: 0px; color: #333333; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: 1; margin: 0px; padding: 0px; text-decoration: none; text-rendering: auto; vertical-align: baseline;"></span></li>
</ul>
</div>
</div>

Efeito hover para img Nature para blogspot

Hiệu ứng Hover cho img Chất cho blogspot DEMOĐầu tiên bạn kiểm tra blog bạn có link css này chưa, chưa có thì chèn thêm vào link css dưới: Tiếp đến là đoạn code hiển thị: …

Mais informações »

13:30

Tabela de preços de design CSS simples

<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                <div class="col-md-4 col-sm-6">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    <div class="pricingTable purple">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <div class="pricingTable-header">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <h3 class="title">Business</h3>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <span class="sub-title">Lorem ipsum</span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <span class="year">Pay only <br>$220/year</span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <div class="price-value">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <div class="value">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="currency">$</span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="amount">20.<span>99</span></span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="month">/month</span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <ul class="pricing-content">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>60GB Disk Space</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>60 Email Accounts</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>60GB Monthly Bandwidth</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>15 Subdomains</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li class="disable">20 Domains</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </ul>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <a href="#" class="pricingTable-signup">Sign up</a>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                </div>

<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                <div class="col-md-4 col-sm-6">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    <div class="pricingTable blue">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <div class="pricingTable-header">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <h3 class="title">Premium</h3>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <span class="sub-title">Lorem ipsum</span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <span class="year">Pay only <br>$330/year</span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <div class="price-value">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <div class="value">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="currency">$</span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="amount">30.<span>99</span></span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                                <span class="month">/month</span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <ul class="pricing-content">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>70GB Disk Space</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>70 Email Accounts</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>70GB Monthly Bandwidth</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>20 Subdomains</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                            <li>25 Domains</li>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        </ul>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                        <a href="#" class="pricingTable-signup">Sign up</a>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                    </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>                </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>            </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>        </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>    </div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </span>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span></div></span><span style="color: #333333; font-family: roboto;"><span style="font-size: 15px; line-height: 15px; white-space: normal;">
</span></span></pre>
<div style="border: 0px; clear: both; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div class="sharepost" style="border-bottom-style: solid; border-top-style: solid; border-width: 1px 0px; margin: 20px 0px 0px; overflow: hidden; padding: 10px 0px; vertical-align: baseline;">
<ul style="border: 0px; font-stretch: inherit; list-style-position: outside; margin: 0px; padding: 0px; vertical-align: baseline;">
<li style="-webkit-transition: all 0.3s ease-out 0s; border: 0px; display: block; float: left; font-stretch: inherit; list-style: none; margin: 0px 5px 0.25em 0px; padding-bottom: 0px; padding-top: 0px; transition: all 0.3s ease-out 0s; vertical-align: baseline;"><span style="font-family: roboto;">Fonte https://chiase78.blogspot.com/2018/05/css-simple-bang-gia-tac-thiet-ke.html</span><span class="fa fa-twitter" style="border: 0px; color: #333333; display: inline-block; font-family: "fontawesome"; font-size: inherit; font-style: inherit; font-variant: inherit; letter-spacing: 0.5px; line-height: 1; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"></span></li>
</ul>
</div>
</div>

Tabela de preços de design CSS simples

CSS Simple bảng giá tác thiết kế DEMO Đầu tiền các bạn chèn đoạn css dưới vào: .demo{ padding: 2em 0; } :root{ --pricingTable-yellow: #faac01; --pricingTable-purple: #be4f91; --pricingTable-blue: #0192af; } …

Mais informações »

13:15