1. อันดับแรกไปทำความเข้าใจ การติดตั้งธีม หรือTemplate blogger
2. ไฟล์ที่ท่านได้โหลดไป สามารถอัปขึ้นแม่แบบได้เลย โดยไม่ต้องทำการแตกไฟล์ เหมือนที่โหลดเว็บอื่นมา
การอัปดูตัวอย่างข้างล่างนี้คัฟ
3. เส็จแล้วก็ลองกดดูบล็อกนะครับ
4. การเปรี่ยนรูปสไลที่อยู่หน้าเว็บครับ เข้าไปที่ แก้ไข HTML แล้วค้นหาคำ <!-- Slide 1 Code Start --> โดยกด ctrl+F ครับ จะเจอ code ข้างล่างนี้ครับ
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAlR4Lx0Ojc-6KWjnT4_CudRNSWUlfJ5QE4NVPgYNBizU-SZ7dX_9wK03lHlZ0WaYE5JGYd7Hyb514dkRKHuAyQoJo1yOPdB97JyFb4tGkKg_hVVwIN2_efJLrAjZSVHH6W0tjeh_zXo0/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/AVvXsEj66ETKVDFypXElawIE58FrWS_MwuGxZSPC8iC4IGkZsLONKN_cRrcV7-iZA8XTv9SlSftIyKo7z3VgVPXw-um1xDXekNZ5AIzIvSq-qay-AZGXiS0hEbpTfWhOTDvJrJQRcFVOAa_RpqE/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/AVvXsEhvEyrhe1131NxUFGg1h5eTz-4rNAT_A34gTR3qxY3DwXSSXRz-vpmuzyEVMa2YDgHjxGbdhRQl59JFaYI-p2LcoCk_m9GLtzP37SzlcRMldf3qDvdgaY-dHXbQfKgYwEUD2BqvudAGwxY/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/AVvXsEj_CrQTUiffAERiF7mOe7zTFkGuUU1cf8DkbQDge70PMepCbnIG2S1zSnc9wAa4xDzN6BACxweCK2tSSnZ6TNrJPJHUpTKafvEDwPswKzNdBmC4aTospABLWp6Tk-Oe0Bkw09HEMbxfCtQ/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/AVvXsEgmc0Uo0Sykrt3cINOeofDi1akpuvI3s4IpgSPZHqoruoV_68aVBS5sZ539bXMcTe0IaW_3oexY1AK9ksifwARWDrAVBqVx0cUBroaeITHwRUMdiOq3fk96jaN5DsNPo6QlJvocsjaQ2pU/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 -->
อธิบายครับจาก code ด้านบน
1. สีเขียวใน code ด้านบน คือ URL ของรูปภาพนั้นครับ จะมีอยู่ 5 รูปด้วยกันครับ แค่เอา URL ของรูปที่ท่านต้องการมาวางแทนที่ URL นั้นครับ
2. สีม่วงใน code ด้านบน คือ คำอธิบาย ต่างๆ ของรูปนั้นนั่นเองครับ แค่แก้ไขเป็นคำที่ท่านต้องการ
3. ถ้าสังเกตุ ตรงหน้า URL รูป จะเห็นคำนี้ <a href='#'> ให้คุณใส่ URL ของข้อมูลหน้านั้นก็ได้ครับ โดยใส่แทนที่ เครื่องหมาย # เช่น <a href='http://anurak-it-health-beauty.blogspot.com/'>
5. การแก้ไขแถบเมนู อันดับแรกเข้าไปที่ แก้ไข HTML แล้วค้นหาคำที่อยู่ตรงเมนูนั้นเช่น BUSINESS เมื่อเจอแล้วก็แก้ไขเป็นคำที่ต้องการเลย และก็ใส่ URL หรือลิ้งค์ แทนที่ เครื่องหมาย # ด้วยนะ เช่น <li><a href='http://anurak-it-health-beauty.blogspot.com/'>การสร้างบล็อก</a></li>
ไม่ยากเลยเนอะ สอบถามเพิ่มเติม ให้คอมเม้น ใต้บทความนี้ครับ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น