Hướng dẫn quản trị template blogspot giới thiệu dịch vụ 00047

Mẫu template blogspot giới thiệu dịch vụ công ty diệt mối 00047 được share123.vn design và thiết kế cho các công ty, các cá nhân muốn có 1 blog giới thiệu sản phẩm, giới thiệu dịch vụ của mình hoặc làm site vệ tinh cho các web chính

Mẫu template blogger giới thiệu dịch vụ được share123.vn thiết kế chuẩn seo, tối ưu các thẻ h1, h2, h3, ... tối ưu thẻ meta và blog được thiết kế tương thích trên các trình duyệt, tương thích trên các thiết bị di động mobile, ipad, PC

Live Demo: http://demo47.share123.com.vn/

Demo template blogspot giới thiệu công ty , giới thiệu dịch vụ 00047

HƯỚNG DẪN CÀI ĐẶT CHUNG:

HƯỚNG DẪN CÀI ĐẶT BỐ CỤC BLOG

Hình minh họa Cài đặt tiện ích danh mục

Đăng nhập quản trị blog => Bố cục => Chèn các đoạn code sau cho từng tiện ích cụ thể:

1. Cài đặt tiện ích tên công ty:

Code:




<h1>CÔNG TY TNHH PHÁT TRIỂN CÔNG NGHỆ VÀ DỊCH VỤ 24H</h1>

<h3>Chuyên cung cấp dịch vụ diệt mối, diệt côn trùng hiệu quả</h3>

<h4>HOTLINE: 0986 440 222</h4>

2. Cài đặt tiện ích Hỗ trợ trực tuyến

Code:




<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQ03Naa52tgYf5p19iEBk2MrHnNeNXdhVWwCkEFmg-HBNTo2okRWyd94C-gW_yIR3Bu0UHS4rLgdjskVu17MInS0smWOjjWHvXYQGCCigZ1HWURHjMHq1HZtQ-YyNLI5h-Wmm2yGEZmoX/s1600/support_online.gif' width='201'/>

 <div class='boxhohokythuat'>

   <p><a href='tel:0986 440 222'><span>04.668 03 013</span></a></p>




<p>

<a class='mar-right' href='skype:share123_vn?chat' title='Chát cùng Huy Tập'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitNytqPOUCM7kne-jRsdzOwJXXHzH6gaD_0I98Uk7vM7NtR6xLzOaKDSCx-6MmDxWVs2txLOAotlZWYzB6GPSXGGp4fVsPoUjDR0-_QMlvqzsfvM3PM1byo9PM9AWFnc_itpRJvgn_WM4s/s0/skype-icon.png.pagespeed.ic.GSLMcHP-fl.png' style='float: left;margin-right: 10px;'/>

</a><a href='tel:0986 440 222'><img alt='Chát cùng Huy Tập' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7IM6sYbey-0Fsu593SUz0xi5kL42rhewOVsclZKGJtB2ZGZAVM311ZHCm72VI7LYZcmXBEVi-6z-4D2BZ4bh3LeEgMSdweS0rn689cOjh5P3u6DHeVYc3Ipvlm2aIxPaVvnFmlL3KM9Y/s1600/zalo.jpg.pagespeed.ic.GSLMcHP-fl.png'/></a></p>




   <p><a href='tel:0986 440 222'><span>0986 440 222</span></a></p>




<p>

<a class='mar-right' href='skype:share123_vn?chat' title='Chát cùng Huy Tập'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitNytqPOUCM7kne-jRsdzOwJXXHzH6gaD_0I98Uk7vM7NtR6xLzOaKDSCx-6MmDxWVs2txLOAotlZWYzB6GPSXGGp4fVsPoUjDR0-_QMlvqzsfvM3PM1byo9PM9AWFnc_itpRJvgn_WM4s/s0/skype-icon.png.pagespeed.ic.GSLMcHP-fl.png' style='float: left;margin-right: 10px;'/>

</a><a href='tel:0988227905'><img alt='Chát cùng Huy Tập' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7IM6sYbey-0Fsu593SUz0xi5kL42rhewOVsclZKGJtB2ZGZAVM311ZHCm72VI7LYZcmXBEVi-6z-4D2BZ4bh3LeEgMSdweS0rn689cOjh5P3u6DHeVYc3Ipvlm2aIxPaVvnFmlL3KM9Y/s1600/zalo.jpg.pagespeed.ic.GSLMcHP-fl.png'/></a></p></div>

Bạn thay số điện thoại và nick skype theo ý bạn.

3. Cài đặt tiện ích Lời giới thiệu

Code:




