Home » Posts filed under Template

Template Blog Elegant,Profesional,Wordpress,Web Design

Wordpress pada umumnya memiliki template-template yang lebih terlihat profesional dan begitu juga dari segi desain pun lebih terlihat nyeni dan eye-catching dibandingkan dengan template blogger. Hal tersebut bisa kita lihat dari website direktori template yang menyediakan template blogspot dan wordpress yang premium maupun free. Seakan mata terlihat lebih tertarik kepada desain template wordpress apalagi template wordpress premium yang gratis :P. Tetapi karena saya merupakan salah satu dari banyak golongan blogger hemat yang menggunakan platform blogspot gratisan terpaksa hanya membayangkan kalau template yang indah tersebut bisa dipasang di blogger. Tetapi apalah daya blogger dan wordpress merupakan platform yang 'berbeda alam'. Namun tidak bagi sebagian blogger yang kreatif dan pro-aktif, mereka akan mengubah dan berkarya menghasilkan template blogspot ala wordpress seperti yang akan saya share pada postingan saya


1. CHROME GT


ChromeGT pada awalnya merupakan Template Wordpress Berbayar yang dibuat oleh TemashDesignLab dan dijual di Marketplace ThemeForest. Kini template ini sudah dapat anda nikmati di blogspot secara gratis. Cocok untuk Template Business/Portfolio di Blogspot

GT CHROME  =    DEMO       Or          DOWNLOAD 




2. THE STYLE (elegant theme)


The Style merupakan template premium buatan ElegantThemes, sebuah studio webdesign penghasil template wordpress berkualitas. Template ini dibuat bagi blog bertema fashion, entertainment dan lifestyle. Dengan tampilan grid seperti Pinterest, template ini dapat memanjakan pengunjung berlama-lama membaca artikel di blog anda. The Style kini telah tersedia versi blogspot yang dapat diunduh secara gratis.

THE STYLE  =    DEMO   Or   DOWNLOAD



3. PROJECT 10


Project 10 merupakan template yang cocok untuk website Magazine. Dibuat oleh Orange-Themes, sebuah studio web dengan pangkat Elite Author di ThemeForest. Template ini lengkap untuk skala Magazine dengan beragam fitur seperti slideshow, newsticker dan sidebar yang unik. Sangat pas untuk anda.

POJECT 10  =       DEMO         Or         DOWNLOAD



4. E.SPECIAL


Satu lagi template premium buatan TemashDesignLab yang dikonvert menjadi Blogspot Template dengan sempurna. Especial - sebuah template yang ditujukan untuk website Magazine dengan dominansi warna abu-abu pekat dan aksen pink tua menambah kesan feminim. Slideshow utama dengan deskripsi didalamnya dikemas secara apik lengkap dengan efeknya yang menawan. Bagi anda yang ingin membuat template blogspot bergaya Magazine dengan tema fashion, sangat cocok buat sobat yang punya butik atau toko online.

E.SPECIAL  =    DEMO         Or          DOWNLOAD



5. TARNISHED





Tarnished merupakan template bergaya casual cocok untuk website dengan artikel teknologi, tutorial blog atau freebies. Summary post di halaman utama dilengkapi dengan eye-catching thumbnail. Begitu juga dengan slideshow utama yang dipercantik dengan thumbnail dibawahnya. Template yang dibuat oleh studio web GhostPool dan dijual di themeforest kini tersedia dalam versi blogspot. Cocok bagi anda yang sedang mencari Template  Blogs


TARNISHED  =        DEMO           Or           DOWNLOAD


6. ELEGANT THEMES By eGAMER



Jika sebelumnya telah ada The Style, kini giliran eGamer yang dikonversi menjadi template blogspot dari ElegantThemes. Template eGamer didesain untuk blog dengan konten artikel tentang game. Jika anda ingin membuat blog dengan ulasan topik game online, offline, tips & trik hingga cheat game, maka template inilah yang anda cari. Kini anda dapat menikmati template game eGamer ini di Blogspot.


eGAMER  =       DEMO           Or          DOWNLOAD




7. BOARDWALK



BoardWalk merupakan template wordpress dengan style web 2.0 dari studio web WPNow. Template didesain untuk travel-blogger, yakni blogger yang hobi ngeblog tentang perjalanannya ke berbagai tempat. Template didesain dengan apik dengan header sunrise dan footer pasir pantai membuat kesan yang khas. Template BoardWalk kini bisa anda miliki dalam platform blogspot. Pilihan tepat bagi travelblogger dengan template travel blogspot.



