<![CDATA[Thủ Thuật Access - Góc Blogger]]> https://thuthuataccess.com/forum/ Tue, 21 Apr 2026 14:53:03 +0000 MyBB <![CDATA[Xây dựng blogspot làm sao cho đẹp]]> https://thuthuataccess.com/forum/thread-10665.html Sun, 02 Sep 2018 12:00:32 +0000 tt1212]]> https://thuthuataccess.com/forum/thread-10665.html blog này tuy nhiên minh thấy chưa hài lòng lắm, với lập trình một ứng dụng websie tương chừng đơn giản nhưng với cái vụ này cũng phức tạp ghê
https://wwwbinhminhcon.blogspot.com/]]> blog này tuy nhiên minh thấy chưa hài lòng lắm, với lập trình một ứng dụng websie tương chừng đơn giản nhưng với cái vụ này cũng phức tạp ghê
https://wwwbinhminhcon.blogspot.com/]]> <![CDATA[Tạo menu dropdown cho Blogspot]]> https://thuthuataccess.com/forum/thread-10312.html Mon, 18 Dec 2017 07:13:12 +0000 Noname]]> https://thuthuataccess.com/forum/thread-10312.html
Menu là một công cụ không thể thiếu cho một trang blog đạt chuẩn. Ngoài tác dụng trang trí cho blog và giúp cho người truy cập dễ dàng tìm kiếm, đi tới các danh mục chứa thông tin trong đó, menu còn có tác dụng SEO
1. Đăng nhập vào blog, bấm "Thiết kế" - "Trang tổng quan", bấm vào "Mẫu", bấm tiếp "Chỉnh sửa HTML".
2. Tìm thẻ: ]]]]><![CDATA[></b:skin> . (Xem cách tìm nhanh các thẻ TẠI ĐÂY).
3. Chèn đoạn mã trong khung dưới đây vào phía trên thẻ: ]]]]><![CDATA[></b:skin> vừa tìm được.
Mã:
#mbtnavbar {
background: #060505;
width: 960px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:35px;
}
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #333;
border-right:1px solid #333;
height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #FFF;
display: block;
font:normal 12px Helvetica, sans-serif; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
#mbtnav li a:hover, #mbtnav li a:active {
background: #BF0100;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;
}
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background: #BF0100;
width: 120px;
color: #FFF;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;
}
#mbtnav li li a:hover, #mbtnavli li a:active {
background: #060505;
color: #FFF;
display: block; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
[Hình: Tao+mn1.png]
Chú ý: Con số (960) được tô màu đỏ, nằm trong nền xanh ở đoạn mã trên là độ rộng của thanh menu. Các bạn có thể thay đổi cho phù hợp với blog.

5. Lặp lại các thao tác ở bước số 1 và bấm vào "Bố cục", bấm tiếp "Thêm tiện ích" [1] (ngay dưới tiêu đề blog - xem ảnh trên), chọn và thêm "HTML/JavaScript" [2] trong bảng tiện ích hiện ra. Để trống tiêu đề và dán đoạn mã trong khung dưới vào phần nội dung:
[Hình: mn+3.jpg]
[Hình: Mn+4.jpg]
Mã:
<div id='mbtnavbar'>
<ul id='mbtnav'>
        <li>
        <a href=' link trang chủ'>TRANG CHỦ</a></li>
        <li>
<a href='link chuyên mục'>TÊN MỤC</a></li>
        <li>
          <a href='link chuyên mục'>TÊN MỤC</a></li>
  <li>
<a href='link chuyên mục'>TÊN MỤC</a></li>
  <li>
<a href='link chuyên mục'>TÊN MỤC</a>
<ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
        </li>
  <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
         </ul>
      </li>          
<li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN </a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
          </li>
         <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
            </li>
            <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'> TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>            
       </ul>
  </li>
<li>        
</li>
</ul>  
</div>
- Phần mã nằm trong nền xanh ở khung trên là các menu con xổ xuống.
- Thay "link chuyên mục" bằng link của các danh mục hoặc trang tĩnh trong blog; "tên mục" bằng tên các trang hoặc danh mục trong blog của các bạn.

