Template Blog Game Online Valid Html5 Dan Css3
Sebenarnya ini ialah template blog game online saya yang sudah usang enggak diurus. Baru sadar ketika beberapa waktu yang kemudian ada teman di Google+ yang meminta template blog game online ini. Ketika saya lihat lagi blognya, ternyata enggak disangka-sangka blog yang sudah usang enggak diurus ini telah mendapat PR3 dari Google.
Template blog game online ini bahu-membahu dulunya buatan Maskolis yaitu template Johny Coba Dulu yang kemudian saya modif lagi sekalian mencar ilmu modif blog. Makara ya modifnya juga asal jadi hehehehe. Nah alasannya ialah kemarin-kemarin ada temen G+ yang meminta templatenya, jadi saya bagikan saja templatenya sekalian dibetulkan lagi susunan templatenya.
Dasar template ini ada dinamis yang artinya tidak responsive alasannya ialah waktu Maskolis buat template ini belum zamannya responsive. Namun alasannya ialah ini memang dibentuk dan saya modif untuk game online, jadi memang sengaja tidak dibentuk responsive. Dan meningkatkan secara optimal blog yang saya lakukan pada template ini tidak mengecewakan banyak. Selain merubah tampilannya, di bawah ini beberapa meningkatkan secara optimal yang saya lakukan.
- Validasi HTML5 dan CSS3 untuk homepage dan postingan (bisa Anda cek sendiri).
- Mengganti tag h1, h2, dan h3 menjadi tag dinamis.
- Asynchronous social media button dan beberapa js widget.
- Optimasi komentar blog dengan Threaded Comments Hack dan Google+, namun dikala ini saya hanya memunculkan komentar Google+ saja tanpa menghapus threaded comments hack.
- Menambahkan struktur data schema.org.
- Penempatan slot iklan yang strategis untuk game online.
Perhatian! Untuk mendownload di DataFileHost silahkan hilangkan tanda centang pada goresan pena "Use our download manager and get recommended downloads" di bawah tombol download.
1. Untuk mengatur widget tab
Untuk merubah judul tab silahkan cari aba-aba di bawah ini pada aba-aba javascript.
Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Racing";Title5="Sport";Title6="Strategy";Title7="Fighting"; Untuk isi widgetnya silahkan temukan aba-aba di bawah ini.
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/Adventure Game?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/Action Game?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></div>
........
........
........
<div class='clear'/>
</div></div>
Silahkan ganti Adventur Game dan yang lainnya dengan Label game Anda.
2. Untuk Slider Homepage
Silahkan masuk ke Tata Letak kemudian tambahkan aba-aba di bawah ini pada gadget HTML menyerupai pada gambar di bawah ini.
<div id='slider'>
<div id='loopedSlider'>
<div id="ribbon"></div>
<div class='container'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<a class='previous' href='#'></a>
<a class='next' href='#'></a>
<script type='text/javascript'>
$(function(){
$('#loopedSlider').loopedSlider();
});
</script>
</div>
</div>
3. Recent Post By Label di bawah widget tab
Silahkan ketikan Label pada gadget HTML menyerupai di bawah ini
4. Popular Posts
Untuk Popular Posts ialah gadget Games Of The Week, silahkan atur hanya thumbnails dengan pilihan 6 posts.
5. Slot Iklan di postingan
Cari aba-aba menyerupai di bawah ini
<b:if cond='data:blog.pageType == "item"'>
<div style='margin:0 auto;text-align:center'>
IKLAN 728 X 90
</div>
<div class='clear'/>
<data:post.body/>
<div class='isorkanan'>
IKLAN DI BAWAH KIRI 300 X 250
</div>
</b:if>6. Iklan di samping komentar
<div style='width:300px;height:250px;position:absolute;top:40px;right:-320px;padding:0'>
IKLAN DI SAMPING KOMENTAR 300 X 250
</div>7. Membuat Postingan
Silahkan gunakan Post Template di bawah ini untuk menciptakan postingannya.
<div style="background: none; border-bottom: 2px solid #000; margin: 10px 0; padding: 10px 0 5px; width: 100%;">
<div style="text-align: center;">
<div class="video-player">
<iframe height="600" src="http://www.gamezhero.com/get-game-code/36fa3ecc0b2d2bfe0bec0f2b369f24db" width="600"></iframe>
</div></div>
<div style="text-align: justify;">
<br /></div>
</div>
<table><tbody>
<tr><th><div style="text-align: justify;">
<span style="font-size: x-large;"><b>Fractured</b>
</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="ebenarnya ini ialah template blog game online saya yang sudah usang enggak diurus Template Blog Game Online Valid HTML5 dan CSS3" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8zk2C5L0Ggq2llU3Wj6-EazMDJ5ZFowpJjprFx6Go3hamiGZZ9EbCjh6_kHOpoL2SDSXyagIHcgrhdTxHGDS3QYCv47NVkpAQbgY_lbsmuTPFJEy8pV8Yk2iT2vZGt21uXIckENilZoQ/s200/Fractured.jpg" title="Template Blog Game Online Valid HTML5 dan CSS3" width="200" /></div>
<div style="text-align: justify;">
Bantulah dude yang funky untuk menemukan cara untuk menuju Angel dengan melalui labirin retak. Sebuah permainan yang sangat menyentuh dan sulit.</div>
</th></tr>
</tbody></table>Silahkan ganti iframe untuk game online-nya dengan iframe game online yang ingin Anda tampilkan, Fractured ialah untuk judul game, untuk image silahkan ganti url imagenya beserta alt dan title tagnya dan untuk lebar serta tingginya biarkan saja. Silahkan ganti juga kalimat untuk menggambarkan game online Anda (deskripsi game).
0 Response to "Template Blog Game Online Valid Html5 Dan Css3"
Posting Komentar