Showing posts with label Template. Show all posts
Showing posts with label Template. Show all posts

Saturday, 24 November 2012

SEO Blogger Template Simple Simplex Orgmag

simplex orgmag
SEO Blogger Template Simplex Orgmag adalah template seo friendly khusus untuk blogger. Template ini dibangun dengan memadukan beberapa keunggulan. Apa saja keunggulan template ini? Mari kita bahas bersama-sama

Layout Template
Memadukan beberapa theme dari beberapa kategori seperti magazine style, bussines style, gallery, simple, dan video blog serta cocok untuk toko online. Sepintas tampilan tersebut mirip elegan style ala HTML5, tapi ternyata masih menggunakan strict.

Fitur
1. SEO Friendly
2. Google Font Thesis Skin
3. Menu Drop Down
4. Thesis Skin
5. Slide Show Script
6. Recent Post dan Recent Comment
7. News Flush dan lain-lain
8. Related Post dan Share Widget berada di kanan area posting, dll.

Pembuatan
Dibuat oleh simplexdesign yang sudah terkenal membuat template khusus blogger dengan SEO friendly dan bisnis blog tidak diragukan lagi. Template SEO Simple ini dibangun atas konversi dari WP Buzz dengan mempertahankan keaslian tampilan. Terima kasih juga kami sampaikan kepada admin tersebut atas share templatenya kepada kami. Mudah-mudahan menjadi amalnya. Dan berikut link download dan demo template seo tersebut.

Download Tanpa Script | Download Dengan Script | Download Script dan Gambar Lengkap (untuk hosting di tempat lain)
Demo

Sekian info singkat tentang SEO Blogger Template Simple Simplex Orgmag dari simplexdesign. Silakan dipergunakan dengan sebaik-baiknya. Anda bisa mengunjungi situs aslinya dengan alamat di www.simplexdesign.com. Semoga bermanfaat! Salam SEO
read more...

Tuesday, 10 July 2012

SEO Blogger Template 2012

SEO Blogger template ini saya peroleh dari blog yang menurut saya cukup familiar. Dilihat dari fans page yang seabrek buanyaknya. Baiklah berhubung untuk mengisi update blog saya ini, sejuta trik blogger mencoba memposting kembali tentang SEO Blogger template 2012 yang kebetulan juga menarik, tampilan bagus dan juga seo friendly pokoknya. Berikut tampilan SEO Blogger Template 2012 tersebut
Best Free Full SEO Friendly Blogger Template 2012
Untuk keterangan lebih lanjut tentang template seo blogger ini, sahabat bisa melihat di DEMO. Kebetulan template ini dipakai oleh yang empunya. Sekalian meniliklah apa kehebatan seo blogger template 2012 ini ketimbang template SEO yang dulu. Memang kalau sudah populer dan orang-orang memakai template seo friendly, ada keinginan untuk menggantinya kan? Selamat mencoba menggunakan seo blogger template ini.
read more...

Friday, 25 May 2012

Free Premium Blogger Template Valid HTML5

Free Premium Blogger Template Valid HTML5

free premium blogspot template
Free Premium blogger template valid HTML5 di atas adalah template dengan nama Artarius dengan tampilan elegant untuk blogger atau blogspot. Template di atas sudah dimodivikasi sedemikian rupa untuk memenuhi valid HTML5.

Cek [Valid] Markup Validation of http://free-premiumbloggertemplatevalidhtml5.blogspot.com/


Memang untuk memenuhi Valid HTML5, template asli tersebut saya pangkas beberapa fungsi atau fitur bawaannya. Namun tetap mempertahankan estetika atau keindahan dari template ini. Diantara fitur bawaan template free premium blogger template ini adalah :
Menu Dropdown
Elegant Search Form
Page Navigation
Fix Comment Form
Dynamic Meta Tag
dan lain sebagainya.
Banyak diantara blogger yang memakai template ini dapat memajang Google Adsensenya walau masih menggunakan sub domain .blogspot.com. Dengan kata lain blog ini lulus Adsense Ready.
Dan Tampilan Layoutnya Adalah seperti ini :
Free premium blogger template valid html5
Dan Ini website resminya Premium Blogger Template