6. Bấm "Lưu" và định vị tiện ích vừa tạo rồi bấm "Lưu sắp xếp" [3] là xong.
Mời các bạn trở lại trang chủ xem kết quả!

Nguồn: http://caocongkien.blogspot.com/2013/09/...ieu-1.html

Demo: http://www.pmanhatrang.com/]]>
Menu là một công cụ không thể thiếu cho một trang blog đạt chuẩn. Ngoài tác dụng trang trí cho blog và giúp cho người truy cập dễ dàng tìm kiếm, đi tới các danh mục chứa thông tin trong đó, menu còn có tác dụng SEO
1. Đăng nhập vào blog, bấm "Thiết kế" - "Trang tổng quan", bấm vào "Mẫu", bấm tiếp "Chỉnh sửa HTML".
2. Tìm thẻ: ]]]]><![CDATA[></b:skin> . (Xem cách tìm nhanh các thẻ TẠI ĐÂY).
3. Chèn đoạn mã trong khung dưới đây vào phía trên thẻ: ]]]]><![CDATA[></b:skin> vừa tìm được.
Mã:
#mbtnavbar {
background: #060505;
width: 960px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:35px;
}
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #333;
border-right:1px solid #333;
height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #FFF;
display: block;
font:normal 12px Helvetica, sans-serif; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
#mbtnav li a:hover, #mbtnav li a:active {
background: #BF0100;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;
}
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background: #BF0100;
width: 120px;
color: #FFF;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;
}
#mbtnav li li a:hover, #mbtnavli li a:active {
background: #060505;
color: #FFF;
display: block; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
[Hình: Tao+mn1.png]
Chú ý: Con số (960) được tô màu đỏ, nằm trong nền xanh ở đoạn mã trên là độ rộng của thanh menu. Các bạn có thể thay đổi cho phù hợp với blog.

5. Lặp lại các thao tác ở bước số 1 và bấm vào "Bố cục", bấm tiếp "Thêm tiện ích" [1] (ngay dưới tiêu đề blog - xem ảnh trên), chọn và thêm "HTML/JavaScript" [2] trong bảng tiện ích hiện ra. Để trống tiêu đề và dán đoạn mã trong khung dưới vào phần nội dung:
[Hình: mn+3.jpg]
[Hình: Mn+4.jpg]
Mã:
<div id='mbtnavbar'>
<ul id='mbtnav'>
        <li>
        <a href=' link trang chủ'>TRANG CHỦ</a></li>
        <li>
<a href='link chuyên mục'>TÊN MỤC</a></li>
        <li>
          <a href='link chuyên mục'>TÊN MỤC</a></li>
  <li>
<a href='link chuyên mục'>TÊN MỤC</a></li>
  <li>
<a href='link chuyên mục'>TÊN MỤC</a>
<ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
        </li>
  <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
         </ul>
      </li>          
<li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN </a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
          </li>
         <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
            </li>
            <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'> TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>            
       </ul>
  </li>
<li>        
</li>
</ul>  
</div>
- Phần mã nằm trong nền xanh ở khung trên là các menu con xổ xuống.
- Thay "link chuyên mục" bằng link của các danh mục hoặc trang tĩnh trong blog; "tên mục" bằng tên các trang hoặc danh mục trong blog của các bạn.

6. Bấm "Lưu" và định vị tiện ích vừa tạo rồi bấm "Lưu sắp xếp" [3] là xong.
Mời các bạn trở lại trang chủ xem kết quả!

Nguồn: http://caocongkien.blogspot.com/2013/09/...ieu-1.html

Demo: http://www.pmanhatrang.com/]]> <![CDATA[Slide Hình cho blogger]]> https://thuthuataccess.com/forum/thread-10311.html Sun, 17 Dec 2017 11:47:54 +0000 Noname]]> https://thuthuataccess.com/forum/thread-10311.html
  1. Vào Blogger Dashboard > Layout > Add a Gadget Select HTML/Javascript 

  2. Copy code bên dưới, sửa các link hình lại và save là xong.
