ແຈກທີມ ຫລື 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/AVvXsEiqmRBIDi97B-04BsaoqSCWf6He8ZQ9EyieaYPUKJufpiWgEflbr6V8hM7jkuktMJHgdXY9zfSy12aDCA7M6R-ygpVToK-Tcq60-fWaheEX7ryW0SrHuVwpHYh9s_uhesacLah-KHuOWOpV/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/AVvXsEg6f2ohRkU7boiqoPR84rtQdeaWuqpdQX_lPo0q7Uvilz-x494E-tvkS2Ka5_bRgcaNw_BSX_Y52z0D6E-bJ0X9FbvMHUDQuwxtDtHsGcA-ERDMj2jSkzTiY29AAz6JpSTc4kNErWEXfNrN/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/AVvXsEhGaGDHkGsRm4DgkbFke5TiwUqlnYLb8IPqCm-Ap_kTNsOAD2J6G_6id7WtRZhj2afoCRW73Po9JJhlB1-SIXlec4KVjt0MI6xjwB6ZXEp5g98uch4yfwn_TS6LLYm3fTben-LNDlinzOug/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/AVvXsEhKtY6JiY1L4vsElHov6RwBzwm5hAYjfbubYsfSIx1MNSgDNpOXVSFCUicUunFv6NrYFB6YchfQMmyOtkVV9O9CVlpJBYby7ZM32l8R1q_kwbstBSzJJzBd-4L2GkWXG4zwHgo2bI8OPUaq/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/AVvXsEiwpQDf_5cFqk0_f5NxLGd3le-DpWX9jQqXW-ovCYrRARfBA3RQ0dfgFCpqyPRxkXDhH8liui4HGiQy3vYWk7WmcNic2n-PdVzYrP2bViDUoA4QssXCH87gBN3N8v1S95Xft5jhnKxbtSsx/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/AVvXsEhnsXrh0dLxAW-OE4TYsSHo3-gAxS7galzsFA9nVG-kq0L76LpMgzfcmR44-jzP7Wk-nfZxWH9Sl4wRi1hUTAWbRdmBQHOVthJ-IT_NBTO0EchQsZNR_CjDGxDhA9ioPpbHS3Lv8nR7R7k/s1600/twitter.png' title='Twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMT14whHktxyx4IkgankP7b2DuzwoZ8mj5uVbyO2sAQ170XtUBPqgYipVbIo-Px6FJk_KVoMg2dOOeVj9dHtZr9B3VLa7_0_hVPfM-PVPVStYkT-exY2Zmu9MvXaIkwEkWUXZ7NzHjK7o/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/AVvXsEi90dnrgwkUy4zj1U4MX_VKnLaCzJfoNBvZ5tG_at_Rvpvf0r2u3HktKhnA2njtGoM4rLxsIwoeHJbuAsglmMc1vp_4QS8wezAg2_h_RJ9tJKBbWaCJcCsvUSSFoAd0jl8g4UJu4-CyBkg/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/AVvXsEg8JBfIrGJgMlUoCbc0klc3ajqNy8TM5eNCA4CUFSKngNxJrd7TyqcCAt6nBnxZDjJ8pa73uZiAZ1EO6KR8gTFVF9mgx4emZQre1YivGxH5Z6okiBgdViGmujmMB_i8NUOCUxoH2rrslno/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/AVvXsEjr1I-Ul-68hxIayYaOJ3mvil0SYmyr4vHbS-BrDR3OIeNZY9egYLjUM9ZF_9eDXWq6CwOKUtYNW_StalBg5MBj2CHM1RhdtqOMBAIKq0skprsjNV5q_EMExUky61uQDsb7HLwpxItGDzY/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/AVvXsEj1kFlPRJjDwwgu3p3fM1274ipq42YTp5roMB_gpuLhR0J6o_5_3oUyhCkFkp_7RZx3_gBL4AGqLnONSvWP-ZIUvFqSASdaN590nLrVfRxIlUHjldPg59WwBr1ONGzbJ4xCTJy-GsHSb8M/s1600/mail.png' title='Email'/></a>
</li>
</ul>
</div>
</div>







Comments