Cách đăng file PDF lên blogspot

<br /> <div class="separator" style="clear: both; text-align: center;"> </div> Upload file pdf của bạn lên một thư mục trên google drive.<br /> <div> <br /></div> <div> Click chuột phải lên thư mục mà bạn muốn share để chia sẽ thử mục đó. </div> <div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSHR64I75mUnwVD8IKuKnYb91-bEJZZEOnIdhbYWRlLvBl3KODBGjf0F9ssbnhfDw3XUtLGCzEOlTvWTdfjcWgr-3CFmLuDtVXhqWDcwlldwFej9486BQ0EGkeiO6TSMlhyB0CBf2BJ-g/s1600/hinh2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSHR64I75mUnwVD8IKuKnYb91-bEJZZEOnIdhbYWRlLvBl3KODBGjf0F9ssbnhfDw3XUtLGCzEOlTvWTdfjcWgr-3CFmLuDtVXhqWDcwlldwFej9486BQ0EGkeiO6TSMlhyB0CBf2BJ-g/s1600/hinh2.png" /></a></div> <div> <br /></div> <div> Chọn advance để vào chỉnh chế độ share như hình.</div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg01-YTDMS0fGc1m854x_ACCBVUEzUrw5-CysSKzRwSsiNz5yWZDmdUfC28UBkRnIFfXriZU694vvoqTYnIUePFD7CYskvGwctX770behKnTt6UfMgpkQRiykH09M_OfFmScEHRoIbzwdTO/s1600/hinh3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg01-YTDMS0fGc1m854x_ACCBVUEzUrw5-CysSKzRwSsiNz5yWZDmdUfC28UBkRnIFfXriZU694vvoqTYnIUePFD7CYskvGwctX770behKnTt6UfMgpkQRiykH09M_OfFmScEHRoIbzwdTO/s1600/hinh3.png" /></a></div> <div> <br /></div> <div> <br /></div> <div> Chọn change để thay đổi chế độ chia sẽ. On - Public on the web và bấm done để hoàn thành.</div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi04sshLr1wweMZN4Nkzxlg0j63YPY4uoon4rQxbDi0_Z8HvexPJul2F27wc5B5se3V9s9_sn7YYGAX4MPfJ_30yi_8ghX6uI1BcPj_gnPDduyJz4pMc3S1bxfgidFqPrMAeWWPVGufDc8d/s1600/hinh4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi04sshLr1wweMZN4Nkzxlg0j63YPY4uoon4rQxbDi0_Z8HvexPJul2F27wc5B5se3V9s9_sn7YYGAX4MPfJ_30yi_8ghX6uI1BcPj_gnPDduyJz4pMc3S1bxfgidFqPrMAeWWPVGufDc8d/s1600/hinh4.png" /></a></div> <div> <br /></div> <div> Bây giờ bạn làm tương tự như trên với file pdf mà mình đã up lên để lấy đường link như hình dưới.</div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div> Click chuột phải lên file mà bạn vừa up lên và chọn Share chú ý là bỏ file đó vào một thư mục cụ thể và share thư mục đó trước, share ở chế độ public.</div> <div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGik1UtWSzV_cvPwFCyEMzZ4w1SfNFW4LYB4ZaYx5ifosGcIJJ_ZxkCH04vkflL_yEUJKDJ5kz80zfpOZ_xwGc_sXZPyqpcTBfMscdnCipw4Zgn1v9OEH4WiTFC5uq-S8QYNEsCRntiYz/s1600/hinh1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGik1UtWSzV_cvPwFCyEMzZ4w1SfNFW4LYB4ZaYx5ifosGcIJJ_ZxkCH04vkflL_yEUJKDJ5kz80zfpOZ_xwGc_sXZPyqpcTBfMscdnCipw4Zgn1v9OEH4WiTFC5uq-S8QYNEsCRntiYz/s1600/hinh1.png" /></a></div> <div> <br /></div> <div> <br /></div> <div> Copy link đã chia sẽ.</div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnTHYLbAOQIGsll944bnNZTYOUXiKQFL5JpAo5wqYrBp-z92TwrhVpK6Pis3OmdsfPFw6W1Xa0zkrM9Wvp_tP_IywLBS3FJbrKvI5Wez0dhJA1e1t_HRfDHCTwRTNx5Nn1WmZ5gLXQ9ClN/s1600/hinh5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnTHYLbAOQIGsll944bnNZTYOUXiKQFL5JpAo5wqYrBp-z92TwrhVpK6Pis3OmdsfPFw6W1Xa0zkrM9Wvp_tP_IywLBS3FJbrKvI5Wez0dhJA1e1t_HRfDHCTwRTNx5Nn1WmZ5gLXQ9ClN/s1600/hinh5.png" /></a></div> <div> <br /></div> <div> Bây giờ lấy mã từ sau chữ foldes/ đến dấu hỏi (0B0-s9g8--zw4S2hWWjMwUnZROFU) thay thế vị trí mã trong code bên dưới và sau đó chèn đoạn code trên vào vị trí mà bạn muốn hiển thị trên blogspot của mình</div> <div> <br /> <ol> </ol> <pre> <iframe frameborder="0" src="https://drive.google.com/file/d/<span style="background-color: orange;">0B0-s9g8--zw4UTlUUWpjRndXbnc</span>/preview" style="height: 1000px; width: 100%;"></iframe><br /> </pre> <ul> </ul> <div> Bạn thay đổi chiều rộng và chiều dài cho phù hợp với yêu cầu hiển thị của bạn tại mục:<br /> Width: <span style="background-color: orange;">100%</span><br /> height: <span style="background-color: orange;">1000px</span></div> </div> </div> </div>