Sahabat tidak perlu ragu dengan template ini cukup ikuti langkah-langkah berikut ini untuk pemasangannya. Untuk memasang template free premium blogger template valid HTML5 ini berikut langkah-langkahnya.
1. Masuk ke Blogger
2. Pilih Blog yang akan diganti template
3. Klik Design/Desain
4. Klik Edit HTML
5.Centang box seperti di bawah ini
6. Save Template

 DEMO    |   DOWNLOAD


Dengan demikian. Selesailah sudah setting template menggunakan Free Premium blogger Template Valid HTML5 ini. Untuk sahabat yang masih mengalami kesulitan dalam setting template ini. Silakan tinggalkan pesan sahabat! Semoga bermanfaat. Sahabat bisa melihat template valid HTML5 yang lain di Free SEO Friendly Blogger Template Valid HTML5
read more...

Sunday, 8 April 2012

Template Mempengaruhi Sitelink Google

Banyak pelajaran yang bisa dipetik dengan ganti-ganti template. Untuk kesekian kalinya sejuta trik mengganti template. Ternyata template mempengaruhi sitelink google. Banyak anggapan sitelink google hanya diperoleh bagi mereka yang hobi optimasi blog. Memang sih blog ini belum tertata rapi setelah ganti template, akan tetapi sudah mendapat sitelink google yang berbeda pula. Nah untuk sekedar perbedaan tentang template yang mempengaruhi site link google berikut gambarnya :

Sejuta trik site link
Gambar Sitelink Google 1
Sejuta trik site link
Gambar Sitelink Google 2

Kemudian dari kedua gambar sitelink google di atas sejuta trik membuat kesimpulan dari tabel berikut



No.
Aspek
Gambar Sitelink 1
Gambar Sitelink 2
1.
Template
Simple SEO Friendly
SEO Master
2.
SiteLink
Sitelink Table
Site Link H list
3.
Tampilan
Simple
Elegant
4.
Struktur HTML
Bertingkat/Optimasi
Familiar/Biasa
5.
Meta
Auto
Manual
6.
H1 Home Page/Post
-/-
1/2
7.
Snippets
4
-


Kiranya seperti itu perbedaan penggunaan antara template pada gambar sitelink 1 dan 2. Bagi teman-teman yang belum mendapat sitelink google bisa lihat artikel saya yang lain.

Akhir kata semoga dengan mengganti tempalate yang terbaiklah kita bisa memaksimalkan blog kita. Karena sekali lagi saya tekankan bahwa template mempengaruhi site link google di blog kita. Dengan kata lain semakin terstruktur dengan baik dan benar maka kualitas blog kita juga semakin bagus. Happy blogging.
read more...

Tuesday, 31 January 2012

SEO Friendly Blogger Template Bamz Style

seo friendly blogger template bamzstyle
SEO Friendly Blogger Template Bamz Style adalah template blogger yang menurut saya sangat memikat. Berhubung saya bukan pujangga yang pandai merangkai kata-kata :D langsung saja berikut ini yang ada di SEO Friendly Blogger Template Bamz Style ini adalah :

1. So Pasti SEO Friendly Blogger Template
2. Tag H1 Siap
3. HTML5 Basic Siap
4. Sidebar Kanan Siap (300px)
5. Meta Tag Siap
6. ADS Siap
7. Horizontal Menu Siap
8. Komentar Siap
9. Header ADS Siap (460x80)
10. Read More Otomatis Siap
11. 2 Kolom Siap

Langsung dah meluncur ke TKP untuk sekedar melihat ataupun mengunduh SEO Friendly Blogger Template Bamz Style ini
DEMO             |                DOWNLOAD
Lihat Juga posting terdahulu saya yang juga masih SEO Friendly Blogger Template di Styline SEO Friendly Blogger Template
Happy Blogging! by. Sejuta Trik Blogger
read more...

Friday, 23 December 2011

Download Template SEO Friendly Valid HTML 5

Download Template SEO Friendly Valid HTML 5 adalah template  Premium yang sejuta trik blogger persembahkan untuk pengunjung setia blog ini. (Walau gak Premium Amat) hehe. Bagi teman-teman yang menginginkan blognya valid HTML 5, silakan baca dengan cermat artikel ini dan jangan ada yang kelewatan.