BOARDWALK  =           DEMO         Or          DOWNLOAD



8. BLOOM-WP


Bloom merupakan template wordpress dari WPNow dengan tampilan blog. Template dengan nuansa blue ocean ini membuat kesan calm dan menyejukkan mata. Membuat visitor betah berlama-lama membaca artikel di blog anda. Template bloom ini sudah dikonvert dan dapat anda unduh dan pasang di blogspot.


BLOOM   =      DEMO      Or      DOWNLOAD




9. VINTMINT-WP


Template WPNow selanjutnya yang ter-convert ke template blogspot ialah VintMint. VintMint merupakan template bergaya art-grunge dengan polesan style ala vintage. Fitur dari template ini yakni thumbnail pada setiap post, slideshow dan awesome header. Bagi anda blogger yang nyeni dan ingin share tentang artikel seni atau showcase hasil seni anda, maka Template Art Blogspot VintMint cocok untuk anda!



VINTMINT  =           DEMO         Or           DOWNLOAD





10. ELEMENT-WP



Elements merupakan template colorful bergaya web 2.0 dengan serba gradien di sana-sini. Uniknya dari template ini, bagian widget dapat di-hide&expand alias dibuka dan tutup. Cocok bagi anda yang ingin ngeblog dengan tema apapun. KiniTemplate Blog Professional Elements tersedia versi blogspot.


ELEMENT   =    DEMO       Or       DOWNLOAD


Itu lah beberapa koleksi saya, yang saya dapat dari temen2 bloger, semoga bermanfaat....
, 01.45 2 comments
Labels: ,

Mengganti Background Dengan Gradient Image

mechanical_warfare_800x600 Salah satu cara agar pengunjung betah berlama-lama di blog kita adalah dengan menggunakan template yang menarik. Selain kecepatan loading blog juga tentunya sangat berpengaruh pada pengunjung blog, template yang menarik tentu akan sedikit menambah bumbu dalam blog kita.

 

Untuk membuat template yang menarik, salah satunya dengan konsep pewarnaan judul postingan, background postingan atau judul sidebar dengan background template yang pas.

 

Untuk membuat background blog, kita bisa menggunakan fasilitas dari http://tools.dynamicdrive.com/gradient. Dengan tools tersebut, kita bisa membuat gambar gradasi, contoh gambar gradasi bisa sobat lihat dibawah ini :

 

gradasi 2 gradasi 1

 

Baiklah, daripada pusing kita langsung praktek aja ya !

  • Langsung saja tuju web layanan gradient image maker, masuk ke gradient dari dynamicdrive.
  • Pada halaman depan sobat, pilih model gradasi yang akan sobat gunakan

     

    pilih model
  • Pilih saja model yang pertama, kemudian isi gradient width dengan 10, dan gradient height dengan 800 ( angka ini tidak mutlak harus 10 dan 800, sesuaikan dengan keinginan sobat saja ).

     

    color

     

    Pilih warna untuk top color dan bottom color, ingat warna yang bottom color karena akan kita letakkan di template kita nantinya.
  • Jika sudah, sekarang klik Get full size image, dan sobat simpan gambar yang sudah jadi di komputer.
  • Upload gambar tersebut ke hosting yang akan sobat gunakan, bisa menggunakan photobucket, google sites atau jika ingin yang lebih mudahnya sobat bisa membuat blog baru dengan blogspot, khusus untuk menyimpan gambar, seperti yang selama ini saya lakukan.
  • Sebagai contoh gambar yang sudah jadi bisa sobat lihat dibawah ini :

     

    gradasi 3 
  • Coba klik Kanan pada gambar diatas, lalu pilih properties. Perhatikan Image Properties, pada location ada url yang kemudian akan kita gunakan pada background blog nantinya.

     

    image

 

