Project For SEO

Seperti yang sudah di jelaskan bahwa artisteer, di buat sangat mudah pengunaannya. Sekarang saya akan sedikit menerangkan tutorial membuat template blogger dengan mengunakan artisteer. Monggo silahkan di simak.

Pertama nyalahkan artister kamu, jika belum punya silahkan download dulu di sini dan install di dalam komputer kamu. Pilih Blogger template.


Ada 10 elemenan bagian yang penting dalam, mambuat template dan di artisteer semuanya lengkap, plus satu dari artisteer yaitu Tool Suggest.

1. Awal sekali pergunakan Ideas --- Sugest Design. Untuk memilih kira-kita template seperti apa yang ingi kamu buat secara subyektif.


2. Color & Fonts, adalah*untuk pemilihan warna dasar dari template kamu. Tersedia banyak sekali pilihan warna, jika bingung kembali gunakan Suggest Colors.

3. Layout terdiri dari dua tool yaitu:

Page Layout, bisa di pilih.

• Header, Menu (tampilan Header dengan Menu).

• Menu, Header (kebalikannya Menu dahulu baru Header).

• Header (hanya header saja yang di tampilkan tanpa menu).

• Menu (hanya menu saja yang di tampilkan tanpa header).

Columns, Tinggal di sesuaikan saja 1,2, atau 3 kolom template.

3. Background, latar belakang
pilih sesuai kebutuhan dan tanbahkan efek jika ingin, efek-efeknya terdiri dari

• Glare, memberi efek glare atau silau dalam siluet.
• Image or Teksture, memberi efek tektur.
• Gradien, memberi efek Gradien pada latar belakang.
• Fill color, untuk memasukkan warna sesuai dengan keinginan kamu.
• From File adalah memasukkan gambar lain dari file yang kamu punya.

Sumber : http://piss-blogger.blogspot.com/2010/11/tutorial-membuat-template-dengan.html

• Built-In.
• Width, Lebar Sheet Template.
• Top Offset, batas bagian atas dengan Template.
• Padding, Batas pinggiran dalam template.
• Radiaus, Batas ujung template.
• Border, Pembatas sisi-sisi template.
• Shadow, memberi efek bayangan pada sisi-sisi template.
• Transparancy, adalah tingkan tembus pandang dari sheet template antara 60 sampai 100%.
• Fill Collor, untuk memasukkan warna baru ke sheet template.

Pengaturan terletak pada :
width, lebar Header.
Height, tinggi header dan.
Teks Block, bloking untuk teks header.

Background Header, latar belakang header.

• Posisition, tata letak dari background header.
• From File, Bisa di pilih atau bisa di tambahkan gambar dari file kamu.
• Efek, beri juga sedikit sentuhan visual dengan efek.

Foreground Photo, latar depan header

Pilih sebuah gambar yang tersedia atau masukkan dari file gambar milik kamu sendiri di From File.
Posisiton, sama untuk mengatur tata letak.
Efek, terdiri dari dua yaitu Recolor dan Glow.


Note : Pengaturan dan tool di atas tidak ada jika di Layout --- Page Layout kamu memilih Menu Atau Simple.

Headline, adalah Judul dari Blog kamu
Slogan, adalah deskripsi dari blog kamu
Keduanya sama warnanya bisa di ubah-ubah, kemudian Position letak headline dan slogan.
Size, merubah ukuran ke duanya dan terakhir Align, alinea letak dari keduanya.


7. Menu

Menu Style, bentuk dari menu. Terdiri dari ;

• Styling
• Shape, bentuk dari menu.

• Margin, untuk memberi batas lebar pada menu bar.
• Align, alinea Menu
• Distence, memberi jarak masing-masing item menu.
• Seperator, pembatas pada masing-masing menu.

Coloring, terdiri dari beberapa Costumizable pilihan warna.

• Menu Bar, di sertai efek Teksture dan Gradien.
• Fill, untuk memasukkan warna baru pada Menu bar
• Border, memberi baras pada Menu Bar.

Item, bagian dari menu

• Dengan pilihan Size (ukuran), Radius, tekstur dan Gradien.
• Fill, memasukkan warna baru pada Passive menu, aktive menu dan Havored (saat tersentuh pointer cursor).

• Border, batas dengan Passive menu, aktive menu dan Havored (saat tersentuh pointer cursor).
• dan Teks, Passive menu, aktive menu dan Havored (saat tersentuh pointer cursor) dan Font pengaturan dari teks tersebut.

Sub Item, bagian dari menu dropdown, pengaturannya hampir sama dengan yang di atas.





Sumber : http://piss-blogger.blogspot.com/2010/11/tutorial-membuat-template-dengan_11.html

8. Articles

Selanjutnya adalah articles,  pengaturan untuk bentuk artikelnya seperti apa oke langsung ajah, tanpa hura-hura (he he he). Terdiri dari :

Preview Image, sample tentang gambar dalam artikel.

Styling
gaya dan bentuk dari artikel pengaturannya :
Shape, ada 2 shape dan tanpa shape


Content