Bicara valid HTML 5, bukan bertujuan untuk pamer, Saya posting di Curhat HTML 5 malah ada yang tidak percaya tentang valid HTML 5. Nah untuk itu, saya berikan blog saya yang sudah Valid HTML 5. nah berikut ini blog saya.

silakan cek di kanan bawah dan lihat hasilnya!

Untuk itu, bagi yang berminat template SEO Friendly Valid HTML 5

Berikut ini deskripsinya. 
Tampilan Homepage :
seo friendly
Tampilan Layout :

layout template
Blog Editor :
http://free-7.blogspot.com/

URL :
http://seofriendlyblogspottemplate.blogspot.com/

Karya :
Iwan Rachmanto

Edit Ulang :
Ahmad Maryuki

Fitur :
a. SEO FRIENDLY
b. < 70 ERORR CSS
c. PASSED 1 WARNING (S)
d. VALID HTML 5
e. DAN LAIN-LAIN POKONYA MEMUASKAN.
f. YANG JELAS BUATAN ANAK BANGSA GAN! HE HE HE

DOWNLOAD
DEMO

Peringatan : 
1. Jangan Menghapus Credit di akhir HTML.
2. Untuk Masalah SEO dll silakan edit sendiri, dengan alasan template itu masih orisinil sesuai dengan yang diberikan oleh Editor di atas. Ahmad Maryuki hanya menambah HTML 5 ke dalam template tersebut yang semula dari TRANSITIONAL.
3. Jika saat dicek di V3 ternyata menemukan masih error
, silakan kirim pesan ke FACEBOOK Saya.
4. Template di atas tidak ada 1 pun widget yang terpasang, jadi saat upload template, jika ada peringatan, klik KEEP WIDGET
5. Bebas iklan gan
6. Bebas Virus
7. Bebas Biaya, he he he
     dll 

Update : 
Untuk Kotak komentar yang dimunculkan, jika sudah ada komentar akan menimbulkan erorr yang sangat banyak, solusinya gunakan Komentar discus, atau gunkan komentar Facebook. Caranya lihat di Membuat Komentar Facebook Valid HTML 5

Untuk label pun mengandung error yang buanyak, solusinya gunakan cara Membuat Label Dengan HTML

Sejuta trik hanya memohon bantuan jempolnya untuk kemajuan blog ini. Maka dari itu Jika sahabat SUKA dengan artikel ini, share ke teman2, jangan lupa klik likenya ya sahabat!

Happy Blogging! by. Sejuta Trik Blogger
read more...

Saturday, 17 December 2011

Cara Compress Blogspot Yang Benar

Cara Compress Blogspot Yang Benar menurut Sejuta Trik Blogger adalah suatu cara optimasi blogspot menggunakan alat-alat website baik itu software (ofline) ataupun situs penyedia jasa compress (online) dengan maksud untuk mempercepat loading atau muat secara utuh suatu blog.

Di dalam SEO tentunya kecepatan atau loding suatu blog atau website menjadi pertimbangan bagi search engine agar tampil di posisi utama hasil pencarian. Memang saat blog kita lama memuat secara penuh juga akan membuat pengunjung blog kita kabur karena jengkel dengan loading blog yang sangat lama. Nah sahabat tidak ingin semua itu terjadi kan?

Setelah mondar-mandir di mbah google ternyata tutorial yang disajikan semuanya asal-asalan. Kenapa saya bilang asal-asalan, karena tidak mementingkan keselamatan dari blog pengunjung. (Mohon maaf jika kata-kata saya ini menyinggung blogger lain).

Saya sempat emosi, dikarenakan saya sudah percaya 100% eh ternyata setelah dipraktekkan blog menjadi rusak alias kurang sesuai harapan. Tapi tidak apa-apa dengan begitu saya jadi semangat menulis artikel ini. Bagi sahabat yang sudah mengalami kejadian seperti itu, saya harap setelah membaca artikel Cara Compress blogspot yang benar ini, kerusakan tidak terjadi lagi. Dan tujuan untuk mengkompress blogspot untuk mempercepat loading blogspot sesuai harapan.