Cách đăng file PDF lên blogspot

Upload file pdf của bạn lên một thư mục trên google drive. Click chuột phải lên thư mục mà bạn muốn share để chia sẽ thử mục đó.  ...

Đọc thêm »

Hiển thị nhiều banner quảng cáo một lúc

<script type="text/javascript">// Banner Rotation Script by Bloggerism var ban = new Array(); var link = new Array(); var index = 0; ban[0] = new Image(); ban[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgipHxH9DLH2cIEgNEZFqT64YczgubcOy6E_-9Y9r9NhQAMRP7LeEvuVHeafCBg85b2oIyRRxdRhcZvC87haxuxmHZVb5JEo_zF048ChNwyMlJvmHuYmmaCgc-Hl3EVvqiYh763etmR5ko/s1600/1.jpg"; link[0] = "http://www.bbc.com/"; ban[1] = new Image(); ban[1].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWq1igB_LZE8dLWb1CtK78z5qqP294byz9rXR1GmcIT1digDbxyafOjB-xn5hJYo3fkbm7pdTMpx2W2Ty5kbYOaGEqvzBxBkDUw8pl93CrlaNlLnW9FnXLdhbJbrXPlN7RoFv6uW2zz58/s1600/2.jpg"; link[1] = "http://www.voanews.com/"; ban[2] = new Image(); ban[2].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhksChARcNaIilKC6XQMy9cOT5tOnTDuqe7bNDcy3y8n33R-xF5w0k8bDgh5U-dQkTQ3yi6gHX6uXhNiYEyEVKKn2xsWjoYoB2BlyG5pOEZr-Lqg3DuN15jm0v9MVKUKEhh0SQUN9uYlC4/s1600/images.jpg"; link[2] = "http://edition.cnn.com/"; index = Math.random() * (ban.length); index = Math.floor(index); function rotator() {if (index == ban.length) index = 0; if (document.images) { document.images.rotation.src = ban[index].src; } else { document.getElementById('rotation').src=ban[index].src; } index++; setTimeout('rotator()',5000); } function go() {window.open(link[index-1]);} </script> <img id="rotation" onclick="go();" src="" style="cursor:pointer;"/><script type="text/javascript">rotator();</script><br /><br />Bạn muốn quảng cáo của mình động như ảnh gif để cho nó sinh động, tuy nhiên ở một banner thì bạn chỉ có thể bỏ vào một link liên kết đến.<br />Đoạn code dưới đây sẽ giúp bạn giải quyết vấn đề trên, mỗi banner khác nhau sẽ cho ra đường link khác nhau.<br /><br /><br /><pre><script type="text/javascript"><br />// Banner Rotation Script by Bloggerism<br />var ban = new Array();<br />var link = new Array();<br />var index = 0;<br /><br />ban[0] = new Image();<br />ban[0].src = "<span style="color: red;">URL_banner_0</span>";<br />link[0] = "<span style="color: red;">URL_link_0</span>";<br /><br />ban[1] = new Image();<br />ban[1].src = "<span style="color: red;">URL_banner_1</span>";<br />link[1] = "<span style="color: red;">URL_link_1</span>";<br /><br />ban[2] = new Image();<br />ban[2].src = "<span style="color: red;">URL_banner_2</span>";<br />link[2] = "<span style="color: red;">URL_link_2</span>";<br /><br />index = Math.random() * (ban.length);<br />index = Math.floor(index);<br /><br />function rotator()<br />{if (index == ban.length) index = 0;<br />if (document.images) {<br />document.images.rotation.src = ban[index].src;<br />}<br />else {<br />document.getElementById('rotation').src=ban[index].src;<br />}<br />index++;<br />setTimeout('rotator()',<span style="color: red;">3000</span>);<br />}<br />function go() {window.open(link[index-1]);}<br /></script><br /><br /><img id="rotation" style="cursor:pointer;" src="" onclick="go();"/><br /><script type="text/javascript">rotator();</script><br /></pre><br />Hãy thay đổi nhưng dòng màu đỏ cho phù hợp với nhu cầu của bạn nhé.<br /><br />

