แจกธีม หรือTemplate blogger รูปแบบ Fictive Blogger

ดูตัวอย่าง  โหลด

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

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

การอัปดูตัวอย่างข้างล่างนี้คัฟ

3. เส็จแล้วก็ลองกดดูบล็อกนะครับ

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

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

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

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<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='#'>Uncategorized</a></li>

</ul>
</div>
</nav><!-- #site-navigation -->

5.  วีธีการแก้ไข Social Buttons ต่างๆ

เข้าไปที่ แก้ไข HTML  แล้วค้นหา กดCtrl+F คำว่า <ul class='menunbt' id='menu-social-menunbt'>
เพียงแค่แก้ไขตรง URLสีน้ำเงิน เองครับ

อธิบายเพิ่มเติม ข้อ 5 ซึ่งจะเจอตาม code ด้านล่างนี้ครับ
<div class='social-linksnbt'>
<div class='menu-social-menu-containernbt'>
<ul class='menunbt' id='menu-social-menunbt'>
<li><a href='http://www.facebook.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Facebook</span></a></li>
<li><a href='http://twitter.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Twitter</span></a></li>
<li><a href='http://plus.google.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>GooglePlus</span></a></li>
<li><a href='http://instagram.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Instagram</span></a></li>
<li><a href='http://flickr.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Flickr</span></a></li>
<li><a href='http://youtube.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Youtube</span></a></li>
<li><a href='http://pinterest.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Pinterest</span></a></li>
<li><a href='http://www.linkedin.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Linkedin</span></a></li>
<li><a href='https://vimeo.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Vimeo</span></a></li>
<li><a href='https://github.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Github</span></a></li>
<li><a href='https://dribbble.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Dribbble</span></a></li>
<li><a href='http://tumblr.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Tumblr</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Feed</span></a></li>
</ul>
</div>
</div>

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

read more