Mari kita bahas dari langkah-langkahnya. Sebelum memulai kompresi blogspot diharapkan membaca ini :
a. Element Blogspot
Element Blogspot penyusun template kurang lebih ada tiga (3) pilar utama yaitu Cascading Style Sheet (CSS), Java Script, dan HTML.
b. Dari ketiga (3) macam element tadi harus dikompresi tersendiri.
c. Perhatian! Jangan mengcopy seluruh kode mulai dari <b:skin><![CDATA[ hingga ]]></b:skin> secara total dan mengcompress nya di tool compressor.
d. Backup dulu Template Sahabat sebelum melakukan kompresi
e. Kesabaran dan Ketelitian
f. Berdo'a
Jika dirasa sudah paham dan dilakukan, kita mulai dari CSS

1. Cascading Style Sheet (CSS)
Untuk kode CSS biasanya ditunjukkan/ dimulai dengan tanda bintang (*), Dot (.) dan Pagar (#). Untuk melakukan kompresi, Silakan copy semua kode yang ditunjukkan dengan tanda di atas. Jangan Centang satupun tool CSS Compressor. Dan pastikan hanya Kode CSS yang dimasukkan. Tool yang digunakan untuk mengkompress CSS Blogspot yaitu CSS Compressor.

CSS Compressor
Jika sudah, Copy paste dan Klik Compress.
TIPS
1) Untuk CSS sebenarnya dengan cara manual sudah bisa yaitu menghapus spasi dan enter di setiap kode CSS. Contoh :
#header-wrapper{
width:940px;
margin:10px auto;
padding:10px 0;
}

Menjadi :

#header-wrapper{width:940px;margin:10px auto;padding:10px 0;}        dan seterusnya. Hasinya pun hanya sekitar 2-5 Kb saja. Apakah kamu kurang kerjaan? he...he..
2) Jangan gunakan background gambar di bagian .body { url  kalaupun ada, ukuran gambar kira-kira 15-25 Kb saja dan jangan terlalu mencolok.
3) Usahakan jangan ada CSS yang ganda, selain eror juga menambah berat loading
2. Java Script atau Javascript code
Javascript Compressor

Didalam javascrit juga harus memperhatikan kode javascript yaitu dimulai dengan tanda <script type='text/javascript'> atau <script> bisa juga <script scr='alamat js.'>. Untuk mengkompres javascript kita memerlukan tool yaitu yang bernama Javascript Compressor. Pastikan hanya kode javascript yang dimasukkan! Setelah itu compress.
TIPS
1) Untuk melakukan commpres javascript yang benar jangan compres memua kode, Hanya kode didalamnya saja yaitu kode yang diapit antara <script type='text/javascript'> atau <script> kode javasript yang dicompress </script> atau //]]>
2) Usahakan jangan menaruh javascript dari tempat hosting lain. Ini akan membuat loading berjalan lama.
3. HTML

Seperti halnya langkah Mengkompres CSS. Penggunaan backdash dan spasi dalam html blog akan membuat loading lama. Jadi disarankan penggunaan backdash dan spasi yang sewajarnya. Tool yang digunakan adalah HTML Compressor
TIPS
1) Penggunaan backdash dan spasi di HTML Blog juga berpengaruh pada loading dan tampilan blogspot. Penggunaan backdash dan spasi biasanya digunakan sebagai batas antara element. Biasanya penggunaan paling banyak ada di bagian komentar Blogspot. Maka dari itu tampilan komentar mengandung rongga atau spasi ke bawah yang lebar.
2) Hapus di bagian yang menurut sahabat banyak menggandung lebar ke bawah yang tidak penting.
Tips lain berkaitan dengan Cara Compress Blogspot Yang Benar