Hiển thị nhiều banner quảng cáo một lúc

Bạn muốn quảng cáo của mình động như ảnh gif để cho nó sinh động, tuy nhiên ở một banner thì bạn chỉ có thể bỏ vào một link liên kết đến. Đ...

Đọc thêm »

Tạo Ghost Button

<pre>.ghost-button {<br /> display: inline-block;<br /> width: 200px;<br /> padding: 8px;<br /> color: #fff;<br /> border: 2px solid #fff;<br /> text-align: center;<br /> outline: none;<br /> text-decoration: none;<br /> transition: background-color 0.2s ease-out,<br /> color 0.2s ease-out;<br />}<br />.ghost-button:hover,<br />.ghost-button:active {<br /> background-color: #fff;<br /> color: #000;<br /> transition: background-color 0.3s ease-in,<br /> color 0.3s ease-in;<br />}<br /></pre><br />Cách sử dụng: class=”ghost-button”. Ví dụ: Nếu bạn muốn thêm một download link, thì làm như dưới đây <br /><a class="ghost-button" href="link cần">Download Now</a>

Tạo Ghost Button

.ghost-button { display: inline-block; width: 200px; padding: 8px; color: #fff; border: 2px solid #fff; text-align: center; o...

Đọc thêm »

Tạo Scrollbar cho bài đăng của blogs

<br />Với một bài đăng dài bạn thường sử dụng công "chèn dấu ngắt nhảy" để nó thu gọn lại và chỉ hiển thị một phần của bài đăng thôi. Đây là cách phổ biến và khá dễ làm cho hầu hết mọi người.<br /><br />Có một cách khác cũng thu gọn hiển thị của bài viết và theo tôi nó hay hơn rất nhiều đó là sử dụng công cụ Srollbar để kéo trược bài viết khi muốn xem thêm.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijlObtb9XMMUI_5SdJcHZ2MzyXMIKLHKKfT9VZd2Mnk0-74JlDx3MiJGrnVnPIs2jASpae7XpOz0MoqBSYW9csAsxOgKjAIaFIJJ-GEU48yCRg15jSgAI3IF6yAYtnSlcvNK5B9zE4D1A/s1600/scrollbar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="534" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijlObtb9XMMUI_5SdJcHZ2MzyXMIKLHKKfT9VZd2Mnk0-74JlDx3MiJGrnVnPIs2jASpae7XpOz0MoqBSYW9csAsxOgKjAIaFIJJ-GEU48yCRg15jSgAI3IF6yAYtnSlcvNK5B9zE4D1A/s640/scrollbar.jpg" width="640" /></a></div><br /><br />Trong một số trường hợp dấu ngắt nhảy không thể làm được điều mà Scrollbar có thể làm được đó là những bài đăng table hoặc bài đăng nằm trong widget chẳng hạn.<br /><br />Bạn chỉ cần copy đoạn code dưới đây và chèn nội dung mình muốn vào giữa là có thê làm được:<br /><br /><blockquote class="tr_bq"><div style="<span style="color: magenta;"><b>width</b>:</span>650px; <span style="color: magenta;"><b>height</b></span>:750px;overflow:auto;">Nội dung cần hiển thị trong scrollbar</div></blockquote><br />Một số thông số cần lưu ý để phù hợp với bạn:<br /><ul><li><b><span style="color: magenta;">Width</span></b>: độ rộng của khung srollbar</li><li><span style="color: magenta;"><b>Height</b></span>: chiều cao của khung srollbar</li></ul><div><br /></div>

Tạo Scrollbar cho bài đăng của blogs

Với một bài đăng dài bạn thường sử dụng công "chèn dấu ngắt nhảy" để nó thu gọn lại và chỉ hiển thị một phần của bài đăng thôi. Đâ...

Đọc thêm »