<div class="row">

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsWQdltZcKgdR4cHKuYGJYZJDMMLix5PV24Aug97FfTOQkDTWShkxW5rghyxfG2rwLkurOuXhZ4bKUbO0hNS8Nbv8xX5Sf5RIvW90_wQ8a5U6-2PFwGq3pjz8IvfzlMwevh5oEMjBNVAUf/s1600/img_gioithieu.png" alt="Diệt mối" />

    <div class="content-gioithieu">

        <p style="font-style: italic;">Lời đầu tiên Công ty diệt mối Thành Long Kính chúc Quý Khách Hàng luôn kinh doanh phát đạt và không ngừng phát triển trong tương lai . Cảm ơn sự hợp tác của Quý Khách Hàng trong thời gian qua !. Với mong muốn mang đến cho Quý Khách Hàng những sản phẩm tối ưu . Công Ty chúng tôi với đội ngũ nhân viên chuyên nghiệp có trình độ tay nghề cao cùng với sự tận tâm trong công việc, chúng tôi luôn cố gắng…</p>

        <br />

        <p>Trụ sở: B7, tập thể X25 Bộ Công An, phố An Hòa, Quận Hà Đông, Hà Nội</p>

        <p>Điện thoại: 04.123456 - Mobile: 0987.654.321</p>

        <p>Email: dietmoi24h@gmail.com</p>

        <p>Website: http://dietmoi24h.com</p>

<div class="linkxemchitiet"><a href="/2015/05/gioi-thieu-ve-cong-ty-diet-moi-24h.html">&#187; Xem chi tiết</a></div>

    </div>

</div>

4. Cài đặt tiện ích Video

Code:



<iframe width="100%" height="170" src="https://www.youtube.com/embed/mUUFDogKLUA" frameborder="0" allowfullscreen></iframe>

Để lấy mã nhúng video youtube: truy cập youtube.com => xem video cần lấy mã nhúng => chia sẻ => Nhúng => copy => paste vào tiện ích.

5. Cài đặt tiện ích Cam kết

Code:




<style>




.li-commit img{/* 1st set of icons. Rotate them 360deg onmouseover and out */

        -moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out}