* Upload gambar yang ukuran tidak terlalu besar
* Kurangi penggunaan flash yang berat
* Isi widget yang tidak terlalu banyak penggunaan javascript
* Hilangkan widget-widget yang sekiranya tidak bermanfaat seperti jam dll
* Tempatkan widget-widget yang memudahkan pengunjung menelusuri isi blog kita
* Jangan menampilkan Posting di halaman depan lebih dari 5 posting (solusinya tampilkan hanya judul saja)
* Jangan menggunakan emotion yang berlebihan pada kotak komentar
* Verifikasi kata pada kotak komentar
* Memasang auto musik dapat memberatkan blog
* Jangan menggunakan Jquery lebih dari 4 macam dalam 1 blog
* Compress setiap gambar sebelum diupload ke tempat hosting menggunakan Software Fast Photo Resizer 

Sekiranya itu saja yang sejuta trik blogger share tentang Cara Compress Blogspot Yang Benar. Mudah-mudahan artikel ini bermanfaat bagi pengunjung setia blog ini. Akhir kata, ayo semangat blogger Indonesia!

Image loading by : alexander-zulkarnain.blogspot.com

Happy Blogging! by. Sejuta Trik Blogger
read more...

Thursday, 15 December 2011

Tips Ganti-ganti Template

topeng
Bagi sebagian blogger seperti saya ganti-ganti template adalah hal yang menyenangkan. Akan tetapi masalah yang timbul dari ganti-ganti template adalah posisi serp yang tidak menentu. Belum lagi kalau kata kunci yang kita bidik sudah menjadi black list google. Seperti blog ini, nah bagi teman-teman yang sering ganti-ganti template, mulai sekarang berhentilah.

Seperti blog ini sudah berganti template sebanyak 7 kali. Dengan begitu kata kunci yang saya bidik dulu pada posisi pertama, sekarang merosot entah dimana. Apa mungkin karena update alogaritma atau bagaimana yang jelas ganti-ganti template sungguh sangat merugikan blog itu sendiri.

Nah untuk sobat yang biasa ganti-ganti template seperti saya. Sejuta trik blogger ada tips ringan yang bisa mengurungkan niat sobat-sobat untuk mengganti template dengan cara menggunakan fitur blogger yang baru.

Ok langsung saja kita view blog kita dengan tampilan bawaan blogger tapi kita tidak mengganti template blog. Wah-wah-wah emang bisa? Emmn bagi sobat yang belum tahu, yuk lihat gambarnya dulu.



dinamic view



dinamic view



dinamic view



dinamic view
1. Classic

2. Flipcard

3. Magazine

4. Mosaic

5. Sidebar

6. Snapsot

7. Timeslide

Dari pada kita ganti-ganti template, kita gunakan saja fitur baru google yaitu dinamic view. Dalam fitur barunya itu kita tidak mengganti template hanya saja kita dapat memilih layout yang kita inginkan. Memang baru sebatas 7 macam. Saya rasa sudah cukup mengobati penasaran kita untuk gonta-ganti template blogspot.

Nah untuk menjalankannya kita hanya menaruh view di belakang blog kita. Contoh
http://sejutatrik.blogspot.com/view

Dengan begitu kita bisa melihat tampilan yang menarik dari layanan blogger tersebut. Nah mudah-mudahan tips ganti-ganti template menggunakan dinamic view ini bisa mengobati rasa penasaran kita dalam ganti-ganti template.
Happy Blogging! by. Sejuta Trik Blogger
read more...

Saturday, 19 November 2011

Styline SEO Friendly Blogger Template

Nah, bagi para pemburu template blogger SEO Friendly, kali ini Sejuta Trik Blogger memposting pertama kali tentang Template Blogger SEO Friendly. Berikut penjelasannya.


Platform Type        Blogger / Blogspot
Template Name     Styline Blogger Template
Descriptions           free Styline Blogger Template blogger template is a free premium style wordpress to blogger converted blogger template, so this theme is a good for your premium style site, its 2 column, 1 right sidebar, top menu links, seo friendly, dark colors, free premium, slideshow, social bookmarking etc
Template Author    http://www.premiumbloggertemplates.com/
Designer    Lasantha Bandara / New WP Themes

Berikut wujudnya :


DEMO | DOWNLOAD

Silakan dipergunakan sebagaimana mestinya!
UPDATE

Lihat juga posting terbaru tentang SEO Friendly Blogger Template Bamz Style
Happy Blogging!
by. Sejuta Trik Blogger
read more...

Friday, 21 November 2008

