มาแล้ว แจกธีม หรือTemplate blogger รูปแบบ กล้องวินเทจ





1. อันดับแรกไปทำความเข้าใจ การติดตั้งธีม หรือTemplate blogger 

2. ไฟล์ที่ท่านได้โหลดไป สามารถอัปขึ้นแม่แบบได้เลย โดยไม่ต้องทำการแตกไฟล์ เหมือนที่โหลดเว็บอื่นมา
การอัปดูตัวอย่างข้างล่างนี้คัฟ
3. เส็จแล้วก็ลองกดดูบล็อกนะครับ

4. การเปรี่ยนรูปด้านบน
อันดับแรกเข้าไปที่ แก้ไข HTML  กดCtrl+F แล้วค้นหาคำนี้ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMGSEy7k6M-idVFthm3-x8N8HORdgvTchZuNa01cYJyvrMrpjzfcJGSI8HDH2AVxsKLzOjqbyG4sO5VgYY3WDtE8clhc0M2krEcbDniHwv25VFdZXjVGjdjQlGNdJitBh4DEjdqrbe72A/s1600/k1000.png  เมื่อเจอแล้วก็แก้ไขเป็นURL ของรูปของคุณแทนที่ URL นั้นไปเลย (URLสีแดงนะครับ)
อธิบายเพิ่มเติม ข้อ 4 ซึ่งจะเจอตาม code ด้านล่างนี้ครับ
<a expr:href='data:blog.homepageUrl'>
  <img alt='' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMGSEy7k6M-idVFthm3-x8N8HORdgvTchZuNa01cYJyvrMrpjzfcJGSI8HDH2AVxsKLzOjqbyG4sO5VgYY3WDtE8clhc0M2krEcbDniHwv25VFdZXjVGjdjQlGNdJitBh4DEjdqrbe72A/s1600/k1000.png' width='600'/>
</a>

5. การแก้ไขแถบเมนู

อันดับแรกเข้าไปที่ แก้ไข HTML  กดCtrl+F แล้วค้นหาคำที่อยู่ตรงเมนูนั้นเช่น Parent Category เมื่อเจอแล้วก็แก้ไขเป็นคำที่ต้องการเลย และก็ใส่ URL หรือลิ้งค์ แทนที่ เครื่องหมาย # ด้วยนะ เช่น <li><a href='http://anurak-it-health-beauty.blogspot.com/'>การสร้างบล็อก</a></li>

อธิบายเพิ่มเติม ข้อ 4 ซึ่งจะเจอตาม code ด้านล่างนี้ครับ สีแดงคือเมนูหลัก สีน้ำเงินคือเมนูย่อยจากสีแดง สีม่วงคือเมนูย่อยจากสีน้ำเงิน
<div id='header-menunbt'>
<ul class='menunbt'>

<li class='menu-item'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='menu-item'><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>Sub Child Category 1</a></li>
<li class='menu-item'><a href='#'>Sub Child Category 2</a></li>
<li class='menu-item'><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li class='menu-item'><a href='#'>Child Category 2</a></li>
<li class='menu-item'><a href='#'>Child Category 3</a></li>
<li class='menu-item'><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li class='menu-item'><a href='#'>Health</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>Childcare</a></li>
<li class='menu-item'><a href='#'>Doctors</a></li>
</ul>
</li>
<li class='menu-item'><a href='#'>Uncategorized</a></li>

</ul>
</div>

ไม่ยากเลยเนอะ สอบถามเพิ่มเติม ให้คอมเม้น ใต้บทความนี้ครับ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น