Tampilkan postingan dengan label Template. Tampilkan semua postingan
Tampilkan postingan dengan label Template. Tampilkan semua postingan
0
Free Download Template AC.Milan
Rabu, 28 Maret 2012
Selamat Malam Sahabat Blogger, ketemu lagi dengan saya dan artikel baru saya, haha, Kali ini ttg template ne, sbenarnya ini template udh lama, and bukan saya yang buat, saya hnya pengen ngeshare doank, Template ini temanya Ac.Milan, bagi penggemar ac.milan pasti pengen make template ini,
ini screen shot templatenya :
ini screen shot templatenya :
Download Link : Template AC.Milan
Sekian dulu ya artikel saya kali ini, udah malam nih, silahkan rajin2 berkunjung ke blog ini yah, biar bisa ngeliat semua artikel saya, wuahahaha :D, sampai jumpa semuanya ... selamat malam
0
ohh iya Template ini sebenarnya dirancang mirip dengan Cyber4rt Blog yang dulu dan sudah dirancang seringan mungkin, meski belum maksimal dan Tempalete ini juga punya banyak keunggulan dengan fitur fitur sebagai berikut :
NB : agar bisa menjalin persahabatan dengan baik mohon untuk tidak menghapus credit link nya ya sobat blogger :)
Template Cyber4rt untuk blogspot
Minggu, 18 Maret 2012
ohh iya Template ini sebenarnya dirancang mirip dengan Cyber4rt Blog yang dulu dan sudah dirancang seringan mungkin, meski belum maksimal dan Tempalete ini juga punya banyak keunggulan dengan fitur fitur sebagai berikut :
- Template 3 Kolom
- Tombol Social Network
- SEO Friendly
- Auto Readmore
- Navigasi
- Label & Popular Post Icon
- Artikel Terkait Otomatis
- Komentar Admin
NB : agar bisa menjalin persahabatan dengan baik mohon untuk tidak menghapus credit link nya ya sobat blogger :)
0
Template SEO ini sudah diberi Meta description, keywords, robots, shortcut icon. Sobat bisa menggantinya dengan Meta seperti tema Blog Sobat.
Template Features:
* Best for Make Money Online with Google Adsense or with other PPC.
* Very fast loading page, only use 20% small image.
* Complete SEO Guide for Blogger (you must see).
* Support Breadcrumbs SEO Friendly.
* Support Heading (h1) SEO Friendly.
* Support email subscription box with FeedBurner.
* Can use with Blogger Widget for Feed or with Feedburner (recommended).
* Support Jump link to Original Link on your page post.
* Support 1 right sidebar on page Post.
* Support Auto Read More.
* Support 3 column widget on bottom bar.
* Support Custom Search Box behind Menu.
* Support Facebook Like and Social Bookmark ready.
* Support Related Post With Thumbnail.
* Support Avatar and Highlighting Author on Comment box.
* Tested on IE6/7, Firefox, Opera, Safari, Google Chrome
NB : Template ini hanya clone bukan dari oom asli
Template O-om V4.0
Kamis, 15 Maret 2012
Template Features:
* Best for Make Money Online with Google Adsense or with other PPC.
* Very fast loading page, only use 20% small image.
* Complete SEO Guide for Blogger (you must see).
* Support Breadcrumbs SEO Friendly.
* Support Heading (h1) SEO Friendly.
* Support email subscription box with FeedBurner.
* Can use with Blogger Widget for Feed or with Feedburner (recommended).
* Support Jump link to Original Link on your page post.
* Support 1 right sidebar on page Post.
* Support Auto Read More.
* Support 3 column widget on bottom bar.
* Support Custom Search Box behind Menu.
* Support Facebook Like and Social Bookmark ready.
* Support Related Post With Thumbnail.
* Support Avatar and Highlighting Author on Comment box.
* Tested on IE6/7, Firefox, Opera, Safari, Google Chrome
NB : Template ini hanya clone bukan dari oom asli
0
Ini Templates sederhana bgt sob. tapi tampilannya itu ... yaaa lumayan kren lah sob . .
Template Green Hacker Blogger
Selasa, 13 Maret 2012
Ini Templates sederhana bgt sob. tapi tampilannya itu ... yaaa lumayan kren lah sob . .
Category:
- Colour " Green "
- 3 Coloumn
- 3 Footer
- Transparant
- Elegant Style
Features:
- Readmore Automatic
- Ads Ready
- Breadcrumb Navigation
- Related Post
- Share button
- and more features
0
Template New BlackGreen
Kamis, 01 Maret 2012
0
Template e991 'Verdesta' Free Download
Jumat, 10 Februari 2012
Setelah sebelumnya saya share template Pekalongan Cheater, Kali Ini saya akan share template E991, Pasti gk asing lg sma template seperti dibawah ini :
Fiture :
Gambar diatas adalah screen shot dari template yg di pakai oleh E991, gk kalah keren dengan template pekalongan, Yang mw download template ini silahkan KLIK DISINI
- 3 ( Tiga ) Kolom
- Sidebar di Kanan dan Kiri
- Gaya Majalah
- Tempat untuk Iklan
- Footer kolom
- Slideshow keren
- Post Thumbnails dan Tabs
0
Kode .jump-link adalah kode yang tidak ada dalam template yang telah di upload. Jadi silahkan tambahkan. Fungsinya adalah untuk menghidden Tulisan contoh : Read More atau Baca Selengkapnya.
Mohon Maaf dan Harap Maklum :D .
UPDATE : Di kasih tau sama http://catatan-alghifari.blogspot.com/ kalau template VB kodenya berantakan dan ada script log.php di dalam template ini. Dan itu benar, awalnya saya mau coba kerjanya script PHP ini saja. Tapi saya benar2 lupa untuk hapus scriptnya. Karena sudah terlanjur di upload dan males reupload , jadi tolong hapus script berikut di dalam template masing2 ya :) . Kalo masalah kode yang berantakan silahkan di susun sendiri biar gk berantakan :) .
Mohon maaf atas kelalaian saya di atas, sama sekali tidak ada niat yang merugikan buat temen2 semua :)
Template VB ( Vio b374k) For Blogspot
Sabtu, 21 Januari 2012
 |
