Membuat Template Blog dengan WYSIWYG Web Builder 9

TULISKAN.com - Dalam membangun sebuah blog, biasanya kita pertama kali akan mengalihkan pandangan ke sektor antar muka atau tampilan blog tersebut, karena secara tidak langsung, pada hakikatnya tampilan sebuah situs adalah faktor yang pertama kali dinilai oleh para pengunjung, yang berarti akan menentukan mindset situs kita dipandangan mereka, itu adalah jawaban kenapa selain kita harus memproduksi konten-konten yang berkualitas, blog kita juga harus memiliki tampilan yang menarik dan nyaman.

Namun, dalam mendesain ataupun mengutak-atik sebuah template atau tampilan blog, biasanya identik dengan kode-kode atau coding bahasa pemrograman yang cukup rumit, seperti php, javascript, html, dan css, seperti yang dapat kita temui pada saat megedit template blog berplatform blogspot dan wordpress, atau pada saat coding dengan menggunakan software Notepad++.

Untuk membuat sebuah tampilan, kita perlu menselaraskan beberapa bait kode HTML dan CSS (blogger), namun setelah saya browsing dan mencari informasi tambahan di internet, ternyata membuat template blog tidaklah serumit yang kita bayangkan, tidak perlu memiliki keahlian khusus coding dan mengerti beberapa bahasa pemrograman, karena ada software yang dapat memfasilitasi kita dalam membuat template secara visual tanpa harus mengutak-atik kode bahasa pemrograman yang terkenal cukup rumit.

Software yang dapat kita gunakan untuk membuat template blog adalah Web Builder 9.0.4, software yang memiliki semboyan "What-You-See-Is-What-You-Get" ini memiliki fitur-fitur yang cukup lengkap dalam membantu para web designer dalam membuat template, sebenarnya masih banyak software-software template designer lainya, seperti arsiteer, adobe photoshop cs6, dan adobe photoshop cs5, namun tidak ada salahnya bukan untuk mencoba software web builder yang satu ini, siapa tahu cocok dengan ekspektasi kita.

Fitur WYSIWYG Web Builder 9

1. Desain Website secara visual (What-You-See-Is-What-You-Get)
2. Tanpa memerluka keahlian khusus coding HTML! hanya ambil dan taruh objek, anda sudah dapat membuat template
3. Output (Hasil Template) HTML4, HTML5, XHTML, CSS3, dan PHP
4. Youtube embed, HTML5 audio/video, Flash, dll
5. Slideshow feature, marquee (Text berjalan), rollover images, dll
6. Menu Navigasi (Navigation Bars), Vertical Menu, Horizotal Menu, dll
7. Template Support 100+

Screenshot 

Download

• WYSIWYG Web Builder 9.0.4 | 11 MB
• Password = www.tuliskan.com

Note: Crack WYSIWYG Web Builder 9 sudah saya sertakan dalam file download diatas.

Cara Install

1. Install Web Builder 9.0.4 sampai selesai
2. Non-aktifkan antivirus anda terlebih dahulu
3. Run as administrator pada crack
4. Ikuti langkah-langkah instalasinya
5. Enjoy!

Demikian informasi terbaru tentang Membuat Template Blog dengan WYSIWYG Web Builder 9, simak juga artikel menarik lainya seputar software tentang Download Patch 5.0 PES 2013 Terbaru Gratis, semoga bermanfaat, dan selamat mencoba.

Download Template Blogger Untuk Toko Online

TULISKAN.com - Bagi sebagian blogger, mungkin bisa dibilang template adalah faktor terpenting di dalam suatu blog, karena template yang pertama kali menentukan reputasi blog anda dimata para pengunjung, karena dengan template yang bagus dan dilengkapi dengan navigasi yang jelas, selain pengunjungnya akan makin nyaman untuk membaca konten-konten di blog kita, Google juga menyukai blog yang terstruktur dan memiliki navigasi lengkap.

Nah, di kalangan masyarakat indonesia kan lagi ngetrend-ngetrendnya nih yang namanya "berjubel online" atau 'toko online", maka dari itu, pada kesempatan kali ini saya akan membagikan beberapa showcase template-template freemium khusus untuk situs blogger toko online. Fitur-fitur dari template toko online buatan maskolis ini juga sangat lengkap sekali, ada fitur "add to cart" yang memungkinkan pembeli untuk membayar lewat paypal, atau rekening bank sebagai alternatifnya.

Template toko online yang akan saya bagikan kali ini tampilanya juga beragam, ada yang memiliki thumbnail slider di homepage, jadi produk-produk "hot seller" di toko online kita bisa tampil secara slide show, agar makin menarik perhatian pembeli dan juga lebih terkesan proffesional. Seperti yang saya paparkan tadi, templatenya sudah dilengkapi oleh add cart yang akan menunjukkan berapa total belanja yang sudah dilakukan oleh para pembeli

1. Johny Magstore

Live Demo & Download Template

2. Johny Blackstore

Live Demo & Download Template

3. Johny Sip Deh

Live Demo & Download Template

4. Johny Muantab

Live Demo & Download Template

5. Johny Ganteng with Cart 