• Margin, batas artikel dengan tepi template.
• Teks Padding, batas teks dengan tepi template.
• Shape, pengaturan untuk shape artikel, terdiri dari Fill, Border dan Radius.

Note : Untuk Shape, pengaturan tidak ada jika di pilih tanpa shape pada Styling --- Content --- Shape.

Terakhir Efek, berupa bayangan untuk Shape (Shadow).

Teks Formatting, merupakan pengaturan yang hanya berhubungan dengan teks format saja.

Other elements, bagian lain yang melengkapi article, seperti Headings, Hiperlink, Quete, Bullets, Picture dan Table.

Header

Header di lengkapi 3 sub pengaturan yaitu :
Stlye,
Header layout, Fill, Border

Headline
dan Metadata.
Kemudian pelengkapnya Date, Author dan Edit



Footer

Footer berada di bawah artikel
Stlye (sama seperti di atas mempunyai footer layout) dan Metadata, pelengkapnya Tags dan Comments.



Sumber : http://piss-blogger.blogspot.com/2010/11/tutorial-artisteer-membuat-template.html

9. Blocks
Blocks artisteer merupakan sebuah tempat peletakan artibut-artibut seperti gadget, widget dan lain-lain dalam blogger, dengan kata lain blocks juga bisa di katakan sidebar. Nah, blocks ini memiliki pengaturan dan tool-tool antara lain :

Block Styles
Header ada tiga pilihan headernya

• Simple

• with Header

• dan Withuot Header

Kemudian untuk pengaturan tampilan

Syling

• Radius, batas pixels pada ujung header blocks.
• Block Spacing, batas jarak dengan sisi-sisi template.
• Distence, adalah jarak antara header dengan content block.

• Background, latar belakang blocks.
• Header, pengaturan untuk content header seperti teks, icon, fill warna, border garis batas blocks di sertai effecks Teksture dan Gradient.
• Content, pengaturan untuk content blocks seperti teks padding batas antar teks shape atau bayangan blocks dan effects.

Block Content
Untuk mengatur tampilan warna teks, link, bullets dan Fonts dari content blocks.



Sumber : http://piss-blogger.blogspot.com/2010/11/tutorial-template-blogger-dengan.html

10. Buttons dan Footer

Yang terakhir adalah Buttons dan Footer. Namun saya tidak melihat fungsi yang begitu signifikan pada Buttons, ini di gunakan untuk fingsi tombol sebenarnya, jika pada Template wordpress sangat kentara, namun pada blogger saya tidak melihatnya.

Kita langsung saja ke footer, memilki beberapa fungsi editing di ataranya :


Footer Stlyles

• Fill : Untuk memasukkan warna pada footer
• Teksture : menambah cantik design footer
• Gradient : menambahkan fungsi gradien, supaya terkesan agak 3D
• Align : Penempatan Link footer dan Copyright footer, kanan - Tengah atau di Kiri.
• Teks Padding : batas teks denga tepi footer.
• Transparency : adalah tingkat transparansi warna dari footer layout.
• Teks : Untuk bentuk dari warna dan font options lainnya.
• Hyperlink : Pengaturan untuk fungsi link, baik warna, font dan underlined atau un underlined.
• RSS : menambahkan gambar RRS Feed di footer, atau bisa juga dengan memasukkan gambar dari file.

Sumber : http://piss-blogger.blogspot.com/2010/12/tutorial-artisteer-end.html

 Tutorial ini di peruntukan buat kamu yang ingin membuat Tab menu dan sub tab menu di template artisteer. Postingan ini juga di muat di tutorial design-BLOG.web.id

Langsung berangkat, ke tutor wuuuzzz.

Pastikan template kamu itu template buatan artisteer. Setelah itu,

Login ke dasbor blogger
KLIK Rancangan

Oke kita bahas satu-satu dulu yap :

Note : Jika ilustrasi terlalu kecil dan tidak kelihatan, silahkan KLIK pada gambar untuk memperbesarnya.

1. Cara membuat Tab Menu

Pada Elemen Halaman Klik Edit pada Top Menu
Maka akan muncul kotak pop up

Oke ; perhatikan (gambar di atas tuk ilustrasi)

