ແຈກທີມ ຫລື Template blogger ຮູບແບບ theMusic

ແຈກ­ທີມ ຫລື Template blogger ຮູບແບບ theMusic
Download this link
http://ouo.io/9g8ic




1. ອັນ­ດັບ­1­ໄປ­ເຮັດ­ຄວາມ­ເຂົ້າໃຈ ການ­ຕິດ­ຕັ້ງ­ທີມ ຫລືTemplate blogger



2. ໄຟລ໌­ທີ່­ທ່ານ­ໄດ້­ໂຫລດ­ໄປ ສາມາດ­ອັບ­ຂຶ້ນ­ແມ່­ແບບ­ໄດ້ເລີຍ ໂດຍ­ບໍ່­ຕ້ອງ­ກໍ່ການ­ແຕກ­ໄຟລ໌ ເໝືອນ­ທີ່­ໂຫລດ­ເວັບ­ອື່ນ­ມາ 

3. ສຳເລັດແລ້ວກໍ­ລອງ­ກົດ­ເບີ່ງບ­ລັອກ­
4. ການ­ປ່ຽນ­ຮູບດ້ານເທິງ

ອັນ­ດັບທຳອິດ­ເຂົ້າໄປ­ທີ່ ແກ້­ໄຂ HTML ກົດCtrl+F ແລ້ວ­ຄົ້ນ­ຫາ­ຄຳ­ນີ້ http: //3. bp. blogspot. com/-ZOPpKTIJ10E/VEMXj8vbUPI/AAAAAAAAMBY/TPDoZBGGrOo/s1600/1. jpg ເມື່ອ­ເຈີ­ແລ້ວ­ກໍ­ແກ້­ໄຂ­ເປັນURL ຂອງ­ຮູບ­ຂອງ­ເຈົ້າ­ແທນ­ທີ່ URL ນັ້ນ­ໄປ­ເລ­ີຍ­

ອະທິບາຍ­ເພິ່ມເຕິມ ຂໍ້ 4 ຊຶ່ງ­ຈະ­ເຈີ­ຕາມ code ດ້ານ­ລຸມ­ນີ້­ ຮູບ­ພາບ­ຈະ­ມີ­ຢູ່ 5 ຮູບ­ນະ ສີ­ແດງ­ຄື URL ຂອງ­ຮູບ­ພາບ ສີ­ນ້ຳ­ເງີນ­ຕົວ­ໜາ­ຄື title ກົງ­ຮູບ­ພາບ ສີ­ນ້ຳ­ເງີນ­ຕົວ­ນ້ອຍ­ຄື­ຄຳ­ອະທິບາຍ­ກົງ­ຮູບ­ພາບ­

<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG4hrstmnyvgvGk8BQoOdPPBW_jHN3S-O5cvm0bghOlrL8VDSUBQCUhyMFvD9ASbt9Dv6GmiV-VK-AuYb2f3y88kBUnfjmKTPSH5bXOUZ9XgftaLh9dLNagC4irUSV_SLnSmd9RhE6ovNy/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT3tuhXid-VUAQqtylR5zLjZdEZ28bwfbNLp5sTTC3AH__xYGxmKFIg_g7Vvb043dRiegrsHWKfIuVr3Ze_IZnUw-7GOQr7NpJ-ns69aTuc02P2Zl5K93xtKAPwPs4w88pahBXwlWbCkph/s1600/2.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 2 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIITyRD5bwvAOoZieEyUt777rPdOjufWH8cYj7UGIm6T2hz0-SkWHVY3gcB91IZwgDzjrH_nPNAB3SzBy0DJyTV02E9aL2Pv5CdAOYIxMO99IV5_1lRSsW609DwK4clmDPCz3ffNNlbGPU/s1600/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 3 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJxd4-6KXcoGCmQWMXyu6G-NUOe0tGSM2ITleU3t0hc2f1bMIFM0tFv55WLrmEgosi7BVQunlvElDC7sGKr_HLrN7CIjL0TtrzllNs-bIrDdujTQF7IjEK56ikSdhnD906H7UMvuGzPBRl/s1600/4.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 4 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqS4mNssNGYmpyOkUzBhsUV5GYNh_hhsgTxzc2R6v9Bkp4n_1mqzlEaw_Zj9AmiOu6Vdtu9NoJvIR7Yda05lUda2KaW-EaxSflmk4ccrXPxkYySwpvgRdfWtvszXcXyEswJh2XSggv9kZc/s1600/5.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 5 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->

</div>
5. ການແກ້ໄຂເມນູ

