Mini Niche Scraper Banner 468x60
Panduan Blogspot Master
Mini Niche Scraper Banner 125x125
Google PageRank Checker Powered by  MyPagerank.Net
Tampilkan postingan dengan label Template. Tampilkan semua postingan
Tampilkan postingan dengan label Template. Tampilkan semua postingan

Template Blogger Dengan Style Metro Windows 8

Tutorial Belajar Blog - Template Blog Dengan Style Window 8 sekedar share tentang template blogger yang bertemakan Window 8, yang akhir akhir ini di tahun 2013 lagi trend ataupun naik daun tidak hanya sistem operasi tetapi banyak bermunculan blogger profesional membuat template blog mengadopsi tampilan desain window 8. Berikut ini beberapa template blogger bertemakan Style Metro Window 8

1.Metro Simple Blogger Template

 
2.Metro BTK Premium Blogger Template

3.Windows 8 v2 Blogger Template


4.Metro Modern Solar Blogger Template

Metro Modern Solar Blogger Template di buat oleh  BlogThietKe . Metro Modern Solar  menggunakan warna abu-abu sebagai background dan  sedikit tambahan warna hijau di Kategori atau label.Template ini  sangat cocok untuk  blog pribadi atau blog berita teknologi. Seperti yang saya kutip langsung dari BlogThietKe, Template ini Terinspirasi oleh interface Metro Windows .


5.Metro UI Blogger Template


6.Metro Blogger Template

Bonus Template in your Website

  • Windows 8 Matrix style HTML Template ( Its cool )

Semoga Bermanfaaat. Terima Kasih sudah Berkunjung di blog ini Semoga Bermanfaat 
Salam Blogger ( Mas Oktri )

Thanks to s2free.blogspot.com
22.29 | 0 komentar | Read More

Template Blogger - Bright Black Blogger Template

Tutorial Belajar Blogger - Template ini bernama Bright Black Blogger Template asli garapan Kang Ismet  yang bernuansa gelap tapi dengan aksen hijau dan orange agar sedikit terlihat mencolok. Menurut saya sendiri template ini elegant enak di pandang membuat pengunjung betah membaca di blog yang menggunakan template ini. Di Bawah Ini Contoh Tampilaan HomePage dari halaman Blog Bright Black Blogger Template


