Tidak usah dibahas lagi, mungkin sobat semua sudah tahu tentang situs Bagas31.com yang menjadi salah satu blog populer tempat download software, games secara gratis. Sangking komplitnya blog ini mampu membuat para visitonya betah berlama-lama untuk mencari sebuah software atau game yang mereka butuhkan, termasuk saya hehe.
Menurut berita yang saya dengar pada tanggal 30 Mei 2014 lalu blog Bagas31 ini sempat dihapus oleh pihak Google. Agar tidak mengecewakan visitor nya akhirnya bagas31 kini pindah hosting ke Wordpress. Tak di sangkka-sangka Admin blog Bagas31 secara cuma-cuma membagikan template original blognya baik untuk template Blogger maupun Wordpress.
Pertama saya kira templatenya tinggal langsung pasang, eh ternyata harus diperlukan modifikasi untuk memperoleh template yang mirip sekali dengan Bagas31. Dengan bakat yang abal-abal kali ini saya berniat membagikan template bagas 31 yang dapat sobat
download secara gratis.
PENTING!!!
Bagi yang berniat download template bagas31 secara gratis sobat dapat komentar dibawah dengan mencantumkan alamat email dan file template akan saya kirim melalui e-mail :) Jika dalam 1-2 jam tidak ada tanggapan maaf Admin sedang Offline
satu lagi,Jika Anda sudah berkomentar namun komentar tidak muncul, coba cermati komentarAnda telah tampil dihalaman ke 2 postingan ini. Untuk melihatnya klik link yang telah saya lingkari berwarna merah seperti gambar berikut. |
| Letak: awal komentar |
 |
