Template blogger SEO friendly serta loading ringan /fast loading

Posting kali ini saya mau berbagi Template blogger SEO friendly serta  loading ringan /fast loading gratis.

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
template blogger fast loading

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..


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

137 Responses to "Template blogger SEO friendly serta loading ringan /fast loading"

  1. salam bro.. kenapa error bila guna template

    Your 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 "
    ".

    BalasHapus
  2. @Jos Revolution
    Terimakasih 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!!

    BalasHapus
  3. tanks bro.. akan di download dgn segera.. :)

    BalasHapus
  4. salam 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?

    BalasHapus
  5. @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..

    BalasHapus
  6. sudah masukkan bro tapi tak serasi.. semua link ada di bawah garisan itu tidak seperti di dalam demo..

    BalasHapus
  7. mas , 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

    BalasHapus
  8. mas 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

    BalasHapus
  9. @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.

    @hafiezer ,daripada pusing,,kayaknya mending reupload aja... :)

    BalasHapus
  10. sobb,, newbie mau tanya,,
    ane mu nambahin menu dropdown kok failed trus yak?

    BalasHapus
  11. Mantap om template nya bagus !!,,,

    Jngn lupa visit balik ya,,
    www.sandi-blogger.co.cc

    BalasHapus
  12. @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..

    BalasHapus
  13. ijin 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.
    mo 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.

    BalasHapus
  14. mantaf gan templatenya, ijin download

    BalasHapus
  15. @adi leter-s
    SEO 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

    BalasHapus
  16. @Embun-RMonggo gan,,,Sukses selalu!

    BalasHapus
  17. sob...., kolom yang kecil di sdebar kok ilang satu ya...???

    BalasHapus
  18. OM, Saya pengen nanya,,,

    caranya untuk mengisi link di menu horizontal bawah header/judul blog itu gimana?? Tolong balas Thx @@,

    \m/ \m/ \m/

    BalasHapus
  19. @Muhammad IrfanMasuk ke rancangan dan edit linkbar,,masukkan link yang diinginkan :D

    BalasHapus
  20. @Kang Obet
    Saya rasa baik baik saja tuh,,lengkap kok,,,,bahkan sekrarang sudah diudate lagi

    BalasHapus
  21. Kalau dicari make CTRL + F namanya app? hehe B)

    BalasHapus
  22. mas bikin dropdown'y dimana? mau kaya yg diatas...
    tolong link'y ya mas B)

    BalasHapus
  23. mas tulisan penjelasan about me'y abu2 hampir sama kaya backround itu kl mau diganti biar ga abu2 gimana2?

    BalasHapus
  24. Makasih sobat, ijin download ya....^:D

    BalasHapus
  25. \o/ Makasih ya udah di share \o/

    BalasHapus
  26. @Asep KurniawanCari css selectornya yaitu #menu2 li a{color:#888}
    ganti #888 sesuai dengan warna pilihan kamu.Thx :D

    BalasHapus
  27. @Asep Kurniawan Coba kamu pakai menu dropdown jQuery yang dishare di menu bar dropdown jQuery

    BalasHapus
  28. cra narukin menu"x gimana mas??
    Itulo Misalx kayak Beranda, Tips Blog,Seo dll,,,,
    Mohon pencerahnya

    BalasHapus
  29. @Ragiel satrio
    Coba saat berada di menu Rancagan/desain lihat sebuah widget diatas bernama"linkbar" ,edit dan masukkan link navigasi menu yang diinginkan :D

    BalasHapus
  30. Om, kenapa link/tautan yang bertulisan memiliki bayangan? Jadi seperti kabur" gak jelas gitu tulisannya,..

    Nah yang jadi pertanyaan saya itu adalah bagaimana cara menghapus bayangan tsb? Mohon balasannya dengan segera Thx! B)

    BalasHapus
  31. @Muhammad Irfan
    itu 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;

    BalasHapus
  32. 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/

    BalasHapus
  33. pengen nanya lagi om. Kalau kita mau ngehapus Read More pada template ini gimana yaa??

    Aku pengen ganti modelnya aja, Cz kurang cocok. Saya cocoknya sama template ini tapi versi kaya dulu readmorenya... TQ :D

    BalasHapus
  34. ahahaha iya agan . . susah ya nyari yang valid . . musti bikin sendiri kali yaa , , ,

    BalasHapus
  35. @Admin HQSA
    Iya 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..

    BalasHapus
  36. @Muhammad Irfan
    Cari code berikut:

    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <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 &#187;</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 != &quot;true&quot;'>&#9830;</b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=15&quot;' type='text/javascript'/>
    </b:if></b:loop>
    </b:if>
    </div>
    </div>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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!

    BalasHapus
  37. gimana bisa bantu om, ini dipasang scrpit anti copas yaaa??? SUSAH ngecopas code HTMLnya...

    BalasHapus
  38. @Muhammad Irfan
    Masak 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/

    BalasHapus
  39. halah susah ngeditnya nih template gan.. abis di compres yah

    BalasHapus
  40. Wah Theme nya ok.. cuman kok di recent comment punyaku.. tulisaanya gak kelihatan ya.. gimana tuh. mau ganti warna fontnya ?,, jai :
    1. Cara ganti warna utk di recent comment
    2. Cara ngilangin image di postingan
    tolong ya..

    BalasHapus
  41. @Anonim:
    Memang 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????..

    BalasHapus
  42. 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 ??

    BalasHapus
  43. @Tubis
    Cari 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!

    BalasHapus
  44. 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..?

    BalasHapus
  45. @Tubis :yaya:
    Itu 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;

    BalasHapus
  46. makasih om, tutornya keren.Balik lagi niii, saya mau nanya (nanya teruuusss)

    Kalau caranya ngehapus menu horizontal yg ada di bawah header itu gimana?? Soalnya udah cukup yg ada di atas aja TQ B) B)

    BalasHapus
  47. @Muhammad Irfan
    Yang 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/

    BalasHapus
  48. 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..

    BalasHapus
  49. wow, makasih om....

    Sekarang 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

    BalasHapus
  50. 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

    BalasHapus
  51. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  52. @Tubis
    Apakah 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.

    BalasHapus
  53. @muhamman irfan
    Kasih 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;

    BalasHapus
  54. style/CSSnya taruh di mana om?? :Q :Q

    BalasHapus
  55. Bukan sob..kode yang diatas itu malah ada ul/ tuh .. yg sy ganti ul dg ol .. yg di widget Label1 : ..

    <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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
    <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..,

    BalasHapus
  56. @Tubis
    Ya,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!

    BalasHapus
  57. broo kayaknya sih bagus tapi tolong dong menu navbarnya di edit skalian saya mau edit malah bingung gak bisa :) thanks

    BalasHapus
  58. Wah, artikelnya enak di simak..
    makasih banyak atas infonya..

    BalasHapus
  59. saya mau nanya mas, cara menghilangkan menu komentar, tanggal, dan nama author di bawah judul posting gimana ?
    1 lagi cara menhapus artikel terkait gimana ?

    BalasHapus
  60. Mantaf gan, artikel luar biasa. dan bimaster luar biasa.

    visit back ya mas www.ibnuh.net

    makasih templatenya, ^_^

    BalasHapus
  61. mau tanya nih gan, cara menghilangkan RSS yang diatas itu gimana ya?
    maklum newbi nih gan

    BalasHapus
  62. untuk template radio streaming yang cocok apa gan???

    BalasHapus
  63. om hehe.. saya balik mau nanya lagi nich :D ..

    Kenapa 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

    BalasHapus
  64. MASS,,, mau nanya (again niih :D)

    Kalo mau naruh menu dropdown itu di HTML yang mana yaa?? tolong pencerahannya lagi ^:D

    BalasHapus
  65. Templatenya luar biasa sob ^:D , seperti nama blognya: \o/

    sy 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

    BalasHapus
  66. Mohon Pencerahannya ya sob,,

    sebab 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)

    BalasHapus
  67. @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.

    Saya 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

    BalasHapus
  68. mantap cin templatenya,,ijin download ya lumayan buat koleksi \o/
    saya juga mengucapkan selamat menunaikan ibadah puasa ya... \m/

    BalasHapus
  69. kang cara menghapus ini .
    misalkan Semoga artikel Cara Membuat Headline New Menarik di Blog bermanfaat bagi Anda.

    gimana ??tolong kang nya !! :D

    BalasHapus
  70. @Irfan:
    Hapus tanda penguncinya supaya bisa tampil yaitu;
    <!-- dan -->

    BalasHapus
  71. oke sob, 1 x lagi sy ucapkan terima kasih banyak ya.

    sebab 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...

    BalasHapus
  72. @Armhando :D Dg template baru,Semoga Sukses!

    @Takamina
    Cari yang seperti ini,kemudian hapus;
    Semoga artikel <a expr:href='data:post.url'><b><data:post.title/></b></a> bermanfaat bagi Anda.

    BalasHapus
  73. Mas mau nanya, Modifikasi comment template dengan mengisi ID dari blog sobat.

    kok g ada saya cari class'nya?

    BalasHapus
    Balasan
    1. Pasti ada,,,gunakan CTRL+F sbb:

      blogID=9167747836122723809 ,,ganti dg ID blog masing masing

      Hapus
  74. wah kang hatur nuhun ..
    mau 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 ??

    BalasHapus
    Balasan
    1. Sudah di update,,sekarang foto avatar blogger komemtator sudah muncul :D ,,download lagi ya?...

      Hapus
  75. Wah keren banget gan templatenya.. boleh minta kode html buat navigasi yang paling atas gak (top navigation menu)?

    BalasHapus
  76. @Mirza
    Silahkan diambil melalui source code saja,soalnya ini CSS murni tanpa JS jadi lebih mudah diambil,
    Terimakasih telah berkunjung :D

    BalasHapus
  77. Sengaja datang lagi nich... mo ngocapin trimakasih... template nya benar-benar mak nyus....

    super hight quality templates
    http://redaksiexpo2012.blogspot.com/

    kunjungin ya... kasih saran.. kali aja bisa TOP 1 SEARCH ENGGINE... he.. he..

    BalasHapus
    Balasan
    1. Terimakasih telah berkunjung,,,

      Hapus
  78. Halah 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...

    http://tutorialdanbisnis.blogspot.com

    BalasHapus
  79. 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..

    BalasHapus
    Balasan
    1. Sudah diupdate lagi,sekarang jumlah komentar sudah muncul di beranda dan kategori..

      Have Fun :D

      Hapus
    2. iya 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.

      Hapus
    3. Profil dipojok kanan atas itu ternyata memang ada kesalahan,sekarang sudah diperbaiki dan profil sudah ada diposisi yang seharusnya.

      Untuk 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 -->

      Hapus
    4. sudah download ulang gan, terimakasih banyak untuk template dan bantuan editnya.

      Hapus
  80. MAS, bagaimana cara menyambungka/membuat link untuk link bar yang ada dideretan atas,sperti home, radio srtaming dll.
    tanks atas jawabannya

    BalasHapus
    Balasan
    1. Itu ada di Rancangan -> Edit HTML ,cari disekitar bawah </body>

      Gunakan bantuan CTRL+F ,,,

      Hapus
  81. lapor gan templatenya kok error, muncul peringatan ada beberapa elemen yang belum tertutup dan muncul peringatan kalau templatenya gak well format.

    BalasHapus
  82. t4 saya kok eror ya mas "The template must include a head tag." gtu katanya. mohon bantuanya trims

    BalasHapus
  83. Saya udah download template nya, tapi koq pas di instal muncul dialog "Kami tidak dapat menyimpan template Anda.
    Template 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...

    BalasHapus
  84. TERIMAKASIH SEMUA ATAS LAPORANNYA,,,MEMANG BENAR,,ADA CODE YANG TIDAL DAPAT DI PARSE,,,SEKARANG SUDAH FIX,,,DAN SIAP UNTUK DIINSTALL,,,,,THANKS,,,,ENJOY,,,,,

    BalasHapus
    Balasan
    1. udah di fix ternyata, terimakasih banyak. admin blog ini sangat baik sekali..

      Hapus
  85. wah mantap gan templatenya udah saya pasang,
    mau 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/

    BalasHapus
    Balasan
    1. Itu tidak bisa dirubah,kecuali mengganti code auto readmore secara keseluruhan dengan JAVAScript,auto readmore yang itu tanpa JS gan,supaya lebih ringan loadingnya,, :D

      Hapus
  86. terima asih gan saya mau nyoba.

    BalasHapus
  87. tolong gan untuk menu navigasi beranda lebih jelas lagi, ane cari
    ctrl + f + edit linkbar di edit html blog tidak ketemu.... tolong yang lebih jelas kalo bisa diberi screenshot. sulit carinya thx

    BalasHapus
    Balasan
    1. Untuk style CSS menu navigasi atas (backgroun hitam) berada dibawah /* TOP MENU */

      Untuk 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,

      Hapus
  88. mantab gan,,,,,
    http://mts-sunankalijogo-picisan.blogspot.com/

    BalasHapus
  89. 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

    BalasHapus
  90. gan ane sudah pasang themnya hatur nuhunm dan sudah pasang banner agan juga

    BalasHapus
  91. hi bro
    Modifikasi comment template itu yang mana? kok ane cari kagak ada di edit html?

    BalasHapus
  92. maaf ni gan..
    ane 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....

    BalasHapus
    Balasan
    1. @Mas Junpri
      Betul 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

      Hapus
  93. mo ikut nanya om
    kenapa 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

    BalasHapus
    Balasan
    1. Demo sama template yang ane bagi itu sama persis kok,seharusnya muncul kayak di demonya.Nggak ada aturan lagi kok sebenarnya,install udah beres.

      Coba 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

      Hapus
  94. 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 ^_^
    Makasih atas atensinya :D

    BalasHapus
    Balasan
    1. Ane belum pernah maen amazon :D.

      Namun 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!!

      Hapus
  95. 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.

    BalasHapus
    Balasan
    1. Bisa 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.

      Sebaiknya gambarnya diupload sendiri saja kedalam postingan.

      Hapus
  96. kulo nuwun ,tanya lagi gan,
    kenapa 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.

    BalasHapus
    Balasan
    1. 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

      trims

      Hapus
  97. Maaf ni gan mau tanya.... tapi sebelumnya sekali lagi makasih templet gratisnya.

    Templet 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/

    BalasHapus
  98. http://syamarif.blogspot.com/
    Gan maaf kalo bisa jawabannya kirim ke email saya ya
    syamsul1671@gmail.com

    Thanks

    BalasHapus
  99. Mkasi template-nya...
    Sukses teruuus...

    BalasHapus
  100. Salam kenal mas, nice template...ijin make ya
    makasih...

    BalasHapus
  101. Mas itu cara mengganti mengganti kode auto readmore secara keseluruhan dengan JAVAScript gimana ya mas?
    tolong di jawab, soalnya sedikit kali karakter hurufnya

    BalasHapus
  102. cara menghilangkan autoreadmorenya / selengkapnya bagaimana aya???
    saya hanya isi satu postingan masalahnya.
    mohon bantuannya

    BalasHapus
  103. memang keren templatenya...
    tapi coba juga yang ini : Template From Joisetrick

    BalasHapus
  104. Salam :)

    templatenya keren Mas

    BalasHapus
  105. cara memasang template yg udaah di download itu gimana...
    please yg bisa kasih tau ya,,

    BalasHapus
  106. kog ga' ada simple 1,2 & 3 nya gan????
    tolong dibantu.
    lihat aja ni..

    http://www.faizalliverpudlians.blogspot.com


    BalasHapus
  107. oke sob makasih templatenya ..

    BalasHapus
  108. ijin download dan utak-atik gannnnnnnnn

    BalasHapus
  109. template 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

    BalasHapus

Anda 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..