bright black blogger template

    Fitur-fitur yang ada dalam Bright Black Blogger Template ini diantaranya :
    • Nivo Slider
    • Auto readmore dengan thumbnail
    • jQuery effect pada Search box
    • Social network
    • Elegant Breadcrumbs SEO Friendly
    • Related Posts
    • Tombol share
    • Custom font
    • Inside Threaded Comment
    Template ini  menggunakan  Hack komentar (bukan bawaan blogger) sehingga terlihat seperti komentar pada blog WordPress. Hack komentar ini dinamai Inside Threaded Comment. Screenshootnya bisa dilihat di bawah. langsung Kang Ismet Test koment

    inside threaded comment

    Installasi

    Untuk instalasi, sama seperti template yang lainnya. Anda tinggal mengupload file XML yang ada pada folder ZIP. Namun untuk memudahkan, ada beberapa pengaturan seperti di bawah ini :

    Social Networking dan RSS

    Untuk mengedit social networking dan RSS ini melalui Edit HTML pada template

    bright black blogger template

    Temukan dan edit kode di bawah ini, gunakan Ctr+F untuk mempermudah

    <div class='social'>
    <span class='fade'><ul>
    <li><a href='http://facebook.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8LUoe13yc6Fq8-JRyeqBSUNYGLo5WwMfV6XO4VHiz0QmG02TuUW1AT_V2lfDK-2fScYwyqkTAYrw2fN6LBzsd-Roza9EU6O3_sxGYhPEi7CEtdyPEyWS00mwJIqygEsH2SXAg0D07Mrc/s1600/facebook.png'/></a></li>
    <li><a href='http://twitter.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKba2I58QjZW_DX2t5ngsLVBEbiW0t2kpvdAoh05xbjYzAtchkvAqKAm0yE6IsYJhYfu-RmWlp3Xu7cT_SK9nNzsEZsFGc1iV4TEBWvDQjCF10Ac-2JP3cyPgujaC-QwTh3wFNnqMoZrc/s1600/twitter.png'/></a></li>
    <li><a href='https://plus.google.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg26nXdPL68Wn2J77yCZz76L8fV1h2wQxgJ_IR7YvIGlDIrNJqXTT3yHJ8cKvsM_biUf48CbPtzq0WXWTSICyGAbTAYDS_iFdEEHrOA4gKtcuqFCR9qsBbEDdVhUtskSL0HaQGWGmKtwFZP/s57/Google%252B%2520alt.png'/></a></li>
    <li><a href='http://pinterest.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLwG3gyNk_lxmYSkYVw59BU2jzU0CQKfPg7zd4AoQ2QcX1yNlKkgaOIyuZIIEB6GlmVJnQqD_CFhxQ4Adv78MUJ7sMoP5djlneCRKi5FwoLOUmCps9qT9d4YCBWpJ7_rUbTDesFqmaVrTi/s57/Pinterest%2520alt.png'/></a></li>
    <li><a href='http://feeds.feedburner.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylRpGz9oHgBcGDcQejakiTPYhbGz6Y7AXSIsTBK3WdKikDVWNQT3usDXiZU-rQ6swNvnQgzTzLcHa8j7LAd43cuGAvtx2_TfOc-dXxxQbKNj4m3kBMh-YLZO69W3BLifnC8Q8zeUJ0m2E/s57/RSS%2520Feed.png'/></a></li>
    </ul></span>
    </div>

    Slider

    bright black blogger template

    Temukan dan edit link pada kode di bawah ini, gunakan Ctr+F untuk mempermudah

    <div id='SlideContainer'>
    <div id='NivoSlider'>
    <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHD8FsqBL1iZIE8ZQDIhzjnGApwp3BqauAkHq4DvG5y3LsclNBXDk0pO-W2LdOxo8f30cEK37m-z64p6a0s_BpgAnoZdaee0Ri-lq-csFin3p8vqJK0jLdZ73lcQ6w2Unp-ZCdDMm-HcM/s1600/sld1.jpg' title='Download this Free Premium Blogger Template'/></a>
    <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-85HXxv5xpI6H08XKCgn3yhOYSzgAGnyHL6ZjsHMGbZ1AsqFsoPBnoeu7UwQuhJ5HQCEtAdCu7PP8t08o5i7vBk-9mgo33uI0siBfBuX65h9btbEJDZmIqJd8ZvmVUoNLjDtAqtf59M/s1600/sld2.png' title='Only at GalleryBloggerTemplates.com'/></a>
    <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHq2oKMs7jaW_9n4CvoYTgiANsDjraASwxbCJ8rY9DgkAkLeS8OIhlthV3lzddMHpnoZSGIhn47_-IjFbhv9ClzBCBCOpmjWv_mS2tJRqIHwOw695T2SEVgHRX975EMPfdtp24iHytVAg/s1600/sld3.jpg' title='Visit www.bloggertut.com to grab this template'/></a>
    </div>

    Sumber Template Terbaru Ini Kang Ismet 
    23.38 | 0 komentar | Read More

    Simple Elegant Seo Template


    Simple Elegant Seo Friendly Template - Template ini merupakan SEO Friendly bisa dikatakan elegant tidak banyak widget or jquery yang digunakan. Pada kesempatan kali ini saya akan share template yaitu "Simple Elegant Seo Friendly Template", meskipun hasilnya kurang bagus karen tetapi lumayan untuk koleksi atau digunakan apabila berminat.

    Adapun fitur-fiturnya sebagai berikut:
    • Template 2 Kolom
    • SEO Friendly
    • Loading Cepat
    • Auto Readmore
    • Thread Kotak Komentar

    Contoh Tampilan Simple Elegant Seo Template
    Contoh Tampilan Tata Letak

     DEMO | DOWNLOAD
    File simple elegant Seo.rar

    Server 1 [ 18 KB ] via 4shared
    Semoga suka
    Password : tutorialbelajarblogger.blogspot.com

    Sekian dulu sobat blogger, jika ada yang ingin dipertanyakan mengenai template ini, silahkan berkomentar dibawah dan jangan lupa kunjungin Simple Green Matriks Blogspot Template
    06.39 | 0 komentar | Read More

    Simple Green Matriks Blogspot Template

    Template Simple Green Matriks
    Simple Green Matriks Blogspot Template - Pada Postingan ini Belajar Blog ingin Berbagi Template ini yang merupakan template default dari blogger yaitu minima tentunya tetap template ini sangat sederhana. Pada sebelumnya saya sudah berbagi Simple Dark Style SEO Blogspot Template ,yang sederhana dan masih banyak kekurangan, tidak jauh dengan template yang akan share ini merupakan template tugas kuliah saya sekitar tahun 2008 yaitu Blog Aktualisasi Diri, tidak banyak kelebihan dari template yang kebetulan hanya template Tugas Kuliah. adapun fitur-fiturnya sebagai berikut:
    • Template 2 Kolom
    • SEO Friendly
    • Loading Cepat
    • Auto Readmore 
     DEMO | DOWNLOAD
    File simplegreenmatriks.rar

    Server 1 [ 18 KB ] via 4shared
    Semoga suka


    Sekian dulu sobat blogger, jika ada yang ingin dipertanyakan mengenai template ini, silahkan berkomentar dibawah :) Simple Green Matriks Blogspot Template

    Link Download template "Simple Green Matriks Blogspot Template" Telah Diupdate, Enjoy! :)
    Update : Password :  tutorialbelajarblogger.blogspot.com 
    04.40 | 0 komentar | Read More

    Simple Dark Style SEO Blogspot Template



    Simple Dark Style SEO Blogspot Template - Template ini merupakan rancang khusus dari template Default Juragan, yaitu Thesis SEO Blogspot Template dan tentunya tetap mempertahankan SEO Friendly dari template juragan, adapun fitur-fiturnya sebagai berikut:

    • Template 2 Kolom
    • SEO Friendly
    • Meta Tag Dinamis
    • Loading Cepat
    • Auto Readmore
    • Tombol Button
    • Qucklink ke Kotak Komentar
    • Related Post/Artikel terkait 

     DEMO | DOWNLOAD
    File simpledarkstyle seo.rar

    Server 1 [ 18 KB ] via 4shared
    Semoga suka


    Sekian dulu sobat blogger, jika ada yang ingin dipertanyakan mengenai template ini, silahkan berkomentar dibawah :)
    Link Download template "Simple Dark Style SEO Blogspot Template" Telah Diupdate, Enjoy! :)
    Password : ok3darmadiganteng
    05.23 | 0 komentar | Read More

    Thesis SEO Blogger Template

    Thesis SEO Blogger Template - Sekedar Ingin berbagi template SEO friendly? Tips Blog akan berbagi informasi dengan berbagi template gratis tetapi sangat amat optimal yang bernama Thesis SEO Blogger Template.
    Thesis SEO Blogger Template
    Thesis SEO Blogger Template
    Thesis SEO Blogger Template sudah tidak asing lagi di kalangan pecinta blogger apa lagi bagi agan-agan yang sudah lama bergelut di bidang IM ( Internet Marketing ). Karena template yang satu ini sudah lama hadir di DIYthemes dengan versi wordpress yang di hargai senilai $87 kemudian di convert oleh Blog Juragan ( seorang IM Indonesia ) agar bisa di gunakan di blogspot. 

    Berikut Fitur Thesis SEO Blogger Template 

    • SEO Friendly
    • Visitor Friendly
    • Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
    • Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
    • Quicklink ke kotak komentar
    • Sudah dilengkapi Autoreadmore
    • Dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
    • Loading yang cepat
    • Konsep minimalis & simple
    • Dll.
    Itulah fitur-fitur yang di miliki oleh Thesis SEO Blogger Template, jika agan-agan ingin memilikinya silahkan lihat demo dan download template-nya pada link di bawah ini.

    Link Download Thesis SEO Blogger Template

    Panduan mengedit :
    Jangan lupa untuk mengedit deskripsi dan kata kunci meta tag. Caranya sebagai berikut :
    1. Seteleh kode berhasil di unggah, diedit html cari kode seperti ini :
    meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'
    2. Ganti kode berwarna hijau tersebut dengan deskripsi blog. Contoh :
    meta name='DESCRIPTION' content='Blog yang membahas tentang belajar membuat blog terbaru tahun ini'
    3.Setelah itu save template. setelah di save, lihat kembali kode dibawahnya seperti ini :
    meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'
    4. Ganti kode yang berwarna hijau tersebut dengan katakunci blog sobat. Contoh :
    meta name='KEYWORDS' content='tutorial blog, artis indonesia, gosip terbaru, gosip hot'
    Sampai disini dulu tentang sharing Thesis SEO Blogger Template semoga ini dapat bermanfaat, insyaallah di lain kesempatan jika ada umur panjang dan waktu luang ane akan berbagi dan tentunya dengan pembahasan yang lain pula.  
    20.21 | 0 komentar | Read More

    Cara Mengatur Ukuran Lebar Template Blog

    Cara Mengatur Ukuran Lebar Template Blog - Bagi sobat yang sedang mencari artikel informasi mengenai cara mengatur ukuran lebar template blog atau juga ingin tau bagaimana cara merubah lebar kolom template blog agar sesuai dengan keinginanan sobat, kali ini KUCOPAS akan memberikan trik-triknya secara gamblang agar sobat lebih mudah untuk mengerti.

    Ada banyak sekali template blog yang bagus dan sangat menarik bagi sobat, namun kemungkinan sobat tidak menyukai karena salah satunya disebabkan oleh ukuran lebar dari suatu template blog tersebut. Hal ini biasanya sobat kurang cocok pada ukuran lebar kolom template yang meliputi kolom postingan, sidebar, footer, header dan masih banyak lagi.

    Dalam mengatur ukuran suatu template blog tentu saja ada beberapa kode yang harus sobat ketahui, diantaranya adalah kode untuk template bagian keseluruhan atau dari beberapa kolom seperti ukuran lebar postingan, sidebar, header dan footer.

    Agar sobat bisa lebih dengan mudah untuk mengatur ukuran template blog, sobat bisa mengikuti arahan dari contoh yang akan saya berikan dibawah ini:

    1. Silahkan sobat Masuk atau Login ke >> Blogger.com menggunakan akun sobat.
    2. Pilih menu >> Template >> klik Cadangkan / Pulihkan (Lihat bagian kanan atas) >> Download template lengkap. Guna untuk berjaga-jaga, jika ada kesalahan saat edit template.
    3. Klik >> Edit HTML
    4. Kemudian cari kode-kode berikut yang berwarna Biru, untuk mengatur ukuran lebar kolom dalam template blog. (Tekan CTRL+F untuk mempercepat pencarian kode dalam Edit HTML Template).

    1. #header-wrapper adalah kode untuk ukuran lebar header suatu template blog, Header bagian atas meliputi kolom Judul atau nama blog. Biasanya ada dua kolom kanan dan kiri.
    Contoh:

    #header-wrapper {
    width:1000px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }

    Keterangan:
    • Warna Biru adalah Kode Header dalam template blog.
    • Warna Merah adalah Ukuran lebar Header dalam template blog.
    Catatan:
    Bila Header dalam template blog memiliki dua kolom kanan dan kiri, pastikan kedua ukurannya disesuaikan dengan ukuran #header-wrapper diatas.

    Contoh Kode Kolom Header Bagian Kiri:

    #header{
    margin:0;border:0 solid $bordercolor;
    color:$pagetitlecolor;
    float:left;
    width:179px;
    overflow:hidden}

    Keterangan:
    • #header adalah kode Header sebelah kiri, biasanya kolom untuk tempat Judul blog.
    • float:left; adalah posisi kolom berada dibagian kiri.
    • width:179px; adalah ukuran lebar kolom. Ganti nilainya agar sesuai dengan keinginan sobat dan ukuran template blog sobat.
    Contoh Kode Kolom Header Bagian Kanan:

    #header2{
    float:right;
    width:728px;
    margin-right:0px;
    padding-right:0px;
    overflow:hidden}

    Keterangan:
    • #header2 adalah kode Header sebelah kanan, biasanya kolom untuk tempat iklan atau sponsor blog.
    • float:right; adalah posisi kolom berada dibagian kanan.
    • width:728px; adalah ukuran lebar kolom. Ganti nilainya agar sesuai dengan keinginan sobat dan ukuran template blog sobat.

    2. #outer-wrapper adalah kode bagian untuk semua ukuran lebar suatu template blog, biasanya memiliki ukuran yang sama dengan ukuran pada #header-wrapper diatas. Karena ukuran #outer-wrapper didalamnya biasanya berisi ukuran #main-wrapper (Kolom postingan), #sidebar-wrapper (Kolom Sidebar).

    Contoh Kode:

    #outer-wrapper {
    width: 1000px;
    margin:0 auto;
    padding:10px;
    text-align:justify;
    font: $bodyfont;
    }

    Keterangan:
    • #outer-wrapper adalah Kode untuk mengatur keseluruhan lebar template blog.
    • width: 1000px; adalah ukuran lebar keseluruhan template blog, Ganti nilainya sesuai dengan ukuran template blog yang sobat inginkan.

    3. #main-wrapper adalah kode template bagian kolom postingan blog. Sobat bisa mengatur ukuran lebarnya sesuai dengan keinginan sobat, namun sesuaikan dengan ukuran #outer-wrapper yang dibagi untuk kolom postingan dan juga sidebar.

    Contoh Kode:

    #main-wrapper {
    width: 655px;
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    }

    Keterangan:
    • #main-wrapper adalah Kode bagian Postingan dalam template blog.
    • width: 655px; adalah ukuran lebar kolom postingan blog, Ganti dan tentukan nilainya sesuai dengan keinginan sobat.
    • float: left; adalah letak posisi kolom postingan blog berada dibagian kiri dalam template blog.

    4. #sidebar-wrapper adalah kode bagian Sidebar dalam template blog, yang biasanya dalam kolom di isi dengan widget-widget yang diterapkan. Sidebar bisa berada dibagian posisi kanan dan kiri atau salah satunya.

    Contoh Kode:

    #sidebar-wrapper {
    width: 310px;
    float: right;
    }

    Keterangan:
    • #sidebar-wrapper adalah kode bagian Sidebar dalam template blog.
    • width: 310px; adalah ukuran lebar kolom sidebar blog, Ganti dan tentukan nilainya sesuai dengan keinginan sobat.
    • float: right; adalah letak posisi kolom sidebar blog berada dibagian kanan dalam template blog.

    Catatan:
    Bila dalam template blog sobat memiliki dua sidebar yang berada dibagian kanan dan kiri, maka penentuan ukuran lebar yang meliputi kolom postingan, sidebar kanan dan kiri harus sesuai dengan ukuran lebar #outer-wrapper yang dibagi menjadi tiga kolom.

    Contoh membagi ukuran kolom dalam template agar tepat dan sesuai dengan ukuran #outer-wrapper.

    #outer-wrapper = 1000px
    #main-wrapper = 450px
    #sidebar-wrapper = 300px
    #newsidebar-wrapper = 200px

    Berikut contoh gambar screenshot dalam kolom Tata Letak template blog KUCOPAS.

    Mengatur Ukuran Kolom Template Blog

    Demikian tutorial cara mengatur ukuran template blog yang dapat KUCOPAS share untuk sobat semua, bila ada kekurangan mohon diberitahukan karena trik ini untuk para blogger pemula. Bila ada pertanyaan mengenai tutorial ini, silahkan sobat bertanya dalam kotak komentar yang tersedia.

    Selamat Berkarya...


    06.37 | 0 komentar | Read More

    Cara Mengganti Template Blog Tampilan Baru 2013

    Cara Mengganti Template Blog Tampilan Baru 2013 - Bagi sobat yang sedang kesulitan atau ingin mengganti template blog dengan mudah, kali ini KUCOPAS akan memberikan tutorial Cara Mengganti Template Blog Tampilan Baru 2013. Sobat bisa dengan mudah mempraktekkannya, karena pada tutorial ini akan saya berikan contoh dengan gambar perkiraannya.

    Sebelum sobat mengganti tampilan Template pada blog sobat, ada baiknya sobat pilih-pilih dan download template yang paling cocok dengan keinginan sobat. Terlebih lagi sobat bisa beli template yang premium, namun yang gratisan juga tidak apa-apa, asal cocok dengan hati dan keinginan sobat.

    Himbauan dari saya, janganlah sering gonta-ganti template blog. Karena hal ini bisa mempengaruhi kinerja blog sobat dimata search engine (mesin pencari) seperti google atau yang lainnya. Alhasil blog sobat akan hilang dari peredaran search engine. Meski lambat laun akan kembali normal lagi, tapi akan membutuhkan waktu yang cukup lama untuk terindeks lagi. Maka dari itu, silahkan sobat pilih template yang paling bagus dan paling sobat sukai.

    Cara Mengganti Template Blog Tampilan Baru

    Kembali ke inti tutorial, Bagaimana cara mengganti template blog tampilan baru 2013 saat ini? Cara mengganti template blog caranya sangat mudah sekali, bila sobat mengalami kesulitan dalam hal mengganti template blog, khususnya untuk Blogger blogspot. Silahkan sobat ikuti tutorial dibawah ini dengan seksama.

    Cara Mengganti Template Blog Tampilan Baru 2013
    1. Silahkan sobat Login/masuk ke Blogger.com menggunakan akun sobat.
    2. Pilih menu >> Template.
    3. Klik >> Cadangkan / Pulihkan. (Bagian kanan atas) Lihat contoh gambar dibawah ini.

    Ganti Template Blog

    4. Klik >> Pilih File. Masukkan file template baru yang sudah sobat download sebelumnya. (Biasanya file .xml). Lihat gambar berikut dibawah ini.

    ganti Template Blog Tampilan Baru

    5. Jika sudah ditentukan file template barunya, silahkan sobat klik >> Unggah. dan tunggu proses pengunggahan sampai 100%.

    Cara Mengganti Template Blog Tampilan Baru

    6. Selesai dan lihat hasilnya.

    Catatan:
    • Untuk menghindari jika terjadi kesalahan, maka sebelum langkah No.4 diatas lakukanlah "Unduh Template Lengkap". Hal tersebut guna untuk berjaga-jaga jika terjadi kesalahan atau eror saat pengunggahan template baru. Dan sobat bisa mengembalikan template blog sobat ke seperti semula dengan menggugah template lengkap yang sobat unduh tadi.
    Jika belum berhasil, silahkan sobat bertanya dalam kotak komentar yang tersedia. Namun jika sudah berhasil, jangan lupa like atau follow blog KUCOPAS ini dan saatnya saya bilang sempurna.

    Demikian tutorial blog mengenai pembahasan tentang Cara Mengganti Template Blog Tampilan Baru 2013, Semoga bermanfaat bagi sobat KUCOPAS semua. Happy Blogging...


    09.28 | 0 komentar | Read More

    Cara Mengedit Template Blogger Versi Terbaru 2013

    Cara Mengedit Template Blogger Versi Terbaru 2013 - Di tahun 2013 ini, tepatnya bulan April 2013, Blogger telah memperbarui Tampilan Edit HTML pada Menu Template. Dengan Tampilan Editor Baru ini tentunya akan membuat kita lebih mudah untuk Mengedit Template Blog kita. Tetapi, ada juga blogger yang masih bingung menggunakan Editor Template Baru ini. Pasalnya banyak sekali perubahan yang terjadi pada Tampilan Edit HTML Terbaru ini, di antaranya adalah Hilangnya tombol 'Expand Template Widget', Hal ini juga menjadi masalah bagi para blogger karena kesulitan untuk mencari sebuah kode. Untuk itu, pada kali ini saya akan membagikan Tutorial Mengedit Template Blogger Versi Terbaru 2013. Sebelumnya, mari kita pelajari terlebih dahulu tentang Edit HTML Template pada tampilan baru ini, berikut penjelasannya.


    - (Back) = Tombol untuk kembali ke halaman Template, untuk membatalkan Edit HTML.
    - (Save Template) = Tombol untuk Menyimpan perubahan hasil Edit HTML.
    - (Jump to Widget) = Tombol untuk mempermudah mencari kode Widget.
    - (Edit template) = Halaman untuk Mengedit Template.
    - (Preview template) = Tombol untuk mempratinjau/melihat hasil Edit HTML sebelum Menyimpannya.
    - (Format template) = Tombol untuk menghilangkan perubahan yang sudah dilakukan dalam satu pengeditan.
    - (Revert changes) = Tombol untuk mengembalikan semua perubahan yang sudah dilakukan.
    - (Revert widget templates to default) = Tombol untuk mengembalikan tampilan blog ke tampilan semula dan menghilangkan beberapa fungsi yang ada pada template.

    Bila masih kebingungan dengan tampilan baru Editor HTML Blogger ini, Anda bisa lihat penjelasan yang mungkin bisa Anda pelajari dibawah ini.




    Berikut Cara Mengedit Template Blogger Versi Terbaru 2013
    • Mencari Kode HTML
    Bagaimana cara mencari kode html pada tampilan terbaru Edit HTML Blogger? Kalau dulu, kita harus klik tombol "Expand Template Widget" untuk mencari kode HTML. Tapi, sekarang kita tidak perlu menggunakan tombol itu, yaitu kita hanya perlu klik (CTRL + F). Pertama-tama, klik kode apa saja pada Edit template, lalu Anda klik (CTRL + F), kemudian Anda ketik kode yang ingin Anda cari. Setelah itu, Anda akan dapat menemukan kode yang Anda cari.


    • Mencari Kode Widget dengan 'Jump to Widget'
    Kini, blogger telah menambahkan fitur baru untuk memudahkan kita mencari kode Widget, yaitu dengan Tombol 'Jump to Widget'. Dengan adanya fitur 'Jump to Widget' ini, Anda akan lebih mudah untuk menuju ke kode Widget blog Anda. Caranya pun cukup mudah, Anda hanya perlu klik pada Tombol 'Jump to Widget', lalu akan muncul menu dropdown, jika Anda klik salah satu menu tersebut, maka Anda akan langsung menuju ke kode tersebut.



    Setelah Anda menemukan kode tersebut, Anda akan menemukan Tanda expand folder '►' yang berguna untuk membuka rangkaian kode dari Widget tersebut.



    Demikian Cara Mengedit Template Blogger Versi Terbaru 2013

    Semoga bisa membantu Anda untuk mempermudah menggunakan Editor HTML Blogger Terbaru 2013 ini.









    16.57 | 0 komentar | Read More

    viow0rm - Green Dark Blogger Template

    TUTORIAL BLOG | TIPS TRIK BLOG - Ingin Berbagi Template Blogger Hasil buatan anak Negri p-cbn ,viow0rm adalah template blogger yang p-cbn gunakan sebelumnya setelah berapa kali ganti template. Tema yang p-cbn ambil dari tampilan inj3ct0r dimana perpaduan warna hitam dan hijau yang membuat p-cbn  tertarik. Sebelumnya juga teman-teman banyak yang menanyakan template ini, maka template ini telah p-cbn lakukan perbaikan kembali karena template sebelumnya yang p-cbn gunakan tidak terkonsep dengan rapih. Pastinya tidak ada kelebihan dari template ini, jadi jika banyak kekurangan harap di maklumi. p-cbn hanya ingin berbagi :) .




    Ada beberapa hal yang harus di lakukan agar hasilnya bisa terlihat lebih sempurna :
    • Setting Format Timestamp menjadi seperti 09/01/2012. masuk ke dasbor >> setelan >> format Lihat gambar berikut : 
    • Pada hal di atas, kenapa p-cbn tidak menggunakan Format Header Tanggal ?. Karena hanya akan muncul satu tanggal di saat kita melakukan posting lebih dari satu di tanggal yang sama pada tampilan home pagenya. Coba saja :)
    • Menu pada template ini sama seperti pada template sebelumnya p-cbn menggunakan widget bawaan blogger yaitu linklist. Kenapa pakai itu ? Karena menurut p-cbn lebih simple, jadi tidak perlu masuk ke edit html blogger untuk menambah menu atau menghapus menu. Cukup pada area widget linklist saja :)
    • Pada kolom DESCRIPTION, TYPE dan AUTHOR jumlah karakternya terbatas. Jadi silahkan sesuaikan. Karena hanya lebih satu karakter saja melebihi lebar kolom maka akan merusak tampilan blog. Contoh dimana lebihnya karakter pada kolom TYPE lihat DI SINI.
    Saya rasa cukup jelas semuanya. ada satu catatan penting yang harus di ketahui pengguna template :
    Jangan menggunakan Gadget Daftar Laman pada template ini. Karena area post-body tidak akan terlihat. Kecuali melakukan perubahan sendiri pada CSS nya. 
    DOWNLOAD : MIRROR 
    RAR : 11kb


    sumber : p-cbn.blogspot.com 
    17.51 | 0 komentar | Read More

    Viorenza World, inj3ct0r 1337day clone template for blogspot

    TUTORIAL BLOG | TEMPLATE BLOG - Sekedar Informasi dan berbagi Ada beberapa teman yang menanyakan template yang pernah saya pakai, maka saya ingin share template untuk blogspot yang beri nama viorenza world . Theme ini terinspirasi dari website inj3ct0r yang berada di www.1337day.com . Sebelumnya pernah di buat thme inj3ct0r clone untuk wordpress oleh master otong. dan kemudian di edit oleh master p-cbn.


    Memang template ini masih jauh dari sempurna, hanya sekedar mirip. Tapi tidak ada salahnya jika saya share template editan saya ini. Template ini  diangkat dari template buatan Pelangi Petang kemudian oleh p-cbn lakukan banyak perubahan demi tujuan saya untuk membuatnya semirip mungkin dengan inj3ct0r .

    D E M ODOWNLOADMIRROR

    File : ZIP
    • XML & TXT
    Size: 31kb

    Sekedar informasi bahwa template 1 kolom ini mungkin tidak memiliki kelebihan dan yang pasti memiliki beberapa kekurangan. Salah satu kekurangan nya adalah Date atau tanggal tidak muncul pada laman blog. Contoh coba KLIK INI dan lihat pada bagian date nya.

    Cara Install :
    • Simpan dulu template asli anda untuk antisipasi
    • Download Templatenya
    • Upload ke blogger anda ( Dasbor >> Rancangan >> Edit HTML >> Unggah )
    • Klik pratinjau untuk melihat hasilnya
    • Finish
    •  

    Tambahan :

    1. Search Button
    • Untuk menambahkan search button di bawah header kamu seperti yang ada di DEMO, Sebelumnya tambahkan terlebih dahulu widged HTML/Javascript kemudian paste kode di bawah ini.
    <center>
    <form action='http://inj3ct0r-clone-theme.blogspot.com/search' id='searchform' method='get' name='searchform'>
    <b/>
    <font face="Tahoma" size="2">
    <span style="color:#008800">[ Search : </span>
    <b/>
    <input id='s' name='q' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = ""}' type='text' value=''/>
    <input id='searchsubmit' type='submit' value='submit'/>
    </b></font></b></form></center>
    • Ganti yang tandai Bold Merah di atas dengan url blog kamu  dan klik save
    •  Kemudian klik dan seret widget nya ke-atas blog-post .

    2. Rss Feed
    sumber : p-cbn.blogspot.com 
    05.43 | 0 komentar | Read More

    Collection Template Blogger

    TUTORIAL BLOG | TIPS DAN TRIK BLOG | INFORMASI BLOG | SHARING INFO - Sekedar berbagi koleksi template untuk blogger, untuk lebih jelas nya ataupun menginginkan template lebih banyak lagi silahkan kunjungi web site penyedia template blog gratis , silahkan langsung ke TKP ,download dan uji coba ,
    clear blogger template

    DemoDownload





    Best Blogger Templates

    DemoDownload




    Best Cool Blogger Templates

    DemoDownload






    Best Professional Blogger Templates

    DemoDownload





    Best Blogger Templates

    DemoDownload





    best wood leather effect templates

    DemoDownload





    best magazine blogger template

    DemoDownload




    Best Designer Blogger Templates

    DemoDownload




    Best Blogger Templates

    DemoDownload





    Best Simple Green Blogger Templates

    DemoDownload




    Best Dark Blogger Templates

    DemoDownload





    Best Abstract Blogger Templates

    DemoDownload





    Best Girly Blogger Templates

    Demo  Download





    Free Magazine Blogger Template

    DemoDownload





    web design template

    DemoDownload




    Equilibrium
    Demo                         Download

    Dark’n Bokeh
    Demo                             Download

    Solenca
    Demo                              Download

    Carbon 12
    Demo                         Download

    Dark Tuts
    Demo                        Download

    Opaque Red
    Demo                       Download

    96degree
    Demo                      Download

    Foliosharp
    Demo                          Download

    Black Mag
    Demo                         Download

    Translucence
    Demo              Download

    Uniqx
    Demo                    Download

    Revive Red
    Demo                       Download

    Revive Green
    Demo                Download

    Revive Blue
    Demo                Download

    Revive Orange
    Demo                  Download


    Fluid Theme
    Demo                         Download


    dWaterDrops
    Demo                Download


    dClassicTime
    Demo              Download

    dclean
    Demo           Download


    Welding
    Demo                  Download


    Lunax
    Demo                 Download



    Demo     Download


    Demo               Download


    Demo               Download



    Demo          Download



              Demo                  Download



    Demo Template N2y Suka-Suka 

    Demo                  Download

    Demo Template N2y Sweet JQuery

    Demo              Download
    23.12 | 0 komentar | Read More