Mã:
<!---------------------------------------------
   Blogger Slideshow Widget by
   http://imagesliderforblogger.blogspot.com/
   org. by dimpost.com
----------------------------------------------->
<!--  Camera_Slideshow Styles  -->
<link rel='stylesheet' id='camera-css' href='http://project.dimpost.com/camera-slideshow/css/camera.css' type='text/css' media='all'>
<!-- Camera Slideshow Scripts -->
<script type='text/javascript' src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/camera.min.js'></script>
<script type='text/javascript'>
jQuery(function() {
   jQuery('#camera_wrap_1').camera({
       time: 2500, // milliseconds between the end of the sliding effect and the start of the nex one
       transPeriod: 1200, // length of the sliding effect in milliseconds
       thumbnails: false, // thumnails & tooltip is controlled by it
       pagination: true, // only when "pagination" is set to "false" thumbnails will be visible
       fx: 'curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight, scrollLeft, scrollRight, scrollHorz, scrollBottom, scrollTop', // transition effects
       hover: false, // Pause on hover
       height: '50%' // slideshow height (50% is default)
   });
});
</script>
<style type="text/css">
.fluid_container {
   margin: 0 auto;
   /* aling centered */
   width: 100%;
   max-width: 900px;
   overflow: hidden;
}


/* Blogger CSS Conflict Fix */

.camera_pag_ul {
   border: none !important;
   background: none !important;
}

.camera_pag_ul li {
   float: inherit !important;
   padding: inherit !important;
}

.camera_pag_ul {
   margin: 0 !important;
   border: 0 !important;
}
</style>
<div class="fluid_container">
   <!-- camera_slideshow camera_wrap-->
   <div class="camera_wrap" id="camera_wrap_1">
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/1.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/1.jpg">
           <div class="camera_caption fadeFromBottom">
               Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
           </div>
       </div>
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/2.jpg">
           <div class="camera_caption fadeFromBottom">
               It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
           </div>
       </div>
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/3.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/3.jpg">
           <div class="camera_caption fadeFromBottom">
               <em>It's completely free</em> (even though a donation is appreciated)
           </div>
       </div>
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/4.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/4.jpg">
           <div class="camera_caption fadeFromBottom">
               Camera slideshow provides many options <em>to customize your project</em> as more as possible
           </div>
       </div>
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/5.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/5.jpg">
           <div class="camera_caption fadeFromBottom">
               It supports captions, HTML elements and videos.
           </div>
       </div>
   </div>
   <!-- #camera_wrap_1 -->
</div>
<!-- .fluid_container -->

Customization Options:
Mã:
time: 2500, // milliseconds between the end of the sliding effect and the start of the nex one

   transPeriod: 1200, // length of the sliding effect in milliseconds

   thumbnails: false, // thumnails & tooltip is controlled by it

   pagination: true, // only when "pagination" is set to "false" thumbnails will be visible

   fx: 'curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight, scrollLeft, scrollRight, scrollHorz, scrollBottom, scrollTop', // transition effects

   hover: false, // Pause on hover
   height: '50%' // slideshow height (50% is default)

To adjust the slider size edit this CSS rule from the main code
Mã:
.fluid_container {

   margin: 0 auto; /* aling centered */

   width: 100%;

   max-width: 900px;

   overflow: hidden;
}

Demo: http://www.pmanhatrang.com/]]>
  1. Vào Blogger Dashboard > Layout > Add a Gadget Select HTML/Javascript 

  2. Copy code bên dưới, sửa các link hình lại và save là xong.
Mã:
<!---------------------------------------------
   Blogger Slideshow Widget by
   http://imagesliderforblogger.blogspot.com/
   org. by dimpost.com