Akhirnya Ganti Template Juga

Setelah sekian lama, akhirnya blog ini ganti template juga. Dari awal blog ni memang tidak pernah ganti template, paling cuma modifikasi dikit sana sini. Tapi sekarang, setelah menimbang2 dan melalui pemikiran yang panjang x lebar x tinggi, akhirnya diputuskan untuk mengubah template blog ini. Dan bagi yang berminat dengan template blog ini yang lama sekarang sudah bisa didownload. Silahkan DOWNLOAD DISINI untuk mendapatkan template lama blog ini. Tapi tentunya ada beberapa hal yang harus dimodifikasi, diantaranya yaitu :

1. Icon Kalender
Supaya icon kalendernya berfungsi (tidak "undefine") maka haru dirubah dulu format tanggalnya. Yaitu melalui "Setting-->Formatting" kemudian di bagian "Date Header Format" ganti dengan yg berformat "mm.dd.yyyy" misal (11.22.2008).

2. Ganti Tabs menu Horizontal
caranya yaitu masuk di EDIT HTML kemudian cari kata "horizontal tab", nha silahkan otak-atik didaerah situ untk mengedit menu2 horiizontalnya.

3. Ganti Isi Tabview
Caranya yaitu masuk di EDIT HTML kemudian cari kata "tab view", nha silahkan otak-atik didaerah situ untk mengedit isi dari tabview tersebut

Untuk edit2 yang lainnya silahkan diotak-atik sendiri.

Yup, gitu aja. Selamat tinggal templateku yang lama.
read more...

Friday, 8 February 2008

Cara Membuat Template di Blogger

Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.

Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:



Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :

background
header
main
footer

8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.

Nha modeng po ra?

Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu "Edit HTML".
2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }

4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :

#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }


kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.

12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.

:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.
OK SELAMAT BERJUANG......
read more...

Thursday, 24 January 2008

Hal-hal Yang Harus Diperhatikan Dalam Mengganti Template Blogger

Blog adalah ibarat rumah kita, dan tentunya kita ingin blog tersebut tampil menjadil lebih cantik dan indah. Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan/template blog. Jika kita mengganti template dengan template yang sudah disediakan blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga kita seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis. Namun jika kita menganti template dengan template lain yang disediakan oleh selain blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yg disediakan blogger, karena ada beberapa efek sampingnya, diantaranya yaitu kamu akan kehilangan element2 kamu ato malah blog kamu jadi rusak. Nha berikut ini akan aku jelaskan hal-hal apa aja yang harus diperhatikan jika kamu pingin ganti template dengan jasa lain.

Pertama kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu "Layout --> Edit HTML", trus klik link bertuliskan "Download Full Template" terus simpan file yang diberikan.

Kedua yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu "Page Element", nha disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada link bertiliskan "edit" klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di "add page elements".

Ketiga, jika template dan elemen-elemen sudah kamu backup langkah selanjutnya yaitu mengupload template yang sudah kamu download. Biasanya file template yang di download berextenxi "xml" tapi kadang-kadang ada juga yang berekstensi "zip atau rar", kalo begitu kamu harus mengekstraknya dulu sehingga kamu akan mendapat file berekstensi "xml". Trus gini cara ngaploadnya, Kembali ke menu "Edit HTML", trus disitu kan ada tombol "brows" klik tombol tersebut terus cari file template yg pingin kamu pakai sudah kamu download, trus klik tombol :upload".

Keempat, biasanya kamu akan mendapat konfirmasi seperti gambar dibawah ini, itu artinya elemen-elemen kamu akan dihapus. Klik tombol "Confirm & Save"



Kelima, jika ternyata yang muncul adalah seperti gambar dibawah ini maka itu artinya ada yang tidak beres dengan template kamu dan kamu tidak bisa memakai template tersebut di blog kamu, jadi kamu ganti aja dengan template yang lain.