Langkah selanjutnya adalah proses mengganti background template-nya :

  • Login ke blogger dengan ID sobat
  • Klik tab Edit HTML
  • Cari kode seperti berikut (biasanya terletak di bagian atas) :
  • body { width:980px; background:#FFFFFF; font:12px verdana,arial,sans-serif; text-align:left; color:#000; margin:0 auto; padding:0 }
  • Kemudian ganti sehingga menjadi seperti berikut :
  • body { width:980px; background:#000000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/S0C5snca_2I/AAAAAAAACoo/9eZ3Rd5PIOE/gradasi%203_thumb%5B4%5D.jpg?imgmax=800) repeat-x; font:12px verdana,arial,sans-serif; text-align:left; color:#000; margin:0 auto; padding:0 }
  • Kemudian Simpan Template.

 

Eleman apa yang harus di tambahkan ?

#000000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/S0C5snca_2I/AAAAAAAACoo/9eZ3Rd5PIOE/gradasi%203_thumb%5B4%5D.jpg?imgmax=800) repeat-x;

 

Kode yang berwarna merah sobat ganti dengan url tempat sobat mengupload gambar gradasi-nya.

 

Mengapa saya mengganti warna putih (#FFFFFF) dengan warna hitam (#000000)? karena pada saat membuat gambar gradasi, saya menggunakan bottom color dengan warna hitam (#000000).

 

Baiklah, itu saja kira-kira tutorial blog kali ini, semoga berhasil mengganti background template dengan gambar gradasi-nya. Nerd 
, , , , , 07.37 No comments
Labels: , , , , ,

Blue Template

Setelah mengotak - atik template beberapa hari ini, akhirnya rampung juga template sederhana ala blog go blog. Template yang saya beri nama blue ini terlihat sangat simple namun memiliki warna yang cukup menarik, tidak terlalu terang dan juga tidak gelap. Template berukuran 980 px ini, mempunyai 3 kolom termasuk kolom postingan, 2 kolom di sebelah kanan, 3 kolom di bawah, wah jadi 5 dong..terserah deh tergantung sudut pandangnya. Buat sobat yang berminat memakai template ini, saya berikan buat sobat gratis.




~~ Spesifikasi template :
  1. Type : Blogger baru (XML).

  2. Type kolom : 3 kolom

  3. Default warna : Biru, Putih

  4. Lebar template : 980 px

  5. Sudah terdapat Read More, bagi yang belum mengetahui apa itu Read More, silahkan di baca dulu postingan saya tentang cara membuat read more.

~~ Syarat untuk menggunakan template ini :
  1. Dilarang menjual template ini untuk keperluan apapun.

  2. Tidak boleh merubah sebagian atau keseluruhan template.

  3. Tidak boleh menghapus kredit yang menuju ke blog saya yang terdapat di halaman footer .
Mudah - mudahan sobat bisa mengerti. Jika tertarik untuk menggunakan template ini, silahkan download template-nya di bawah ini :


Good luck..!!
, 10.59 No comments
Labels: ,

Mengganti Background Blog Dengan Gambar

Crystal Sebuah blog yang cantik dan enak dilihat tentu akan sangat membantu dalam meningkatkan traffic blog kita, karena saya sendiri lebih tertarik mengunjungi sebuah blog yang warnanya cerah dan enak dilihat, daripada blog yang warnanya gelap dan bentuknya tidak karuan alias acak kadut. Walaupun postingannya menarik tetapi membuat sakit mata, lebih baik saya pelototi blog saya selama berjam - jam.

Saya akan berbagi tips sedikit yang saya tahu tentang merubah warna background blog atau mengganti background dengan gambar yang sudah sobat upload ke tempat penyimpanan online, misalnya di Google Sites atau Photobucket.

Berikut langkah - langkahnya :
  • Login ke Blogger.
  • Klik Tata Letak --> Edit HTML.
  • Kemudian cari kode yang mirip seperti ini :

    body { background: #FFFFFF;
    margin:0; color:#000000;
    font:12px trebuchet ms;
    text-align: center }


    Atau jika bingung silahkan klik Ctrl + F kemudian ketikkan body {, biasanya letaknya diatas.

  • Untuk mengganti background dengan warna lain tinggal mengganti kode #FFFFFF dengan kode lain, untuk kode warna bisa dilihat disini. Contoh saya mengganti background dengan warna abu - abu, hasilnya akan menjadi seperti berikut :

    body { background: #D8D8D8;
    margin:0; color:#000000;
    font:12px trebuchet ms;
    text-align: justify }

  • Untuk mengganti background dengan image atau gambar, misalnya gambar yang sudah saya simpan di blogger, kode url-nya seperti ini :

    http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800
  • Sehingga hasilnya menjadi seperti berikut ini :

      body { background:#FFFFFF url(http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800) repeat-x;
      margin:0; color:#000000; font:12px trebuchet ms;
      text-align: justify}

    • Jika sudah selesai kemudian Simpan Template sobat.

    Untuk gambar yang continuous sobat tambahkan repeat-x setelah kode url gambar. Lebih jelasnya sobat bisa baca postingan saya tentang cara mengganti backgroud blog dengan gradient image disini.

     

    Selamat mencoba ! Thumbs-up
    , , , , 09.37 No comments
    Labels: , , , ,