Live Demo & Download Template

6. Johny Ganteng Store

Live Demo & Download Template

7. Johny Joss

Live Demo & Download Template

Demikian informasi terbaru tentang Download Template Blogger Untuk Toko Online, simak juga artikel menarik lainya seputar tutorial dan tips trik blog tentang Cara Memasang Widget User/Pengunjung Online di Blog, semoga bermanfaat, dan selamat mencoba.

Artikel Rekomendasi

• Download Template Magazine untuk Blog Berita News
• Download Template Blogger Responsive
• Download Template Blogger Minimalis
• Download Template Untuk Photo/Template Gallery

Download Template Magazine untuk Blog Berita News

Sejatinya, template adalah bagian terpenting dari sebuah situs atau blog, karena dengan template, tentunya ada berbagaimacam nilai plus yang akan mempengaruhi kredibilitas blog kita dimata pengunjung, semakin template tersebut memiliki navigasi dan tampilan yang baik, maka pastinya pengunjung akan semakin nyaman dan berminat untuk menjadi pengunjung setia blog anda.

Mengapa saya bilang template adalah bagian terpenting dari sebuah blog, karena pastinya setiap orang yang berkunjung ke blog kita akan melihat tampilannya terlebih dahulu, jadi selain pengunjung menentukan profesionalitas sebuah blog melalui koten-konten menarik dan uniknya, mereka biasanya juga menilai sebuah blog dari tampilanya.

Maka terapkanlah template yang sesuai dengan kebutuhan konten, apabila anda memiliki blog yang bertemakan portal berita, maka anda bisa menerapkan template bergaya magazine atau yang memiliki banyak elemen, sedangkan jika anda memiliki blog personal yang sederhana, maka saya sarankan agar anda cukup memilih template yang memiliki 2 kolom seperti blog saya ini, agar mengelolanya tidak ribet, hehe.

Bagi para orang yang suka mengedit template, kebanyakan dari mereka membuat template berita dengan antar muka yang menampilkan semua jenis berita, seperti misalnya headline, olahraga, finance, kesehatan, dan lain sebagainya, maka dari itulah para coders membuat template untuk berita dengan 3 atau 4 kolom.

Untuk itu, dibawah ini sudah saya sertakan beberapa template bergaya magazine yang 'biasanya' digunakan oleh blog-blog portal berita dan seperti premium. Kebanyakan template magazine dibawah ini memiliki 3 kolom dan sudah dilengkapi dengan slider di halaman awal (homepage).

1. News World Blogger Template

Demo | Download

2. Borneo Sporty Blogger Template

Demo | Download 

3. Media Online Blogger Template

Demo | Download

4. More Than News Blogger Template

Demo | Download

                                                 

5. Basnet Big News Blogger Template

Demo | Download

Demikian informasi terbaru tentang Download Template Magazine untuk Blog Berita News, simak juga artikel menarik lainya seputar tutorial dan tips trik blog tentang Cara Menampilkan Foto Profil di Hasil Pencarian Google, semoga bermanfaat, dan selamat mencoba.

Farhan Side - Template Blogger yang Stylish & Minimalis

Selamat pagi sahabat Blogger semua, bagaimana kabar anda hari ini? semoga baik-baik semua dan selalu dilimpahkan rahmat yang banyak oleh Tuhan YME, Aamiin. Pada pagi hari yang cerah ini, seperti biasanya, saya bangun tepat pukul 7 WIB, lalu saya bergegas membuka laptop untuk mengelarkan pekerjaan-pekerjaan dunia nyata (karena kebetulan saya sedang libur), dan tak lupa juga saya ingin membuatkan template bertema minimalis yang mana adalah hasil dari modifikasi template Johny See Book Sekali karya Maskolis.

Pada template ini saya mengusung tema warna oranye, karena 'terkesan' lebih ceria dan lebih elegan, hehe. Berbeda dengan template yang sudah saya buat sebelumnya (farhan simple), template Farhan Side kali ini lebih membawa perubahan ke arah minimalis dan sederhana, seperti halnya tulisan, saya banyak memakai font seperti Open Sans dan Century Gothic, agar aroma minimalisnya lebih menggelegar (lebaaay), hehe.

Dibagian penutup/closing postingan, saya merombak widget-widget lama dengan widget yang saya terapkan di blog ini, dan tak lupa juga untuk memberikan efek shadow seperti tutup kardus pada bagian bawa widget related post, agar terlihat lebih elegan. Lain halnya dibagian footer, saya tidak terlalu merombaknya, karena saya fikir modelnya sudah bagus dan matching dengan oranye, pasalnya warna hitam adalah warna 'netral' yang cocok untuk di mixing dengan warna apa saja.

Selain itu, saya juga merombak tampilan widget di sidebar agar lebih terlihat minimalis dan elegan, yakni dengan memberikan sedikit border berwarna oranye dibawah judul masing-masing widget, dan menghilangkan latar belakang widget yang tadinya berwarna keabu-abuan menjadi putih. Jika anda berminat untuk menggunakan template ini, langsung sajaaa.... Sundul Gaaan...!

Fitur Farhan Side Blogger Template

