Mendapat trafic gratis dari mesin pencari khususnya google adalah idaman semua blogger,Namun untuk mendapatkan posisi yang bagus SERP adalah bukan perkara mudah bagi sebagian blogger termasuk saya.
Banyak upaya keras dilakukan untuk mendapat SERP google yang kuat,dari mulai optimasi SEO onpage dan offpage.
Salah satunya adalah optimasi dari kategori SEO onpage , yaitu pemilihan template yang SEO friendly.
Bagaimanakah template yang SEO friendly itu?...misalnya sebagai contoh memiliki loading cepat (rekomendasi) dan memiliki fitur yang mendukung misalnya navigasi yang bagus,typografi yang baik,valid HTML sevalid validnya walaupun tidak 100% :D .Pendek kata bagaimana kah pengunjung akan menjadi lebih betah diblog kita dilihat dari sudut penggunaan template yang baik.Template ringan,nyaman buat mata maka orang akan kerasan menjelajahi artkel yang ada dan bahkan mungkin membookmarknya untuk kembali lagi nanti.
Coba bayangin jika template kita sudah berat,typografi buruk pastilah mereka (visitor) tidak akan mau berlama-lama lagi.
Pageviews yang tinggi,prioritas mendapat hadiah PageRank dari google akan semakin cepat.
Ingat!!!!....pesaing blog kita jutaan ,hehehehe....Dan,,,,,,crawl dari search engine terutama google bisa menyeleksi itu,mana blog yang layak dikasih SERP bagus dan mana yang tidak.Karena motto google adalah memberikan pengalaman browsing yang mengesankan kepada para penggunanya.
Buat apa blog gemerlap keindahan tapi tidak bersahabat kepada pembaca atau SEO?.....
Ujung-ujungnya kita kehilangan trafik yg sebenarnya bisa didapatkan lebih banyak lagi.
Itulah dari segi optimasi template dan masih banyak jenis optimasi SEO yang lain.Dan optimasi onpage (template) tidak kalah pentingnya untuk diperhatikan ,kata para master SEO.
Untuk itulah saya sendiri sebagai author/owner/CEO http://artikel-luarbiasa.blogspot.com/,,,walah....walah.....lebay...
akan membagikan template blogger SEO friendly dan loading cepat (fast loading)yang dipakai di blog ini saat pertamakali muncul untuk siapa saja gratis.Template yang menurut saya layak untuk dibagikan,kenapa?...
Loading cepat
Minimalisir code CSS,HTML dan JS sehingga ringan loading namun tetap memperhatikan kerapian tata letak dan typografi.
Dengan asumsi Anda tidak menambah widget yang berat atau aplikasi lain yang berat,termasuk takaran penggunaan gambar didalam postingan.
Paling tidak ,pada awalnya template sudah didesain ringan.
IE friendly
Biasanya banyak template yang bagus difirefox tapi hancur di Internet Explorer.
Walaupun sedikit pengguna IE dari pada Firefox namun jangan sia siakan pengunjung dari IE.Maka template ini 95% tetap baik dibuka dengan IE,hanya beberapa code saja yg tidak didukung tapi tidak berpengaruh banyak.(lihat demo blog ini dg IE,bgmn hasilnya)
Fitur SEO
-Template blog adalah nofollow ,artinya semua link (achor link) dari komentar visitor dibikin agar crawler search engine untuk tidak menelusurinya.Jadi blog secara default adalah nofollow,penting untuk blog baru dimana dianjurkan untuk tidak kebanyakan external link.
Termasuk link-link lain yang tidak perlu ditelusuri oleh crawl search engine dibuat nofollow,berguna untuk meminimalisir terjadinya duplicate content.
-Dilengkapi sekaligus dg metatag yang sudah teruji tidak ERROR atau menghasilkan duplicat metatag.
-Navigasi breadcrumbs dan related post (sesuai nasehat pakar SEO)
-Dilengkapi Share button powered by addthis
-Nofollow dan noindex robots untuk arsip dan commen link sehingga memungkinkan tidak akan terjadi duplicat conten.
-Loading super cepat dengan asumsi tidak menambah widget yang bikin berat misalnya facebook plugin atau lainnya.
-Right sidebar template ~~artinya: Crawler search engine mengindeks halaman web itu dari sebelah kiri kebawah terus keatas,jadi dengan sidebar kanan diharapkan postingan kita akan lebih dahulu terindex. (menurut pendapat SEO master).Maka template ini menggunakan right sidebar.
Update!
Dinamic H1
Yaitu title pada halaman homepage, H1 adalah title blog(header).
Dan jika dihalaman posting,H1 adalah title postingan ,,,dan title blog (header) berubah menjadi paragraf biasa <p>.
Dengan cara ini SEO score blog sobat akan tetap bagus.Google menyukai struktur heading yang baik.
Lainnya
Auto readmore with summary (cuplikan) di halaman beranda,Sehingga lebih rapi dan ringan dihomepage walaupun menampilkan 10 posting.Ditambah lagi dengan thumbnail untuk halaman beranda sehingga tampilan makin menarik.
Memiliki Tampilan Commentar "threaded comment yang menarik juga.
Auto readmore ini tidak menggunakan Javascript,namun memanfaatkan tag kondisional dari blogger sendiri.Keistimewaanya,cuplikan artikel benar benar memiliki jumlah karakter seperti yang terlihat dan ukuran image adalah ukuran image kompresi url blogger (THUMBNAIL).
Jika yang menggunakan javasript pada umumnya,jumlah cuplikan artikel adalah hasil manipulasi javascript saja (hanya tampak oleh mata),,artinya ukuran beban loadingnya sama dengan ukuran posting yang sesungguhnya.Termasuk thumbnail jika yang pakai javascript itu hanya mengecilkan ukuran gambar secara visual saja,namun ukuran file sama besar dg yang ada didalam postingan.
Jadi,,,,,,
Dengan auto readmore versi yang ini,jelas jauh lebih ringan loadingnya,,,,,,,,,,,,walaupun menampilkan 20 artikel yg muncul di Hompage.
Bisa menambah code Adsense dibawah postingan (iklan tampil dibawah postingan)sehingga lebih mudah terlihat dan rapi.
Screen Shoot
Bagaimanapun juga kita hanya boleh berusaha,dan google yang akan menentukan SERP untuk blog kita....
Membangun blog yang SEO friendly sebaiknya sudah dimulai dari awal dan itu dimulai dengan penggunaan template yang friendly.
Untuk optimasi selanjutnya sobat bisa membaca: Tips SEO terbaru 2012.
Monggo di coba SAJA...,
PENTING!
Sebelum menginstal template ini,hapus dulu KHUSUS untuk semua widget daftar Link atau LinkList di blog kamu.Jika widget linklist tidak ada diblog kamu,maka abaikan pesan ini.
Agar navigasi horizontal bar dari template ini tidak semburat/morat marit susunannya,karena cara memasukkan menubar pada template ini menggunakan widget linklist.
Jika template ini sudah selesai diinstall,silahkan menambahkan lagi widget daftar link yang dihapus tadi..
Agar navigasi horizontal bar dari template ini tidak semburat/morat marit susunannya,karena cara memasukkan menubar pada template ini menggunakan widget linklist.
Jika template ini sudah selesai diinstall,silahkan menambahkan lagi widget daftar link yang dihapus tadi..
Live Demo
DOWNLOAD ↓↓↓
Semoga ini bisa menjadikan solusi bagi yang belum nemu template SEO friendly dan loading cepat sudah kesana kemari.Doa saya semoga dengan menggunakan template ini,blog sobat menjadi lebih cepat mencapai posisi SERP yang diidamkan.
Saya hanya sekedar membantu,semoga berkenan.....
Baca juga : SEO Link building atau inbound link ,Cara mudah diterima Google Adsense,Kelebihan dan keuntungan blog wordpress
- FBS - DAFTAR SEKARANG, MUMPUNG ADA BONUS 100% / DEPOSIT
- Broker terbaik Pakai Robot
- Broker Forex Deposit Terbaik - CEPAT bisa via ATM BANK LOKAL
- Broker Forex Server Tercepat no requote
- DAFTAR DISINI, REBATE OTOMATIS 1,5 PIPS/CLOSE TRANSAKSI!!!
- Forex Untuk Pemula Target puluhan $$ perhari
- Keunggulan FBS FX Broker - Server No-Requote - Leverage 1 :2000
132 komentar
Write komentarsalam bro.. kenapa error bila guna template
ReplyYour template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "p" must be terminated by the matching end-tag "
".
@Jos Revolution
ReplyTerimakasih atas pemberitahuan sobat yang begitu berharga,memang benar setelah saya cek template ada yang hilang salah satu penutup tagnya saat edit,,jadi error.
Maaf,saya kurang kontrol dan kalau tdk diberitahu saya pasti tidak tahu.
Sekarang theme sudah saya fix dan sekaligus saya update+kasih live demo.
Silahkan didownload ulang lagi bro Jos :D
semoga bermanfaat!!
tanks bro.. akan di download dgn segera.. :)
Reply@Jos Revalution:Sama sama,dilanjut.. :))
Replysalam bro mahu tanya cara pasang link di page template tu bagaiamana ya caranya? contoh di template demo itu ada home simple1 simple 2 dan simple 3 benda itu takk jumpa?
Reply@Jos RevalutionUntuk link sample 1,2 dst disebut link bar,,cara memasukkan linkbar silahkan masuk ke Dasbord -->Rancangan/desain --> Lihat dibagian elemen bawah header,,disitu ada elemen yang namanya "Linkbar" ,,nah edit tuh,,masukkan link yang dikehendaki.Terimakasih,semoga membantu..
Replysudah masukkan bro tapi tak serasi.. semua link ada di bawah garisan itu tidak seperti di dalam demo..
Replymas , td saya telah mengunggah template diatas , tp Linkbar nya tak sengaja saya hapus , trus saya ganti dengan Daftar Link , eh mlah lain tampilannya , gmna donk , saya mau yang seperti home simple1 simple 2 dan simple 3 yang ada di demo
Replymas m=, saya gak sengaja menghapus Linkbar nya , gmna tu , waktu saya ganti dengan linklist hasilnya jelek , saya pingin seperti home simple1 simple 2 dan simple 3 yng ada di demo
Reply@jos revolution , Jika setelah kamu upload,,mungkin posisinya widget tidak sama,,jadi add new widget untuk navbar->> pilih widget linklist/dftar link,,kemudian seret kebawah header ,,.Jangan dikasih title(kosongin aja),soalnya mungkin saya lupa dg kasih prefered yes.
Reply@hafiezer ,daripada pusing,,kayaknya mending reupload aja... :)
sobb,, newbie mau tanya,,
Replyane mu nambahin menu dropdown kok failed trus yak?
Mantap om template nya bagus !!,,,
ReplyJngn lupa visit balik ya,,
www.sandi-blogger.co.cc
@puramozPada dasarnya semua template blogger semua bisa ditambahin atau dimodifikasi.Jika sobat selalu gagal menambahkan code untuk sesuatu fungsi baru,coba dicek lagi apa tdk ada yang salah dengan code tsb.Hanya itu saja ,krn sy tdk tahu kasusnya spt apa.Trims..
Replyijin sedottt gan,, ,, kalau bawaan blogger post-nya h3. mau cari yang free gak ketemu yang h1. ketemu juga akhirnya disini, mudah-mudahan template agan cocok buat saya. link aman gan.
Replymo nanya seo gan: saya mau buat blog baru gan, setelah saya baca postingan agan tentang seo, terus saya terapkan, dan saya isi 2-5 artikel kira-kira berapa lama akan diindex oleh om google? ada gak tips yang misalkan kita posting sekarang, 10-20 menit sudah bisa dilacak ke google search... thanks gan. mohon jawabannya. newbie nihh maret kemarin baru terjun ke blogging.
mantaf gan templatenya, ijin download
Reply@adi leter-s
ReplySEO itu simple gan,,untuk blog baru jangan mikirin optimasi macem macem dulu,,cukup template yang ringan dan SEO lalu posting saja terus minimal 2 post perhari dan unik(tidak ada postingan lain yang ngembarin).Jangan lupa setiap posting untuk memperhatikan keyword density(bidikan anda),riset keyword juga diperlukan agar tepat sasaran.
Saya yakin,hanya beberapa bulan saja kemudian blog agan akan cepat terindex dalam hitungan detik setiap kali post.Nyari backlink jangan terlalu banyak,sedikit saja asalkan dofolow.Saran,,,Setiap kali posting share ke social bookmarking misalnya lintas.me :D :) moga bermanfaat
@Embun-RMonggo gan,,,Sukses selalu!
Replythanks gan coba dulu...
Replysob...., kolom yang kecil di sdebar kok ilang satu ya...???
ReplyOM, Saya pengen nanya,,,
Replycaranya untuk mengisi link di menu horizontal bawah header/judul blog itu gimana?? Tolong balas Thx @@,
\m/ \m/ \m/
@Muhammad IrfanMasuk ke rancangan dan edit linkbar,,masukkan link yang diinginkan :D
Reply@Kang Obet
ReplySaya rasa baik baik saja tuh,,lengkap kok,,,,bahkan sekrarang sudah diudate lagi
Kalau dicari make CTRL + F namanya app? hehe B)
Replymas bikin dropdown'y dimana? mau kaya yg diatas...
Replytolong link'y ya mas B)
Makasih sobat, ijin download ya....^:D
Reply@Asep KurniawanCari css selectornya yaitu #menu2 li a{color:#888}
Replyganti #888 sesuai dengan warna pilihan kamu.Thx :D
@Asep Kurniawan Coba kamu pakai menu dropdown jQuery yang dishare di menu bar dropdown jQuery
Replycra narukin menu"x gimana mas??
ReplyItulo Misalx kayak Beranda, Tips Blog,Seo dll,,,,
Mohon pencerahnya
@Ragiel satrio
ReplyCoba saat berada di menu Rancagan/desain lihat sebuah widget diatas bernama"linkbar" ,edit dan masukkan link navigasi menu yang diinginkan :D
Om, kenapa link/tautan yang bertulisan memiliki bayangan? Jadi seperti kabur" gak jelas gitu tulisannya,..
ReplyNah yang jadi pertanyaan saya itu adalah bagaimana cara menghapus bayangan tsb? Mohon balasannya dengan segera Thx! B)
Makasih Banyak, Ka :)
Reply@Muhammad Irfan
Replyitu adalah efeks dari text berbayang/shadow, cari deklarator CSSnya dan hapus. cari dengan CTRL+F "text-shadow" tanpa tanda kutip ,hapus semuanya beserta valuenya. Utk lengkapnyanya cthnya seprti ini text-shadow: 1px 1px 0px #ccc;
MAKASIH OM DAH KASI TAU, MAU PASANG WIDGET Status Tweet di blog kemaren tapi krn ada bayangan jadi di apus. Skrg mau dipasang lagi, mksih dah kasi tau... \m/ \m/
Replypengen nanya lagi om. Kalau kita mau ngehapus Read More pada template ini gimana yaa??
ReplyAku pengen ganti modelnya aja, Cz kurang cocok. Saya cocoknya sama template ini tapi versi kaya dulu readmorenya... TQ :D
ahahaha iya agan . . susah ya nyari yang valid . . musti bikin sendiri kali yaa , , ,
Reply@Admin HQSA
ReplyIya Kang,mungkin bisa saja saya bikin paling tidak minim error w3.org,,namun hanya template yang sangat minim.
Bulshit ah w3.org,,gak banyak ngaruh :D
Thx telah berkunjung..
@Muhammad Irfan
ReplyCari code berikut:
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div class='post1'>
<table border='0'>
<tr><td valign='top'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'/></a>
</b:if>
</td><td style='padding-right: 5px;padding-left: 5px;' valign='top'>
<div class='post-snippet'><data:post.snippet/></div>
<a expr:href='data:post.url' expr:title='data:post.title'> Selengkapnya »</a>
</td></tr>
</table>
<div class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>♦</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=15"' type='text/javascript'/>
</b:if></b:loop>
</b:if>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/>
<br/>Semoga artikel <a expr:href='data:post.url'><b><data:post.title/></b></a> bermanfaat bagi Anda.</p>
</b:if>
</b:if>
Ganti semua dengan:
<data:post.body/>
<b:else/>
<p><data:post.body/>
<br/>Semoga artikel <a expr:href='data:post.url'><b><data:post.title/></b></a> bermanfaat bagi Anda.</p>
</b:if>
Moga bisa bantu!
gimana bisa bantu om, ini dipasang scrpit anti copas yaaa??? SUSAH ngecopas code HTMLnya...
Reply@Muhammad Irfan
ReplyMasak sih susah @Fan?.. :D
Kamu klik "balas" yang ada dikomentar,nanti akan muncul new window.Kamu bisa copy dan paste codenya dari situ.Mudah Kan?... :D
Terpaksa tak kasih anti copas Fan,karena banyak yang copas mentah mentah artikelnya,bahkan artikel ini tanpa diedit dulu.Saya juga banyak copas,tapi ya saya edit dulu agar unik gt looh...
Moga bisa bantu \m/
halah susah ngeditnya nih template gan.. abis di compres yah
ReplyWah Theme nya ok.. cuman kok di recent comment punyaku.. tulisaanya gak kelihatan ya.. gimana tuh. mau ganti warna fontnya ?,, jai :
Reply1. Cara ganti warna utk di recent comment
2. Cara ngilangin image di postingan
tolong ya..
@Anonim:
ReplyMemang CSS nya dicompress,Untuk uncommpressed CSS gunakan tool KLik disini
@Tutorial Bisnis:
1.Kalau menggunakan Recent comment bawaan widget blogger kayaknya Stylenya tidak ikut template.Kan udah ada di demonya,warnanya item kan?..Kalau warna (color) pada widget yang ikut template pasti serasi,soalnya udah dicoba.
Jika kesulitan coba cari recent comment script dari luar saja,Silahkan googling banyak kok.
2.Image dipostingan itu yang gimana?....bukankah image didalam postingan itu ditambahkan saat kita posting artikel????..
Wah thank berat gan.. tutorial yg uenaak nih... cuman diawal paragraf ini fontnya besar/capital ya.. ? naah.. kucari kodenya gak ketemu2.. pake kode yg mana gan ?.. soalnya mau sy kembalikan ke ukuran normal aja ??
Reply@Tubis
ReplyCari saja code:
.post p:first-letter{font-size:30px;vertical-align:top}
Hapus semuanya dan save.
Jika belum tahu cara kilatnya, gunakan CTRL+F untuk nyariin codenya :D
Moga sukses!
Thanks berat gan.. masih ada yg belum ngepas nih.. untuk Label dan daftar isi ..kok nomor urutnya gak mau tampil yah.. padahal dah ku ganti ul,/ul dengan ol, /ol .. nape tuh bos..?
Reply@Tubis :yaya:
ReplyItu karena ada perintah deklarasi pada CSSnya!
list-style-type: ;
Cari dan ilangain dia.
Untuk ngilangin tanda panah pada semua list sidebar kanan jika perlu,cari lagi:
.sidebar li{background:url(http://2.bp.blogspot.com/-hkfmqNF8NRQ/TvbFI9MTRtI/AAAAAAAAANg/3ckRmgrN-7g/s1600/kget_list_thumb%255B2%255D.png) no-repeat 0 0;border-bottom:1px solid #e3e3e3;margin:0 0 0 12px;padding:0 0 0 20px;line-height: 1.5em}
Jika udah dapet,hapus yang:
background:url(http://2.bp.blogspot.com/-hkfmqNF8NRQ/TvbFI9MTRtI/AAAAAAAAANg/3ckRmgrN-7g/s1600/kget_list_thumb%255B2%255D.png) no-repeat 0 0;
makasih om, tutornya keren.Balik lagi niii, saya mau nanya (nanya teruuusss)
ReplyKalau caranya ngehapus menu horizontal yg ada di bawah header itu gimana?? Soalnya udah cukup yg ada di atas aja TQ B) B)
@Muhammad Irfan
ReplyYang pertama Cari HTML codena:
<div class='navcontainer'><div>
<!-- Pages -->
<b:section id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList2' locked='false' title='' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul id='nav'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- /Pages -->
</div></div>
Hapus code tsb,nanti ada konfirm "template anda tidak mengandung widget linklist"
Konfirmasi pilih hapus/ya.
YG Kedua,cari code CSSna:
.navcontainer{-khtml-border-radius:8px 8px 8px 8px;-moz-border-radius:8px;-webkit-border-radius:8px 8px 8px 8px;background:#F0F0F0 url(http://4.bp.blogspot.com/_b0xJ7qk6DTc/THzwwG35kPI/AAAAAAAAA7s/HKApO8rTuDY/s1600/sidebar-header.png)repeat-x left;border:1px solid #a2a2a2;border-radius:8px 8px 8px 8px;font-size:12px;height:27px;margin:0 auto;padding:3px 10px 0;width:925px}
#nav{float:left;height:27px;list-style-type:none;margin:0;overflow:hidden;padding-top:0}
#nav ul{float:left;list-style-type:none;margin:0;padding:0}
#nav li{float:left;list-style-type:none;margin:0;padding-right:2px;padding-top:0}
#nav li a{-khtml-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;color:#000;display:block;font:14px 'Open Sans';font-weight:400;padding:4px 14px;text-decoration:none;text-transform:capitalize}
HAPUS juga semuanya! \o/
Dah saya coba utak atik tapi tetep aja tuh nomor urut di daftar isi dan Label gak mau tampil gan.. list-style-type .. dah di hapus bahkan semuanya hampir ada 7,, di menu lain yang '< ul >' dah sy ganti dg '< ol >', tetep.. gak mau nampil.. gimana yah..
Replywow, makasih om....
ReplySekarang artikel blog saya semenjak make templatenya mbah dalam hitungan menit aja udah masuk halaman pertama google dan tidak jarang menempati posisi 1 (kalau saingannya gak banyak \o/ \o/
Makasih-makasih om templatenye ^:D ^:D
Om, kan saya mau nambah menu horizontal dropdown dgn jQuery yang sama dengan milik anda. Tapi kok yaaa beda tampilannya, setelah saya pasang tampilannya panjang tak terbatas, dari ujung kiri ke ujung kanan. Apakah ini kesalahan saya atau memang jenis templatenya?? MOHON PENCERAHAN Mas ^:D ^:D
Reply@Tubis
ReplyApakah panjenegan ganti <ul> dengan <ol> itu pada HTML widgetnya?..
Contoh code HTML pada daftar link milik blog saya,seperti ini:
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='LinkList3' locked='false' title='KosmoSutra' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name' target='_blank'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList6' locked='false' title='Wisata' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
Lihat apakah ada <ul> disana?.... nah apakah itu yang diganti?...
Pda daftar isi label saya kira sama utk listingnya.Perlu diketahui itu code bukan bagian dari template,tapi tercipta otomotis pada template jika kita menambahkan widget baru.
Jika masih tetap gak bisa,saya kurang tahu sebab menurut teori HTML, <ul> adalah unumbered list dan <ol> adalah numbered list.Dan seharusnya <ol> tsb tidak terpengaruh oleh theme.
@muhamman irfan
ReplyKasih frame HTML(wrapper) pada menunya,lihat contoh tambahannya yang tercetak tebal sbb:
<div id='menudd-wrapper'>
<div class='menudd'>
<ul>
<li><a href='#'>HOME</a></li>
<li><a href='#'>MENU1</a>
<ul>
<li><a href='#'>SubMENU1 Satu</a></li>
<li><a href='#'>SubMENU1 Dua</a></li>
<li><a href='#'>SubMENU1 Tiga</a></li>
<li><a href='#'>SubMENU1 Empat</a></li>
<li><a href='#'>SubMENU1 Lima</a></li>
</ul>
</li>
<li><a href='#'>MENU 2</a>
<ul>
<li><a href='#'>subMenu Satu</a></li>
<li><a href='#'>subMenu Dua</a></li>
<li><a href='#'>subMenu Tiga</a>
<ul>
<li><a href='#'>submenu Tiga Satu</a></li>
<li><a href='#'>submenu Tiga Dua</a></li>
<li><a href='#'>submenu Tiga Tiga</a></li>
<li><a href='#'>submenu TIga Empat</a></li>
<li><a href='#'>submenu Tiga Lima</a></li>
</ul>
</li>
<li><a href='#'>MENU 3</a></li>
<li><a href='#'>MENU 4</a></li>
</ul>
</li>
<li><a href='#'>MENU 5</a>
<ul>
<li><a href='#'>Submenu 5 Satu</a></li>
<li><a href='#'>Submenu 5 Dua</a></li>
<li><a href='#'>Submenu 5 Tiga</a></li>
<li><a href='#'>Submenu 5 Empat</a></li>
<li><a href='#'>Submenu 5 Lima</a></li>
</ul>
</li>
</ul>
</div>
</div>
Kemudian buat style/CSSnya sbb:
#menudd-wrapper{width: 930px;margin:0 auto;padding:0;}
ukurannya sesuaikan dg kebutuhan lebar template kamu,yaitu width:930px;
style/CSSnya taruh di mana om?? :Q :Q
ReplyBukan sob..kode yang diatas itu malah ada ul/ tuh .. yg sy ganti ul dg ol .. yg di widget Label1 : ..
Reply<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ol>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ol>
<b:else/>
utk daftar isi itu kodenya kalau di pakai di blogku yg lainnya it'a ok.. langsung tampil nomor urutnya..,
@Tubis
ReplyYa,itu sudah benar.....semoga sudah berhasil eperti yang diharapkan.
Itu adlh code dari daftar isi label,sedang yang saya contohkan adalah code dari linklist/daftar link.Ya memang seperti itulah ,semua HTML list mau dipakai dimanapun tetap sama yaitu <ul> atau <ol>....
@Muhammad Irfan
Taruh diatas ]]></b:skin>
Coba hanya menambahkan width kedalam seletor #menudd ul ,yaitu seperti ini:
#menudd ul{width: 930px...dst.....}
Jika sudah berhasil kamu tak perlu menambahkan seperti yang diatas.
Semoga sukses!
nice info
Replybroo kayaknya sih bagus tapi tolong dong menu navbarnya di edit skalian saya mau edit malah bingung gak bisa :) thanks
ReplyMakasih Infonya,ijin Gan
ReplyWah, artikelnya enak di simak..
Replymakasih banyak atas infonya..
saya mau nanya mas, cara menghilangkan menu komentar, tanggal, dan nama author di bawah judul posting gimana ?
Reply1 lagi cara menhapus artikel terkait gimana ?
Mantaf gan, artikel luar biasa. dan bimaster luar biasa.
Replyvisit back ya mas www.ibnuh.net
makasih templatenya, ^_^
mau tanya nih gan, cara menghilangkan RSS yang diatas itu gimana ya?
Replymaklum newbi nih gan
untuk template radio streaming yang cocok apa gan???
Replyom hehe.. saya balik mau nanya lagi nich :D ..
ReplyKenapa yaa? kalo mau menambahkan banner iklan di bawah judul post itu selalu nggak bisa? Ketika ditambah gak ada yang muncul gambarnya, terima kasih. Mohon pencerahannya ^:D
MASS,,, mau nanya (again niih :D)
ReplyKalo mau naruh menu dropdown itu di HTML yang mana yaa?? tolong pencerahannya lagi ^:D
Templatenya luar biasa sob ^:D , seperti nama blognya: \o/
Replysy izin download dan rubah/modifikasi dikit ya sob...
o ya sob, cara rubah warna background, tulisan dan hover LINK LIST dan FOOTERnya gimana ya sob ?( yang menu sample 1,2,3 dan label/arsip blog)
Mohon Pencerahannya sob...terima kasih
Mohon Pencerahannya ya sob,,
Replysebab kalo boleh (dibeli?) dan sebagai tanda terima kasih saya kepada sobat,sy mau beli template ini sob(untuk sy pakai pribadi,bukan untuk diperjual belikan!)
BTW, klo boleh tau, harganya berapa ya sob ???
bisa di balas di sini atau di blog saya sob (www.armhando.com)
@buat teman teman semua,mohon maaf jika desain template nya ada yang kurang cocok dengan selera masing masing.Tentu saja karena kacamata setiap orang tentu berbeda beda.
ReplySaya berusaha mendesain template ini sebaik mungkin dan se Ramah SEO mungkin(SEO dalam artian pandangan saya pribadi).Sebenarnya struktur dan ke SEO-an template ini sama dg blog yang saya pakai sekarang(artikel-luarbiasa) hanya beda style saja.Ya,,,beginilah desain template ini apa adanya lengkap dengan livedemo,jika ada yang kurang pas silahkan diedit ulang.
Akan tetapi saya mohon maaf karena tidak bisa menjelaskan cara untuk memodifiksi template ini kembali sesuai dg selera sobat semua 1 per 1,mohon dimaklumi selain sudah banyak yang lupa ID dan CLASS HTMLnya dan kesibukan saya untuk fokus pada kerjaan yg lain.
Sebenarnya sangat mudah untuk merubah class dan ID dengan sedikit memahami ttg HTML dan CSS,bisa teman2 coba sendiri pasti bisa.(tutorial untuk ini sudah banyak sekali)
armhando@ :
Kan,,, tema ini gratis sob,tinggal didownload saja gak ada password ataupun harus bayar :D
mantap cin templatenya,,ijin download ya lumayan buat koleksi \o/
Replysaya juga mengucapkan selamat menunaikan ibadah puasa ya... \m/
kang cara menghapus ini .
Replymisalkan Semoga artikel Cara Membuat Headline New Menarik di Blog bermanfaat bagi Anda.
gimana ??tolong kang nya !! :D
@Irfan:
ReplyHapus tanda penguncinya supaya bisa tampil yaitu;
<!-- dan -->
oke sob, 1 x lagi sy ucapkan terima kasih banyak ya.
Replysebab sy sudah capek gonta-ganti template untuk mencari template yg bagus..ternyataaaa ada di sini.
semoga ke depannya akan ada template-template yg lebih luaaaaaaar biasa lagi...
@Armhando :D Dg template baru,Semoga Sukses!
Reply@Takamina
Cari yang seperti ini,kemudian hapus;
Semoga artikel <a expr:href='data:post.url'><b><data:post.title/></b></a> bermanfaat bagi Anda.
Mas mau nanya, Modifikasi comment template dengan mengisi ID dari blog sobat.
Replykok g ada saya cari class'nya?
wah kang hatur nuhun ..
Replymau nanya lagi nih kang ??coba lihat link foto dibawah ini ,, hee
http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/531370_509069465773068_424641315_n.jpg
ko fotonya tanda tanya yah ??mohon pencerahannya kang ??
Wah keren banget gan templatenya.. boleh minta kode html buat navigasi yang paling atas gak (top navigation menu)?
Reply@Mirza
ReplySilahkan diambil melalui source code saja,soalnya ini CSS murni tanpa JS jadi lebih mudah diambil,
Terimakasih telah berkunjung :D
Sengaja datang lagi nich... mo ngocapin trimakasih... template nya benar-benar mak nyus....
Replysuper hight quality templates
http://redaksiexpo2012.blogspot.com/
kunjungin ya... kasih saran.. kali aja bisa TOP 1 SEARCH ENGGINE... he.. he..
Terimakasih telah berkunjung,,,
ReplyHalah dah diubek2 sob.. background tanda panah dah dihilangkan,, list-style-type dihapus.. tapi no.urut tetep gak mau nampil.. hehee.. pusiing.. kalau berkenan langkahnya kirim ke email : lukyrahmani@gmail.com.. thanks ya...
Replyhttp://tutorialdanbisnis.blogspot.com
gan udah coba ni template dan keren banget, mau tanya dikit nih gimana caranya agar jumlah komentar ditampilkan di auto readmore, biar gampang ngecek klo ada komentar masuk.. mohon bantuannya gan..
ReplyMAS, bagaimana cara menyambungka/membuat link untuk link bar yang ada dideretan atas,sperti home, radio srtaming dll.
Replytanks atas jawabannya
Sudah diupdate lagi,sekarang jumlah komentar sudah muncul di beranda dan kategori..
ReplyHave Fun :D
Pasti ada,,,gunakan CTRL+F sbb:
ReplyblogID=9167747836122723809 ,,ganti dg ID blog masing masing
Sudah di update,,sekarang foto avatar blogger komemtator sudah muncul :D ,,download lagi ya?...
Replyiya gan makasih banyak, mau download dan setting lagi.. oya gan mohon bantuannya lagi pengen ngilangin profil dipojok kanan atas saat single post ama balikin style komentar ke versi default blogger bagaimana iya? kode yang mana yang harus saya hapus gan? terimakasih sebelumnya.
ReplyProfil dipojok kanan atas itu ternyata memang ada kesalahan,sekarang sudah diperbaiki dan profil sudah ada diposisi yang seharusnya.
ReplyUntuk mengganti comment default,,coba comot code dari template standard blogger dan ganti code berikut, mulai dari
<b:includable id='threaded-comment-form' var='post'>
sampai
<!-- END Loop -->
Itu ada di Rancangan -> Edit HTML ,cari disekitar bawah </body>
ReplyGunakan bantuan CTRL+F ,,,
sudah download ulang gan, terimakasih banyak untuk template dan bantuan editnya.
Replylapor gan templatenya kok error, muncul peringatan ada beberapa elemen yang belum tertutup dan muncul peringatan kalau templatenya gak well format.
Replyt4 saya kok eror ya mas "The template must include a head tag." gtu katanya. mohon bantuanya trims
ReplySaya udah download template nya, tapi koq pas di instal muncul dialog "Kami tidak dapat menyimpan template Anda.
ReplyTemplate Anda tidak dapat diuraikan karena template tidak terbentuk dengan baik. Pastikan semua elemen XML ditutup dengan benar. pesan kesalahan XML:
(SyntaxError) : Unexpected token <"...
gimana ni mas? saya pengen banget template ini...
mohon bantuan nya mas...
balas secepatnya ya mas...
makasih...
TERIMAKASIH SEMUA ATAS LAPORANNYA,,,MEMANG BENAR,,ADA CODE YANG TIDAL DAPAT DI PARSE,,,SEKARANG SUDAH FIX,,,DAN SIAP UNTUK DIINSTALL,,,,,THANKS,,,,ENJOY,,,,,
Replyudah di fix ternyata, terimakasih banyak. admin blog ini sangat baik sekali..
Replywah mantap gan templatenya udah saya pasang,
Replymau nanya juga mhon petunjuk.untuk merubah jumlah karakter readmorenya gimana,kayanya sedikit banget sebelum readmore pada tampilan karakter awalnya.
mohon penjelasannya.
disini gan.
http://joyodrono-cahmabung.blogspot.com/
liat aja deh mas hehe :D
ReplyItu tidak bisa dirubah,kecuali mengganti code auto readmore secara keseluruhan dengan JAVAScript,auto readmore yang itu tanpa JS gan,supaya lebih ringan loadingnya,, :D
Replyterima asih gan saya mau nyoba.
Replytolong gan untuk menu navigasi beranda lebih jelas lagi, ane cari
Replyctrl + f + edit linkbar di edit html blog tidak ketemu.... tolong yang lebih jelas kalo bisa diberi screenshot. sulit carinya thx
Untuk style CSS menu navigasi atas (backgroun hitam) berada dibawah /* TOP MENU */
ReplyUntuk style CSS menu navigasi utama berada dibawah /* BOTTOM MENU */
Untuk mencari kerangka navigasi atas,berada dibawah < body >,carilah code < div id ='menu2'> ,berada dibawah kode tsbt.
Thx telah menggunakan tema ini dan berkomentar,
benar benar luar biasa gan..
Replymantab gan,,,,,
Replyhttp://mts-sunankalijogo-picisan.blogspot.com/
bener-bener mantap nih, ane dah pake , walaupun masih polosan :D , klw boleh nanya itu modif bentuk & warna link barnya bisa ngga ya, kan warnanya silver tuh , bs diubah ga ya misal kek di blog ini, atau mungkin ada contoh2 lainnya yg bisa diambil gtu, makasih sebelumnya
Replygan ane sudah pasang themnya hatur nuhunm dan sudah pasang banner agan juga
Replyhi bro
ReplyModifikasi comment template itu yang mana? kok ane cari kagak ada di edit html?
maaf ni gan..
Replyane dah coba templatenya dan hanya modif sesuai yang di readme dalam file rar templatenya. tapi kok setelah di check pake seoworker heading tag 1 sama heading tag 3 nya kok gak ada???
nih alamatnya : http://junpribintang.blogspot.com/
tolongin ane gan soalnya pengen banget punya blog yang susunan heading tagnya oke. selebihnya sih ga ada masalah cuma di heading tag aja.
makasih banyak....
@Mas Junpri
ReplyBetul Mas,hal ini karena mas junpri menggunakan image/logo .
Karena h1 pada halaman index adalah title,jadi jika header diganti dengan logo image maka h1 titlenya tidak ada .
Tapi untuk halaman postingan (item) h1 dan h2 lengkap sesuai dengan strukturnya,h1 title dan h2 judul postingan.
h3 tidak terlalu penting,namun jika menginginkan h3 pada postingan, ya harus secara manual didalam postingan (diberi subheading pada sub judul).
Menurut saya halaman index/home nggak terlalu penting (karena cuma ada 1),optimasi lebih jitu pada halaman postingan(item) saja karena halaman postingan bisa ratusan sesuai jumlah posting.
jika mas memaksa untuk tetap menampilkan h1 title dan tetap menggunakan logo gambar,jalan satu satunya dihack mas.
Caranya: masukkan code berikut sesudah elemen header:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1><data:blog.pageTitle/></h1>
</b:if>
Pasti beres dah masalahnya :D
mo ikut nanya om
Replykenapa di homepage kok ga muncul image ditumbnailnya. Padahal postingan ada imagenya. apa ada aturan khusus misal ukuran imagenya? ato mungkin bebas ukuran imagenya tapi harus edit kode htmlnya? gimana nih om.. mohon dicerahkan :D
Demo sama template yang ane bagi itu sama persis kok,seharusnya muncul kayak di demonya.Nggak ada aturan lagi kok sebenarnya,install udah beres.
ReplyCoba cek settingan di blogger dashbord,tampilkan feed penuh.Tapi ane nggak bisa mastiin kalau itu masalahnya.Kalau feed sih biasanya pengaruh di widget recent post.
Coba diterapkan diblog lain yang nggak keurus, buat percobaan :D
Maap om. Yg saya maksud ga keluar image tumbnail di homepage tuh khusus blog robot buat maen amajon. Klo blog manual sdh ok. Apa karena imagenya ga diupload di hostnya blogger/picasa yah? Klo buat maen auto imagenya kan ngambil di server sourcenya. Apa ini penyebabnya ya om? Kira2 ada triknya ga buat nampilin image tumbnail blog auto tsb. Di recent post/popular post jg ga keluar imagenya. Klo blog manual sdh ok semua. Btw templatenya cool ^_^
ReplyMakasih atas atensinya :D
Ane belum pernah maen amazon :D.
ReplyNamun bisa ane simpulkan ,mungkin cara menampilkan kontent amazon diblog itu menggunakan sistem iframe.Karena bagaimanapun iframe itu konten website dari luar,tidak menjadi satu dengan blog panjenengan.
Barangkali itu masalahnya,atau coba bertanya kepada yang lebih tahu tentang amazon.
Thanks ya telah berkunjung dan menggunakan template ane;
Happy BlogginG!!
Mas, ko gambar ditiap postinannya kalau dilihat dari Home ada yg muncul ada yang tidak muncul gambarnya? padahal kalau di klik "selengkapnya" ada gambarnya di dalem postingan, kira2 gimana ya? coba bisa dicek di blog saya.
ReplyBisa jadi karena gambar yang digunakan bukan dari server google(situs luar),Namun hal ini bisa saja muncul asalkan server gambar dari situs lain itu cepat dalam memproses permintaan yang di load dari blognya mas.Kalau server diluar itu berat aksesnya,maka gambar tak dimunculkan sbg thumbnail.
ReplySebaiknya gambarnya diupload sendiri saja kedalam postingan.
kulo nuwun ,tanya lagi gan,
Replykenapa tiba-tiba tampilan posting di halamn utama tadinya saya setel 9 sekarang kok yang tampil tinggal 3.d lht d rancangan ttp pda pngtran 9 post.
tuloooongono gan matur suwun.
itu sudah lumrah dari sononya,alias bukan templatenya.Pasti salah satu posting terbaru kamu ada yang terlalu banyak kontent gambarnya.Nanti akan lewat sendiri jika kamu sudah posting lagi diatas jumlah 9
Replytrims
Maaf ni gan mau tanya.... tapi sebelumnya sekali lagi makasih templet gratisnya.
ReplyTemplet yang dari agan kan ada kolom untuk iklan di atas dan di bawah postingan tapi pas saya pasangiklan adsencamp + kliksaya, salah satu iklannya terpotong, saya pingin rubah lebar kolom postingannya gimana ya caranya?
Trus yang kedua: Menu navigasi yang bawah header kok gak muncul ya gan? saya udah coba di kedua blog saya tapi dua2nya tetep gak muncul.
Mohon penjelasannya gan
Makasih loh sebelumnya
ini blog saya gan : http://syamarif.blogspot.com/
http://syamarif.blogspot.com/
ReplyGan maaf kalo bisa jawabannya kirim ke email saya ya
syamsul1671@gmail.com
Thanks
Mkasi template-nya...
ReplySukses teruuus...
Kayaknya templatenya kweren nih...
ReplyMaleslihat.com | Apasih Yang Kamu Lihat?
Salam kenal mas, nice template...ijin make ya
Replymakasih...
Mas itu cara mengganti mengganti kode auto readmore secara keseluruhan dengan JAVAScript gimana ya mas?
Replytolong di jawab, soalnya sedikit kali karakter hurufnya
cara menghilangkan autoreadmorenya / selengkapnya bagaimana aya???
Replysaya hanya isi satu postingan masalahnya.
mohon bantuannya
memang keren templatenya...
Replytapi coba juga yang ini : Template From Joisetrick
ijin sedot mas
ReplySalam :)
Replytemplatenya keren Mas
cara memasang template yg udaah di download itu gimana...
Replyplease yg bisa kasih tau ya,,
kog ga' ada simple 1,2 & 3 nya gan????
Replytolong dibantu.
lihat aja ni..
http://www.faizalliverpudlians.blogspot.com
oke sob makasih templatenya ..
Replyijin download dan utak-atik gannnnnnnnn
Replytemplate yg bagus cuma pas di pake di blog saya tidak ada menu di bawah header kosong sama sekali seperti demonya jelasnya mohon kunjung blog saya http://secky66.blogspot.com
ReplyAnda pasti benci SPAM, saya juga sama.Komentar dimoderasi, SPAM akan difilter manual. NO KEYWORD ANCHOR pada NAME! .BACA Terms Of services.
Terimakasih atas komentar dan kritiknya..