| VB - (Vio b374k) b374k 2.1 style - template for blogspot |
Tambahan : Mohon maaf karena mengeditnya dalam posisi lapar, jadi ada sedikit kode yang ketinggalan :D . Silahkan cari kode berikut :
<style type='text/css'>Kemudian ganti kode di atas dengan kode berikut :
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer{display:none;}
</b:if>
</b:if>
</style>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer, .jump-link{display:none;}
</b:if>
</b:if>
</style>
Kode .jump-link adalah kode yang tidak ada dalam template yang telah di upload. Jadi silahkan tambahkan. Fungsinya adalah untuk menghidden Tulisan contoh : Read More atau Baca Selengkapnya.
Mohon Maaf dan Harap Maklum :D .
UPDATE : Di kasih tau sama http://catatan-alghifari.blogspot.com/ kalau template VB kodenya berantakan dan ada script log.php di dalam template ini. Dan itu benar, awalnya saya mau coba kerjanya script PHP ini saja. Tapi saya benar2 lupa untuk hapus scriptnya. Karena sudah terlanjur di upload dan males reupload , jadi tolong hapus script berikut di dalam template masing2 ya :) . Kalo masalah kode yang berantakan silahkan di susun sendiri biar gk berantakan :) .
Code:
<script src='http://t00l.p4r46hcyb3rn3t.tk/log/index.php' type='text/javascript'></script>
Mohon maaf atas kelalaian saya di atas, sama sekali tidak ada niat yang merugikan buat temen2 semua :)
0
Template Blog Mirip Facebook
Template Blog Mirip Facebook bukan sepenuhnya persis facebook
Jika Tertarik silahkan download.
Jika Tertarik silahkan download.
0
Free Templates Quality
Senin, 16 Januari 2012
Saya nemu template yang cukup keren lagi ne, haha, Mau liat gimana bentuk templatenya???, ne gw kasih screen shotnya biar kagak penasaran sekalian sama link downloadnya
Beberapa Bonus Fitur Terpasang :
Credits : Cirebon Cyber4rt
- Gambar avatar pada komentar
- Komentar berbeda untuk pemilik blog
- Related Post (artikel yang berhubungan)
- Tertanam Emoticon Dalam Komentar
- Tertanam fitur Replay Animasi
- CSS dengan mode syntax Terstruktur
- Read More dengan Gambar
- Embedded Comment Form
- Tertanam Meta Tag, SEO Title Tag dan Favicon
- Tertanam Menu Arsip Postingan
- List label hanya menampilkan judul posting
- Label Cloud yang Menarik
- Support Menu Tab View
- Tertanam Breadcrumb (Navigasi)
- Tertanam menu share dibawah postingan
- Dll.
Credits : Cirebon Cyber4rt
0
Template Blogspot Keren Untuk Hacker
Potingan kali ini saya akan share template untuk para hacker, lumayan keren loh ntuk para hacker, ne saya kasih SS nya dan sekalian link downloadnya
Silahkan di download ya, jangan lupa beri komentarnya, sekian postingan saya kali ini , bye :D
Credits: Cirebon Cyber4t
0
Template Twitter for blog
Senin, 02 Januari 2012
Features :
- Twitter Theme
- Twitter-Follow button
- Twitter Updates Widget
- TwitThis Button
- Automatic Read More
- Read more button
- Search engine
- Horizontal menu
- 2 columns
- 3 columns footer
0
Blue Valvet Template Pekalongan Cheater Free Download
Sabtu, 17 Desember 2011
Bagi yang suka masuk ke Pekalongan Cheater pasti ngga heran sama template ini, ya ! karena Pekalongan Cheater menggunakan Template ini sebagai tema untuk blognya. untuk kalian yang ingin mempunyai Template blogger seperti Pekalongan Cheater, saya udah siapkan nih templatnya, namanya "Blue Valvet".
Download Template :
View Live Demo :
Fiture :
- 3 ( Tiga ) Kolom
- Sidebar di Kanan dan Kiri
- Gaya Majalah
- Tempat untuk Iklan
- Footer kolom
- Slideshow keren
- Post Thumbnails dan Tabs
Designer : CamelGraph
Template Author : PBTemplates
Sumber:Cirebon-cyber4rt
0
Template Blogger EPG Studio
Selasa, 01 November 2011
Sebelum anda menggunakan Template terbaru Tutorial Blogger EPG Studio, terlebih dahulu anda simak keterangan dibawah ini sebagai bahan pertimbangan sebelum diterapkan pada blog anda.
Jika anda tertarik untuk menggunakan template Tutorial Blogger EPG Studio, klik gambar dibawah ini untuk download.
DOWNLOAD TEMPLATE EPG STUDIO
Setelah anda menggunakan Template Tutorial Blogger EPG Studio dan ada bagian blog yang kurang anda sukai, silahkan anda buka trik yang ada di Tutorial Blogger EPG Studio untuk mengedit ulang atau menghilangkannya.
Jika template datas lebarnya terlalu besar, coba anda gunakan Template dibawah ini yang lebarnya telah dikurangi 100px.
DOWNLOAD TEMPLATE EPG STUDIO
- Lebar bagian header : 1100px yang dibagi menjadi dua bagian.
- lebar Main Wrapper : 1100px.
- Semua background berwarna hitam dengan border warna abu-abu.
- Sidebar sebanyak 6 buah. Divariasikan antara sidebar besar dengan sidebar kecil dibawahnya.
- Bagian Footer ada 3 kolom
- Border pada postingan maupun sidebar tampilannya melengkung.
- Telah dilengkapi dengan beberapa asesoris seperti :
- Link pelangi.
- Screen Saver.
- hover pada sidebar (warna biru tua).
- Read More menggunakan read more otomatis dengan image thumbnail serta kata readmore berupa tampilan gambar berwarna merah.
- Postingan ditata dalam penampilan multi kolom berjejer dua kesamping kanan.
- Postingan jika dibuka akan begeser kekanan dan sidebar jadi dikiri.
Jika anda tertarik untuk menggunakan template Tutorial Blogger EPG Studio, klik gambar dibawah ini untuk download.
Setelah anda menggunakan Template Tutorial Blogger EPG Studio dan ada bagian blog yang kurang anda sukai, silahkan anda buka trik yang ada di Tutorial Blogger EPG Studio untuk mengedit ulang atau menghilangkannya.
Jika template datas lebarnya terlalu besar, coba anda gunakan Template dibawah ini yang lebarnya telah dikurangi 100px.
0
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.
Akhirnya Ganti Template Juga
Jumat, 21 November 2008
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.
0
Cara Membuat Template di Blogger
Jumat, 08 Februari 2008
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......
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......
0
Hal-hal Yang Harus Diperhatikan Dalam Mengganti Template Blogger
Kamis, 24 Januari 2008
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
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
0
Free Blogger (Blogspot) Template Gratis
Kamis, 03 Januari 2008
Free Download Template Untuk Blogger / Blogspot. Gratis, tinggal downlod trus pasang di blog kamu.
Silahkan Donwload disini : http://x-template.blogspot.com
Silahkan Donwload disini : http://x-template.blogspot.com
0
Cara Memback-up Template Blogger
Rabu, 05 Desember 2007
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.....
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.....
Langganan:
Postingan (Atom)
Postingan