| Letak: akhir komentar |
Screenshoot Template:
Widget Tambahan
Pada template ini tidak semua atributnya sama masukkan ke dalam templatenya, namun saya jadikan ke dalam widget-widget. silahkan tambahkan script dibawah ini untuk melengkapi bagian yang belum ada. Caranya cukup mudah tingal klik Tata Letak=> Tambahkan Gadget => pilih HTML/JavaScript.
1. Kategori
<div class='widget-content'>
<ul>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/1.png" id="icon" /> <a dir="ltr" href="/search/label/Activator?max-results=5">Activator</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/2.png" id="icon" /> <a dir="ltr" href="/search/label/Anti-Malware?max-results=5">Anti-Malware</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/3.png" id="icon" /> <a dir="ltr" href="/search/label/android?max-results=5">Android</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/4.png" id="icon" /> <a href="/search/label/antivirus?max-results=5">Antivirus</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/5.png" id="icon" /> <a href="/search/label/Audio?max-results=5"> AudioVideo Editor</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/6.png" id="icon" /> <a dir="ltr" href="/search/label/Converter?max-results=5">Converter</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/7.png" id="icon" /> <a dir="ltr" href="http://www.starnetkampunglaut.co.vu/search/label/crack?max-results=5">Crack</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/8.png" id="icon" /> <a dir="ltr" href="/search/label/Desain?max-results=5">Desain</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/9.png" id="icon" /> <a dir="ltr" href="/search/label/Download%20Manager?max-results=5">Download Manager</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/10.png" id="icon" /> <a dir="ltr" href="/search/label/games?max-results=5">Games</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/11.png" id="icon" /> <a dir="ltr" href="/search/label/emulator?max-results=5">Emulator</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/12.png" id="icon" /> <a dir="ltr" href="/search/label/internet?max-results=5">Internet</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/13.png" id="icon" /> <a href="/search/label/office?max-results=5">Microsoft</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/14.png" id="icon" /> <a href="/search/label/multimedia?max-results=5">Multimedia</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/15.png" id="icon" /> <a href="/?max-results=5">News</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/16.png" id="icon" /> <a href="/search/label/Photos%20And%20Editor?max-results=5">Photo Editor</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/17.png" id="icon" /> <a dir="ltr" href="/search/label/screen%20capture?max-results=5">Screen capture</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/18.png" id="icon" /> <a href="/search/label/Adobe?max-results=5">Photoshop</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/19.png" id="icon" /> <a dir="ltr" href="/search/label/Security?max-results=5">Security</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/20.png" id="icon" /> <a href="search/label/Tips?max-results=5">Tips dan Trik</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/21.png" id="icon" /> <a dir="ltr" href="/search/label/Tools?max-results=5">Tools</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/22.png" id="icon" /> <a dir="ltr" href="/search/label/Utility?max-results=5">Utility</a></li>
<li><img src="http://www.bagas31.com/wp-content/uploads/2014/06/23.png" id="icon" /> <a href="/search/label/windows?max-results=5">Windows</a></li>
</ul>
</div>
2. Recent Post kiri
*note: Ganti yang saya blok warna
biru dengan nama label yang akan ditampilkan. (scrool ke kanan)
<script>
document.write("<h2 class='widget-rc-title'><a href='/search/label/Aplikasi'>Aplikasi</a></h2><script src=\"/feeds/posts/default/-/Aplikasi?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
3. Recent Post kanan*note: Ganti yang saya blok warna
hijau dengan nama label yang akan ditampilkan. (scrool ke kanan)
<script>
document.write("<h2 class='widget-rc-title'><a href='/search/label/Android'>Android</a></h2><script src=\"/feeds/posts/default/-/Android?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
4. Langganan Software<div class='widget-content'>
<img style="position: absolute;margin-top: -95px;right: 0;" src="http://www.bagas31.com/wp-content/uploads/2014/05/rss2_5-01.png" border="0" />
<form style="padding:3px;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=KalongGantengBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p style="text-align: left;margin-top: -10px;width: 260px;color: #FFF;">Langganan Software dan Games Gratis, Langsung dikirim ke Email kamu.</p><p><input placeholder="Masukan Email kamu disini..." type="text" style="width:300px" required class="input" name="email"/></p><input type="hidden" value="KalongGantengBlog" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" style="margin-top:-15px;" class="button1 orange" value="Langganan" /><a href="http://feeds.feedburner.com/KalongGantengBlog"><img src="http://feeds.feedburner.com/~fc/Bagas31?bg=1e88ff&fg=000000&anim=1" height="26" width="88" style="border:0;position: absolute;margin-top: -32px;right: 161px;" alt="" /></a></form>
</div>
5. Join Us<div class='widget-content'>
<div class="socialize-panel">
<div>
<div class="social-like">
<a href="#"><span>2.6k</span><i style="background: #3c5d9b;">Facebook</i></a>
<a href="#"><span>974</span><i style="background: #3396c9;">Twitter</i></a>
<a href="#"><span>403</span><i style="background: #a73f2e;">Google+</i></a>
<a href="#"><span>832</span><i style="background: #c87924;">RSS Feed</i></a>
</div>
</div>
<p>Pri ne audire civibus tacimates, enim placerat no sit. Id eum labore propriae, ea prodesset intellegam est, justo recusabo pri an. Scaevola perpetua corrumpit his ad.</p>
<!-- END .socialize-panel -->
</div>
</div>
6. Like Facebook<div class="textwidget"><div id="facebook-page">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fkalongganteng&width=300&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=true&appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div></div>
7. Ganti FaviconSetelah template blognya diterapkan pasti lambang faviconya seperti blog ini bukan? nah jika ingin menggantinya silahkan hapus bagian script dibawah ini pada edit HTML (gunakan Ctrl+F untuk mempermudah pencarian).
<link href='http://www.kalongganteng.com/favicon.ico' rel='shortcut icon'/>
Agar lebih jelasnya lihat Tata Letak blog demo ini untuk memudahkan menyisipkan widget.
8. Google CSE (Costum Search Engine) Update!!!Pada template mirip bagas31 ini hasil dari pencarian dari search box secara default mengarah ke blog saya yaitu KalongGanteng. Nah Anda dapat menggantinya dengan membuat akun Google CSE jika belum punya. Jika Anda belum paham apa itu Google CSE silahkan cari referensi dulu dengan query
"cara membuat google cse search di blog".
Untuk merubahnya Anda cukup cari potongan sintax dibawah.
<div id='pencarian'>
<form action='http://www.google.com/cse' class='cse-search-box'>
<input name='cx' type='hidden' value='015460445244915819827:glh03brvvsq'/>
<input class='kotakpencarian' name='q' required='required' style='height:37px;' type='text'/>
<input name='hl' type='hidden' value='en'/>
<input class='button1 orange' style='width: 120px;margin-top: -2px;font-weight: bold' type='submit' value='Telusuri'/></form>
</div>
Keterangan:Silahkan ganti yang telah saya blok warna kuning seperti diatas dengan id akun google cse Anda. Atau atur sendiri sesuai selera Anda sesuai tutorial yang ada.
Semoga membantu sobat yang menginam-idamkan template ini.