• Manyortir : Jangan Diurutkan
• URL Situs Baru : Isikan dengan url (http://) yang ingin di tautkan.
• Nama Situs Baru : Isikan Judul Tab menu tersebut, misalnya Facebook, Twitter atau About Us dll.

Contoh : (lihat gambar bawah)


Lalu KLIK Tambahkan Tautan Dan KLIK Simpan





Maka hasilnya :

Okey beres yap membuat tab menunya, sekarang yang selanjutnya membuat Sub Tab Menu.

2. Cara Membuat Sub Tab Menu

Caranya sama seperti di atas hanya pada sub tab menu di beri "-" (tanpa tanda petik) sebelum Nama situs baru.

Pada Top Menu KLIK Edit


Contoh : (Lihat gambar)


KLIK Tambahkan Tautan dan Simpan

note : untuk sub tab menu dapat di buat lebih dari satu, jangan lupa setiap kali membuat sub tab menu tanda "-" ikut di sertakan. (buat beberapa sub tab menu menurut yang di inginkan)

Jika sub tab menu di rasa sudah cukup, terakhir tutup dengan Tab Menu (tanpa tanda "-") di atasnya (seperti cara no 1):


lihat gambar, Susunannya kurang lebih seperti gambar di bawah ini :

Dan Simpan.

Maka taraaaaeeww hasil akhirny` seperti ini :

Okey selamat berkreasi denga artisteer dan selamat mencoba mencoba tutorial tabnya, salam design..!!



Sumber : http://piss-blogger.blogspot.com/2011/01/membuat-tab-menu-dan-sub-tab-menu-di.html

Export, template artisteer dan cara mempublishnya ke blogger adalah tutorial kali ini. Tutorial kali ini saya bagi jadi dua bagian. Bagian pertama Cara pengaturan export template (Export Template Artisteer) dan bagian ke dua adalah cara publish template ke blogger.

Saat kita telah selesai membuat template dengan artisteer dan ingin menerbitkan template tersebut ke blogspot berikut adalah caranya ;


Pengaturan Export Options

Klik Export --- Pilih Export Options


Pengaturan Properties

Pada bagian Properties, isikan data-data template seperti

Author, nama penulis template.
Author Url, isi dengan url blog.
Template version, tidak usah di rubah.
Template URl, kembali isikan url blog.
Tag, tag dari blog yang bersangkutan.
Description, keterangan tentang isi blog.


Pengaturan Blogger dan Image hosting

Selanjutnya maju lagi pada pengaturan blogger
KLIK Blogger
Pada Home page menu item.

di show Top Navbar pilih Yes or No, fungsinya untuk menampilkan navbar blogger (Yes) dan menghilangkan navbar blogger (No).
Show Home item, berfungsi untuk menampilkan menu bar di beranda (Yes) dan tidak menampilkannya (No).
Home item caption, biarkan saja tidak perlu di ubah.

Image Hosting
Untuk Image Hosting sebaiknya pilih Piccasa Web Albums. Sementara untuk image hosting ImageShack Hosting, awalnya bisa cuma kelamaan gambar2 yang berhubungan dengan template menjadi hilang alias di blokir oleh pihk Image Shark.

Kemudian juga bisa menjadi pilihan yang ketiga yaitu FTP Server, jika kita mempunyai server sendiri. Masukkan host, user name, password, remote dir dan url image (biasanya url domin berbayar seperti namaanda.com)


Watermark

Show watermark, pilih No
Watermark teks, Priview (di diamkan saja)

Footnote

Include a backword link to the Author, beri centang untuk menampilkan baclink dari url blog yang sudan di isi pada properties sebelumnya.
Include backward links to the CMS and Artisteer, jika di beri centang akan di tampilkan url dari artisteer sebaliknya jika tidak maka tidak akan muncul.


kemudian KLIK OK.






Sumber : http://piss-blogger.blogspot.com/2011/02/export-template-artisteer-publish-ke.html

Tutorial Artisteer

Tempate dan design sangat berhubungan ketat, seketat baju cewek-cewek jaman sekarang! (he he he, jangan ngelonjor) ;) Berapa waktu yang lalu saya mencoba membuat template sendiri, yang masih tahap awal dan coba-coba. Tenang- kalem sofeware yang satu ini ga perlu noh yang namanya kudu tahu tentang bahasa pemprograman html dan saudara-saudaranya. Cukup sedikit pengetahuan tentang tata letak design saja. Sudah cukup.

Silahkan di coba namanya Artisteer (artisteer.com). Di jamin tampilan template blogspot kamu bisa ciamik alias keren. Selain template blogspot Artisteer juga bisa di gunakan untuk membuat template Joomla, WordPress dan drupal.

Penggunaan tool-tool-nya juga sangat mudah di operasikan, ajib dan ga pake repot. Walaupun untuk tampilan akhir blogspot, ketika selasai membuatnya dengan artisteer ini harus ada sedikit modifikasi di tampilan post komentarnya.

Selanjutnya adalah praktek, dengan sofeware canggih ini, kreatifitas bisa di asah setajam pisau dapur. Dan juga tidak menutup kemungkinan untuk menjadi perancang design template untuk blogspot, kenapa tidak?

Berikut adalah sedikit tutorial yang saya ketahui mengenai sofeware ini, silahkan di lihat dan yuk sama-sama belajar :)

Buat Template sendiri yuk

Tutorial membuat Template dengan Artisteer (bag.1)
Tutorial membuat Template dengan Artisteer (bag.2)
Tutorial artisteer, membuat template blogger (bag.3)
Tutorial template blogger dengan artisteer (bag.4)
Tutorial Artisteer End (bag.5 — end/akhir)

Membuat tab menu dan sub tab menu di Artisteer
Export Template Artisteer, Publish ke blogger
Publish Template Artisteer ke blogger.com
Membuat site Icon atau favicon dengan Artisteer di blog wordpress







Sumber : http://bonkcrexs.web.id/tutorial/tutorial-artisteer/