1. Menu navigasi Drop Down
2. Header Ads 468x60
3. Sidebar width : 250px (Ads Ready)
4. Footer 3 coloumn
5. Related Posts with Thumbnails
6. Berlangganan Via E-mail (feedburner)
7. Rainbow Share Button
8. Easy Loading
9. Breadcrumbs SEO Friendly
10. Navigasi Halaman / Page Number
11. 80%+ Seo Score on Chkme
12. SEO Friendly Tag h1, h2, h3

Demo & Download

DEMO | Download

Catatan: Jika ada yang ditanyakan, silahkan menghubungi saya di muhammad.farhan.mf@gmail.com.

Cara Instalasi/Pemasangan

1. Menu Navigasi / Navbar

<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Drop Menu 1</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Drop Menu 3</a>
<ul>
<li><a href='#'>Sub Drop Menu 3.1</a></li>
<li><a href='#'>Sub Drop Menu 3.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Drop Menu 2</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
</ul>

Keterangan:

• Ganti kode yang berwarna biru dengan URL tujuan
• Ganti kode yang berwarna merah dengan Judul dari URL tujuan 

2. Widget Berlangganan Via E-mail

<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/tuliskancom' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>TULISKAN.com</font>
<div class='ardi33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='tuliskancom'/>
<input name='title' type='hidden' value='tuliskancom'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/tuliskancom'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/tuliskancom?bg=9b9b9b&amp;fg=000000&amp;anim=0' style='border:0' width='88'/></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
  <!-- End Artikel Berlangganan -->

Keterangan:

• Ganti kode yang berwarna biru dengan Judul blog anda
• Ganti kode yang berwarna merah dengan ID Feedburner blog anda

3. Meta tag description dan keyword

<meta content='Your Blog Description' name='description'/>
<meta content='Your Blog Keywords' name='keywords'/>

Keterangan:

• Ganti kode yang berwarna merah dengan deskripsi blog anda
• Ganti kode yang berwarna biru dengan kata kunci blog anda

Demikian informasi terbaru tentang Farhan Side - Template Blogger yang Minimalis, baca juga artikel menarik lainya seputar blogger template tentang download Download Template Blogger Responsive, semoga bermanfaat, dan selamat mencoba.

Download Template Blogger Responsive

Seiring berkembangnya zaman dan pola fikir manusia, kini nampaknya teknologi sudah menjadi bagian dalam hidup kita, pasalnya dengan teknologi (khususnya telekomunikasi) kita bisa berkomunikasi denagn individu yang jaraknya amat jauh sekalipun, tentunya hal inilah yang melandaskan mengapa pelopor teknologi sangat berjasa bagi perubahan dunia bisa seperti sekarang ini.

Seperti yang kita lihat di kota-kota besar di Indonesia, mayoritas hampir setiap orang memiliki ponsel dan perangkatnya masing-masing, tak memandang siapapun dia, karena bagi mereka teknologi adalah segalanya. Kini, personal komputer yang dipelopori oleh Bill Gates nampaknya perlahan-lahan tergantikan oleh perangkat-perangkat portable yang lebih efektif dan praktis, mengingat aktivitas manusia yang semakin sibuk, jadi menyebabkan kurangnya waktu luang untuk memainkan PC-nya, dan dengan device portable mereka bahkan bisa berkativitas sambil memainkanya, karena bersifat "genggaman".

Untuk mengimbangi pertumbuhan berbagai macam bentuk dan tipe device, tentunya kita sebagai Blogger harus melakukan upaya atau langkah-langkah khusus agar blog kita tetap diminati oleh kalangan orang-orang yang senang beraktivitas dengan perangkat portable mereka, seperti iPad, Tablet, Windows Phone, dan lain sebagainya.

Langkah khusus yang akan saya rekomendasikan untuk mengantisipasi masalah diatas adalah dengan merubah template kita ke tampilan yang "Responsive". Fungsi dari tampilan "Responsive" adalah untuk menyesuaikan tata letak atau layout elemen-elemen di blog kita dengan ukuran device yang digunakan pengunjung, misalnya pengunjung mengakses blog kita menggunakan iPad, maka secara otomatis template dengan fitur "Responsive" ini akan menampilkan tampilan yang ukuran dan layout-nya kompatibel dengan gadget tersebut.

1. Responsive Blogger Template

Demo | Download

2. Sensational Blogger Template

Demo | Download

3. Johny Ribet 

Demo | Download

4. Johny Asal Responsive

Demo | Download

5. Johny Ajaib

Demo | Download

6. Johny Goreng

Demo | Download

 7. Easy News 

Demo | Download

8. News Magazine 

Demo | Download

9. Minimum Theme

Demo | Download

10. Daily Post 

Demo | Download

Demikian informasi tentang Download Template Blogger Responsive, baca juga artikel menarik lainya seputar blogger template tentang Download Template Blogger Minimalis, semoga bermanfaat, dan selamat mencoba. Jika anda mempunyai karya template blogger bersifat "Responsive", maka anda bisa memberitahukanya dengan cara berkomentar di bawah menyertakan link Demo dan Download-nya, agar nanti saya tampilkan pada gallery template responsive diatas.