----------------------------------------------->
<!--  Camera_Slideshow Styles  -->
<link rel='stylesheet' id='camera-css' href='http://project.dimpost.com/camera-slideshow/css/camera.css' type='text/css' media='all'>
<!-- Camera Slideshow Scripts -->
<script type='text/javascript' src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/camera.min.js'></script>
<script type='text/javascript'>
jQuery(function() {
   jQuery('#camera_wrap_1').camera({
       time: 2500, // milliseconds between the end of the sliding effect and the start of the nex one
       transPeriod: 1200, // length of the sliding effect in milliseconds
       thumbnails: false, // thumnails & tooltip is controlled by it
       pagination: true, // only when "pagination" is set to "false" thumbnails will be visible
       fx: 'curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight, scrollLeft, scrollRight, scrollHorz, scrollBottom, scrollTop', // transition effects
       hover: false, // Pause on hover
       height: '50%' // slideshow height (50% is default)
   });
});
</script>
<style type="text/css">
.fluid_container {
   margin: 0 auto;
   /* aling centered */
   width: 100%;
   max-width: 900px;
   overflow: hidden;
}


/* Blogger CSS Conflict Fix */

.camera_pag_ul {
   border: none !important;
   background: none !important;
}

.camera_pag_ul li {
   float: inherit !important;
   padding: inherit !important;
}

.camera_pag_ul {
   margin: 0 !important;
   border: 0 !important;
}
</style>
<div class="fluid_container">
   <!-- camera_slideshow camera_wrap-->
   <div class="camera_wrap" id="camera_wrap_1">
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/1.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/1.jpg">
           <div class="camera_caption fadeFromBottom">
               Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
           </div>
       </div>
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/2.jpg">
           <div class="camera_caption fadeFromBottom">
               It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
           </div>
       </div>
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/3.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/3.jpg">
           <div class="camera_caption fadeFromBottom">
               <em>It's completely free</em> (even though a donation is appreciated)
           </div>
       </div>
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/4.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/4.jpg">
           <div class="camera_caption fadeFromBottom">
               Camera slideshow provides many options <em>to customize your project</em> as more as possible
           </div>
       </div>
       <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/5.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/5.jpg">
           <div class="camera_caption fadeFromBottom">
               It supports captions, HTML elements and videos.
           </div>
       </div>
   </div>
   <!-- #camera_wrap_1 -->
</div>
<!-- .fluid_container -->

Customization Options:
Mã:
time: 2500, // milliseconds between the end of the sliding effect and the start of the nex one

   transPeriod: 1200, // length of the sliding effect in milliseconds

   thumbnails: false, // thumnails & tooltip is controlled by it

   pagination: true, // only when "pagination" is set to "false" thumbnails will be visible

   fx: 'curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight, scrollLeft, scrollRight, scrollHorz, scrollBottom, scrollTop', // transition effects

   hover: false, // Pause on hover
   height: '50%' // slideshow height (50% is default)

To adjust the slider size edit this CSS rule from the main code
Mã:
.fluid_container {

   margin: 0 auto; /* aling centered */

   width: 100%;

   max-width: 900px;

   overflow: hidden;
}

Demo: http://www.pmanhatrang.com/]]> <![CDATA[Blogger cho doanh nghiệp]]> https://thuthuataccess.com/forum/thread-10310.html Sun, 17 Dec 2017 10:14:33 +0000 Noname]]> https://thuthuataccess.com/forum/thread-10310.html
1/ Tạo trang giới thiệu
Blogger có hỗ trợ chức năng Trang. Để làm trang giới thiệu, hay những trang tĩnh khác.
Một trang web chuyên nghiệp nên có Một trang giới thiệu. Tham khảo trang giới thiệu 

2/ Tạo trang liên hệ
Địa chỉ, số hotline, email phản hồi... để khách hàng có thể liên lạc với mình. tham khảo trang liên hệ

2 cái trên nên dùng chức năng tạo trang của blogger rồi dẫn link vào trang blog.

3/Hạn chế yếu tố miễn phí:
Blogger là một dịch vụ web miễn phí tốt nhất thế giới hiện nay. Tuy nhiên, trong mắt người dùng, cái gì cầm nắm được thì người ta tin tưởng.
Email và website với tên miền cụ thể sẽ làm người ta tin hơn bởi tính nghiêm túc của chính địa chỉ. (gmail hay blogspot chỉ mất 5 phút là có 1 địa chỉ, nhưng email và tên miền cụ thể phải mất nhiều ngày, hợp đồng mua tên miền, có tư cách pháp nhân, có người chịu trách nhiệm...)