Keenam, coba preview blog baru kamu, merasa sudah cocok ikuti langkah ketuju. Jika kamu mendapati ada gambar header yang sebelumnya kamu pake buat header masih muncul di template baru kamu dan posisinya sepertinya tidak cocok, maka kamu harus menghilangkannya dulu gambar header tersebut, caranya masuk kembali ke menu "Page Element", dibagian header coba kemu edit dan hapus gambar kamu. Jika di bagian header tidak ada link "edit" coba kamu ganti dulu templatenya dengan template yang disediakan oleh blogger dan kembali ke "Page Element" trus "edit dibagian header dan hapus gambar header kamu kemudian ikuti lagi langkah-langkah ketiga

Ketuju, Kembalikan elemen-elemen yang sudah kamu backup tadi sehingga kini kamu memiliki template baru dan elemen-elemen yang dulu tidak ilang.

Kedelapan, Selamat bermumet-mumet :z
read more...

Thursday, 3 January 2008

Free Blogger (Blogspot) Template Gratis

Free Download Template Untuk Blogger / Blogspot. Gratis, tinggal downlod trus pasang di blog kamu.

Silahkan Donwload disini : http://x-template.blogspot.com
read more...

Wednesday, 5 December 2007

Cara Memback-up Template Blogger

Buat para Blogger mania pasti sering dong mengoprek-oprek template yang disediakan, soalnya templatenya sedikit and fasilitasnya kurang tidak seperti yang ada di wordpress. Tapi Blogger punya kelebihan yaitu kita bisa memodifikasi template yang ada semau kita, tidak seperti di wordpress. Di wordpress jika kita mau mengedit template harus bayar dulu, iiihhhh, emangnya kita kaya po? kita kan orang-miskin ya nggak? :D . Tapi sebelum kita mengoprek-oprek template alangkah bijaksananya jika kita memback-up dulu templatenya, Lho? fungsinya apa?, supaya kalo kita ngoprek-ngopreknya salah bisa dikembalikan kembali seperti semula, seperti di restore gitulah. Nha, gimana caranya memback-up template di blogger? gini nih caranya:

Pertama-tama tentu kamu harus Login dulu dong, trus Pilih Layout -->> Edit HTML. Nha disitu kan ada gini before editing ypoour template, you may want to save a copy of it. Download Full Template> , klik yang ada tulisan Download Full Template terus simpan file tersebut, biasanya file dalam format xml.

Nha kalo mo memasang template baru atau template yang sudah diedit ato mo mengembalikan template ke sebulmnya kamu tinggal klik tombol Upload yang ada dibawahnya. OK BOZZ.. Good Luck Ya.....
read more...

Free Template Blogger

Silahkan Download Template-yang ada disini, semuanya gratis. untuk melihat contohnya Klik Preview, untuk mendownload klik kanan--> Save as pada link download




Preview

Download







Preview

Download








Preview

Download







Preview

Download




Silahkan Download Template-Template Yang lain Disini
read more...

Template 3 Kolom 3TTB01

Yak, Template 3 kolom akhirnya jadi juga. setelah lembur semalaman ahirnya berhasil aku membuat template 3 kolom. Template ini kuberi nama "3TTB01", berkesan gelap dipadu dengan warna ungu. Yang ini juga gratis bisa kamu download dan kamu pakai. kalo pingin download disini
contoh previewnya di bawah ini:



Untuk download template-template yang lain silahkan LIHAT DISINI
read more...

Tuesday, 4 December 2007

Template Pertama

Fiuuuuhhhh... Akhirnya berhasil juga aku membuat template sendiri. Setelah hampir satu bulan aku terjun di dunia blog hari ini (27/12/2007) aku berhasil membuat template. Template ini di dominasi dengan warna biru dan berlatar belakang komputer. Template ini hanya memiliki 2 kolom. Template ini aku beri nama "2TTB01" maksudnya (2 kolom Trik-Tips Blog seri 01). Template ini bisa kamu download dan kamu pakai secara GRATIS (tapi kalo mau membayar buat rasa terima kasih juga gak papa) :D kalo mau melihat contohnya disini dan kalo mau download disini (klik kanan --> Save As). Tapi ingat kalo mau ganti template sebaiknya template yang sebelumnya di back-up dulu dan juga widget2 atau element2 yang ada di back-up dulu biar tidak ilang ok. Dan untuk seterusnya aku akan membuat template yang ledih banyak lagi, jadi tunggu aja ya...


read more...