ອັນ­ດັບ­ແຮກ­ເຂົ້າໄປ­ທີ່ ແກ້­ໄຂ HTML  ກົດCtrl+F ແລ້ວ­ຄົ້ນ­ຫາ­ຄຳ­ທີ່­ຢູ່­ກົງ­ເມ­ນູ­ນັ້ນ­ເຊັ່ນ Business ເມື່ອ­ເຈີແລ້ວ­ກໍ­ແກ້­ໄຂ­ເປັນ­ຄຳ­ທີ່­ຕ້ອງ­ການ­ເລີຍ ແລະ­ກໍ­ໃສ່ URL ຫລື­ລິ້ງຄ໌ ແທນ­ທີ່ ເຄື່ອງ­ໝາຍ # ດ້ວຍ­ເດີ ເຊັ່ນ  <li> <a href='http: //anurak-it-health-beauty. blogspot. com/'> ການສ້າງ­ບະ­ຫລັອກ </a> </li>

ອະທິບາຍ­ເພິ່ມເຕິມ ຂໍ້ 5 ຊຶ່ງ­ຈະ­ເຈີ­ຕາມ code ດ້ານ­ລຸມ­ນີ້­ ສີ­ແດງ­ຄື­ເມ­ນູ­ຫລັກ ສີ­ນ້ຳ­ເງີນ­ຄື­ເມ­ນູ­ຍ່ອຍ­ຈາກ­ສີ­ແດງ ສີ­ມ່ວງຄື­ເມ­ນູ­ຍ່ອຍ­ຈາກ­ສີ­ນ້ຳ­ເງີນ
<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>
</div>
</div>
<div style='clear:both;'/>

6.  

ວີ­ທີ­ການ­ແກ້­ໄຂ Social Buttons ຕ່າງ ໆ

ເຂົ້າໄປ­ທີ່ ແກ້­ໄຂ HTML  ແລ້ວ­ຄົ້ນ­ຫາ ກົດCtrl+F ຄຳ­ວ່າ  <div class='social-profiles-widget'>
ພຽງ­ແຕ່ແກ້­ໄຂບ່ອນ URL ສີ­ນ້ຳ­ເງີນ ເອ­ງົກ­ຮັບ

ອະທິບາຍ­ເພິ່ມເຕິມ ຂໍ້ 6 ຊຶ່ງ­ຈະ­ເຈີ­ຕາມ code ດ້ານ­ລຸມ­ນີ້
<div class='span-8 last'>
<div id='top-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>
<a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcuXpsjK9GsQMnaxpyApXtl6URpqOO9UfCC0AU58AGOM9Z0g63OHmUljsCZEG2F5WDRD5BEX0Br6_9Dt4R8zs2JtfPwVU9y3HnCaovmDdwV9qfohjiF8VJeoekbLFb-wprBa2M7kgEazE/s1600/twitter.png' title='Twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj74Aoxo2qq6u-gtglU4ZpKfYnvApXT61EYJJVS_LM3XWb3h5lsFbCLwpAJO98tAJKYOMx4PfeFJNfKeISqtECgb6L47EznjgCcg5I2vbf3vxw0r2nSIIamqLNnfRoveytd6qWwSRnNK5g/s1600/facebook.png' title='Facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDKO1tvJ_RTGsbWtIics2IysuArniHUrUcI9CwCCNmeJ0geTSRfvMTdrhKyf5xvKbcMbxoaRGYq7nGl22vcEDNagMbIwst7t0ODb1EJNL8wDxwlQuRG2n2lfIng5nXIbXri6YxV7KIzb0/s1600/google.png' title='Google Plus'/></a><a href='http://instagram.com/' target='_blank'><img alt='Instagram' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPiHeSbozQ-NWP-XxBeLwj8F5lPxTlkzEapKJ8wY19lwM_W2RxC5HYJZzu_8Xj0VcQi-bcyYQgCKex0IbfGcPM70OdTTS72os8BqWuSV4cq03hZ-pNbmptXHhzCalKOEcbzM6WpZCRUm0/s1600/instagram.png' title='Instagram'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSATDmIUnh0OJbkV3eJAnHEyeDGgC3HKBe6xZcc6twQkEFVhyphenhyphendjE4A6q0vNDQvfTqwqIjajEVw6R0dGvp5jZpHydWbX31bVFFQMKOMMv0owk3RrMua7734SfUwn6c6IrWFMX8v8OJNtM/s1600/rss.png' title='RSS Feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiowJxWEha8cuYHHuDUTUec3qM809EU8J_6k_tXn8cpfuHkTRXbvCGiWZzdM4qeTCgs2KxA_zv5uv0EdZdCHl-tsy5L0Fwrlh19cVsxtTZL1KR0YfcQW9aEh6Xq6cjc26E8wlOlx3qwAZk/s1600/mail.png' title='Email'/></a>
</li>
</ul>
</div>
</div>