Vì vậy, hãy tạo lòng tin bằng cách cho người dùng cảm thấy họ đang vào 1 trang web cụ thể chứ không phải là 1 trang blog.
Một trong những cách sau:
- Mua tên miền riêng
- Dấu thanh navbar đi. 
- Bỏ các yếu tố làm người dùng nghĩ rằng đây là 1 blog cá nhân chứ không phải là website doanh nghiệp. Ví như: thay cụm từ "Lưu trữ Blog" bằng cụm từ Bài đã đăng.Che luôn chữ Blogger ở chân trang...

4/Chỉnh chu từng chi tiết
- Blog cá nhân thường được đặt tính ngẫu hứng. Nhưng làm cho doanh nghiệp thì cần phải chỉnh chu từng chi tiết. Câu chữ, dấu chấm dấu phẩy phải rõ ràng.
Điều đó cho thấy sự nghiêm túc trong kinh doanh.

...
Mời các bác có kinh nghiệm cho thêm ý kiến

Chúc các bác áp dụng thành công cho Blog page nhà mình
Hớ

Tham khảo 1 trang nhà hàng mình đang làm. Các bài viết kế mình sẽ chia sẻ các thủ thuật Blogger đang dùng trên các trang mình đã thiết kế.
http://www.nhahangsongtho.com/]]>
1/ Tạo trang giới thiệu
Blogger có hỗ trợ chức năng Trang. Để làm trang giới thiệu, hay những trang tĩnh khác.
Một trang web chuyên nghiệp nên có Một trang giới thiệu. Tham khảo trang giới thiệu 

2/ Tạo trang liên hệ
Địa chỉ, số hotline, email phản hồi... để khách hàng có thể liên lạc với mình. tham khảo trang liên hệ

2 cái trên nên dùng chức năng tạo trang của blogger rồi dẫn link vào trang blog.

3/Hạn chế yếu tố miễn phí:
Blogger là một dịch vụ web miễn phí tốt nhất thế giới hiện nay. Tuy nhiên, trong mắt người dùng, cái gì cầm nắm được thì người ta tin tưởng.
Email và website với tên miền cụ thể sẽ làm người ta tin hơn bởi tính nghiêm túc của chính địa chỉ. (gmail hay blogspot chỉ mất 5 phút là có 1 địa chỉ, nhưng email và tên miền cụ thể phải mất nhiều ngày, hợp đồng mua tên miền, có tư cách pháp nhân, có người chịu trách nhiệm...)

Vì vậy, hãy tạo lòng tin bằng cách cho người dùng cảm thấy họ đang vào 1 trang web cụ thể chứ không phải là 1 trang blog.
Một trong những cách sau:
- Mua tên miền riêng
- Dấu thanh navbar đi. 
- Bỏ các yếu tố làm người dùng nghĩ rằng đây là 1 blog cá nhân chứ không phải là website doanh nghiệp. Ví như: thay cụm từ "Lưu trữ Blog" bằng cụm từ Bài đã đăng.Che luôn chữ Blogger ở chân trang...

4/Chỉnh chu từng chi tiết
- Blog cá nhân thường được đặt tính ngẫu hứng. Nhưng làm cho doanh nghiệp thì cần phải chỉnh chu từng chi tiết. Câu chữ, dấu chấm dấu phẩy phải rõ ràng.
Điều đó cho thấy sự nghiêm túc trong kinh doanh.

...
Mời các bác có kinh nghiệm cho thêm ý kiến

Chúc các bác áp dụng thành công cho Blog page nhà mình
Hớ

Tham khảo 1 trang nhà hàng mình đang làm. Các bài viết kế mình sẽ chia sẻ các thủ thuật Blogger đang dùng trên các trang mình đã thiết kế.
http://www.nhahangsongtho.com/]]>