.li-commit:hover img{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

#bg-camket{padding: 07px;border:none!important}

#h4-camket{height:50px;padding-top:6px;position:relative;top:-65px;left:70px;border:none!important;font-size:19px;width:180px}

</style>




<div class="box">

    <div class="right"></div>

    <div class="middle hotroonline" id="bg-camket" style="overflow:hidden;">

       <ul style="padding:10px">




                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic7nMwcmzEUmZCYvbOWQUGykEcRMcrDd6yP-xC-10pZ707EGTjZWTT5Ki5lSZC9fy2z_q0bKx08xKF4VeLMouwfdVpfHO7CtY2sQIMf3nOZGEn6TBCKd4-cu9J9_BALxbI0RU6p2Cz2ln4/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">1</span><span style="position:relative; top:-6px; left:5px">Hàng chất lượng</span> </li>

                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic7nMwcmzEUmZCYvbOWQUGykEcRMcrDd6yP-xC-10pZ707EGTjZWTT5Ki5lSZC9fy2z_q0bKx08xKF4VeLMouwfdVpfHO7CtY2sQIMf3nOZGEn6TBCKd4-cu9J9_BALxbI0RU6p2Cz2ln4/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">2</span><span style="position:relative; top:-6px; left:5px">Mẫu mã đa dạng</span> </li>

                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic7nMwcmzEUmZCYvbOWQUGykEcRMcrDd6yP-xC-10pZ707EGTjZWTT5Ki5lSZC9fy2z_q0bKx08xKF4VeLMouwfdVpfHO7CtY2sQIMf3nOZGEn6TBCKd4-cu9J9_BALxbI0RU6p2Cz2ln4/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">3</span><span style="position:relative; top:-6px; left:5px">Tư vấn nhiệt tình</span> </li>

                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic7nMwcmzEUmZCYvbOWQUGykEcRMcrDd6yP-xC-10pZ707EGTjZWTT5Ki5lSZC9fy2z_q0bKx08xKF4VeLMouwfdVpfHO7CtY2sQIMf3nOZGEn6TBCKd4-cu9J9_BALxbI0RU6p2Cz2ln4/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">4</span><span style="position:relative; top:-6px; left:5px">Giá cả cạnh tranh</span> </li>

                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic7nMwcmzEUmZCYvbOWQUGykEcRMcrDd6yP-xC-10pZ707EGTjZWTT5Ki5lSZC9fy2z_q0bKx08xKF4VeLMouwfdVpfHO7CtY2sQIMf3nOZGEn6TBCKd4-cu9J9_BALxbI0RU6p2Cz2ln4/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">5</span><span style="position:relative; top:-6px; left:5px">Mua sắm dễ dàng</span> </li>

                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic7nMwcmzEUmZCYvbOWQUGykEcRMcrDd6yP-xC-10pZ707EGTjZWTT5Ki5lSZC9fy2z_q0bKx08xKF4VeLMouwfdVpfHO7CtY2sQIMf3nOZGEn6TBCKd4-cu9J9_BALxbI0RU6p2Cz2ln4/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:0px; left:11px; color:#fff; font-weight:bold;">6</span><span style="position:relative; top:-6px; left:5px">Phục vụ chu đáo</span> </li>

                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic7nMwcmzEUmZCYvbOWQUGykEcRMcrDd6yP-xC-10pZ707EGTjZWTT5Ki5lSZC9fy2z_q0bKx08xKF4VeLMouwfdVpfHO7CtY2sQIMf3nOZGEn6TBCKd4-cu9J9_BALxbI0RU6p2Cz2ln4/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">7</span><span style="position:relative; top:-6px; left:5px">Dịch vụ hoàn hảo</span> </li>

       </ul>

    </div>

</div>

6. Cài đặt tiện ích Facebook

Code:



<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Share123.vn&amp;width=220&amp;height=220&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true&amp;appId=136337293196106" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:217px;" allowtransparency="true"></iframe>

Thay link fanpage trên thành fanpage của bạn

HƯỚNG DẪN QUẢN TRỊ BLOG

Đăng nhập quản trị blog => Mẫu => Chỉnh sửa HTML => Ctrl+F nội tuyến tìm các đoạn code tương tự sau:

1. Thay thông tin Menu

Code:




<a class='navbar-brand' href='#'>HOTLINE: 0986 440 222</a>

    </div>

    <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>

      <ul class='nav navbar-nav'>

        <li class='active'><a href='/'>Trang chủ <span class='sr-only'>(current)</span></a></li>

        <li><a href='link bài viết'>Tên Menu</a></li>

        <li><a href='/search/label/Năng%20lực%20chuyên%20môn'>Năng lực</a></li>

        <li><a href='/search/label/Diệt%20mối'>Diệt mối</a></li>

        <li><a href='/search/label/Diệt%20mối%20tận%20gốc'>Diệt mối tận gốc</a></li>

        <li><a href='/search/label/Phòng%20chống%20mối'>Phóng chống mối</a></li>

        <li><a href='/search/label/Diệt%20côn%20trùng'>Diệt côn trùng</a></li>

        <li><a href='/search/label/Diệt%20chuột'>Diệt chuột</a></li>

        <li><a href='/search/label/Diệt%20khuẩn'>Diệt khuẩn</a></li> 

  <li><a href='/p/lien-he.html'>Liên hệ</a></li> 

      </ul>

    </div><!-- /.navbar-collapse -->

Bạn thay đổi thông tin theo ý của bạn.

2. Thay đổi thông tin liên hệ footer

Code:




<h3>CÔNG TY TNHH PHÁT TRIỂN CÔNG NGHỆ VÀ DỊCH VỤ 24H</h3>

            <br/>

            <p>NHÀ CUNG CẤP DỊCH VỤ DIỆT MỐI - DIỆT CÔN TRÙNG - DIỆT CHUỘT CHUYÊN NGHIỆP, AN TOÀN, HIỆU QUẢ</p>

            <p>Cấm sao chép dưới mọi hình thức nếu không có sự chấp thuận bằng văn bản. Ghi rõ nguồn Diệt Mối 24h khi phát hành lại thông tin từ website này.</p>

          <p>Design by <a href='http://www.share123.vn/'>Share123.vn</a></p>

        </div>

        <div class='col-sm-12 col-md-4' style='padding: 7px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;'>

            <h3>TẠI HÀ NỘI</h3>

            <p>Trụ sở: B7, TT X25 Bộ Công An, phố An Hòa, Hà Đông, Hà Nội</p>

            <p>Điện thoại: 04.668 03 013 - 0986 440 222 (Hotline)</p>

            <br/>

            <h3>TẠI THÁI BÌNH</h3>

            <p>VPGD: 161 Quang Trung, TP. Thái Bình</p>

            <p>(036)3 840 184 - 0986 440 222</p>

3. Bật hiển thị giao diện Mobile:

Đăng nhập => Mẫu => Điện thoại di động => Cài đặt sang chế độ tắt như hình dưới:

Cài đặt giao diện mobile

Chúc các bạn thành công / Hotline hỗ trợ: 0988.227.905 hoặc email: nguyenhuytap@gmail.com

Thiết kế blogger - Zip Blogger - Mẫu blog đẹp,Template blogspot Free