Ngalor Ngidul: Template

Perubahan Fitur Edit HTML Template Blogspot

Rabu, April 10, 2013 Kelulut Klanceng 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJa0uNvWPsrIbd1Hw3NgudKjnOTweKzrEicNblvmkwjgmFOT2M1ICtRDAaLeAiGLRcjSpskh8m0fz4CMq-sa27vr_O57etSRbgTmA85zukkvRm8XeRHdf3yk8El6aiGXOOoXxCKDhb21U/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJa0uNvWPsrIbd1Hw3NgudKjnOTweKzrEicNblvmkwjgmFOT2M1ICtRDAaLeAiGLRcjSpskh8m0fz4CMq-sa27vr_O57etSRbgTmA85zukkvRm8XeRHdf3yk8El6aiGXOOoXxCKDhb21U/s1600/ss.JPG" width="320" /></a></div>
<div style="text-align: justify;">
Hari ini saat ingin melanjutkan pekerjaan rutin setiap hari agak kaget juga. Saat masuk ke menu Fitur Edit HTML Template Blogspot ternyata sudah berubah lagi. Dan yang membuat bingung awalnya adalah checkbox expand widget template sudah tidak ada lagi. Awalnya sempat bingung juga karena jika fitur itu juga dihilangkan oleh pihak google, maka secara otomatis kita akan semakin terbatas dalam hal mengolah template atau menjadikan tampilan blogspot seperti yang kita inginkan.<br />
<br />
Namun untungnya ternyata checkbox tersebut memang dihilangkan, tetapi kita tetap bisa mengedit template dengan fitur yang sama. Ternyata pihat pengembang blogspot menjadikannya hanya lebih sederhana dan juga bahkan menambahkan beberapa fitur untuk mempermudah kita dalam mengedit template. Nah.. Masalahnya adalah, saat pertama kita pasti akan sedikit bingung ketika dihadapkan dengan fitur-fitur baru karena belum begitu familliar.<br />
<br />
Berikut ini adalah sedikit keterangan yang mungkin berguna buat yang sedang kebingungan atas perubahan menu edit template yang dilakukan oleh pihak pengembang blogger..<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBru_w5RyDEJOqFGt9pA6vthuVTQmDlrzMOE7mUbf7FV7BIo-HpTleCPWymC9hyHCaW_OSv4xw0oeOEqC5CeDQkMY-erpD9F8-aBo-waHmVJUJeUOdE_VUehUFukfVF7B_rFTOtERK8Dw/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBru_w5RyDEJOqFGt9pA6vthuVTQmDlrzMOE7mUbf7FV7BIo-HpTleCPWymC9hyHCaW_OSv4xw0oeOEqC5CeDQkMY-erpD9F8-aBo-waHmVJUJeUOdE_VUehUFukfVF7B_rFTOtERK8Dw/s1600/ss.JPG" width="200" /></a></div>
1. Menu untuk save template yang biasanya ada di bawah dipindahkan keatas menjadi satu dengan tombol untuk kembali. Sesuai dengan namanya, saya rasa tidak ada yang perlu di jelaskan tentang menu ini.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7cHqx1Ghbwa9Mb5a7ey9MgJDKOR4rdb4V4ihdeBkfYUNxhkVIhKAyaXh60xallHNwOCvt7FrbcdrEf06aHMnQTqQzv63MS_LftAEhFrhpCLnEmVLaUFEkQEuY94S-WeZiaU8ooVSx2M/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7cHqx1Ghbwa9Mb5a7ey9MgJDKOR4rdb4V4ihdeBkfYUNxhkVIhKAyaXh60xallHNwOCvt7FrbcdrEf06aHMnQTqQzv63MS_LftAEhFrhpCLnEmVLaUFEkQEuY94S-WeZiaU8ooVSx2M/s1600/ss.JPG" width="200" /></a></div>
2. Jump widget. Nah, ini dia fitur yang tadi saya bilang dibuat untuk mempermudah kita untuk mengedit template. Fitur ini sangat berguna karena dengan menu ini kita bisa langsung memilih widget mana yang ingin kita edit. Menghemat waktu dari pada kita harus pelan-pelan scroll ke bawah dan mencari satu per satu.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdf8gKNTJzsT3gYnFts5g8RZRmYxPdhhxAFJv6B4Ofs39KfIr9j-KzhuNUxGdlpX2UjsmoYIJwZwsDQ-JlNGIrbHcsThBTEgTH1BAX1AISA2MgHP7AFROjfklNzSTZgBx7azf5RnrGDDY/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdf8gKNTJzsT3gYnFts5g8RZRmYxPdhhxAFJv6B4Ofs39KfIr9j-KzhuNUxGdlpX2UjsmoYIJwZwsDQ-JlNGIrbHcsThBTEgTH1BAX1AISA2MgHP7AFROjfklNzSTZgBx7azf5RnrGDDY/s1600/ss.JPG" width="200" /></a></div>
3. Tab Edit Template dan Preview. Tidak seperti sebelumnya, fitur ini dirubah menjadi tab. Fitur preview atau pratinjau hasil editan langsung bisa dilihat di halaman yang sama. Sehingga menjadi lebih simple. Namun sayangnya, dengan begitu kita tidak bisa melihat dengan sempurna hasil editan yang telah kita lakukan karena lebar area yang hanya maksimal sekitar 900 pixel.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9D-ful-klRqcOLboL2IyhaafDYyXNOpLTWu33qiL6_ZetRzq1F8YA5LAysMsMi7fNhiUfedUMZUK2LrvHABxxtu72Yy8dPVvroYkrVxzALOiEkc6aURjXx8JjIv581J8n-xWKl4Tp7yE/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9D-ful-klRqcOLboL2IyhaafDYyXNOpLTWu33qiL6_ZetRzq1F8YA5LAysMsMi7fNhiUfedUMZUK2LrvHABxxtu72Yy8dPVvroYkrVxzALOiEkc6aURjXx8JjIv581J8n-xWKl4Tp7yE/s1600/ss.JPG" width="200" /></a></div>
4. Format template dan revert changes. Fitur ini berfungsi untuk membuang atau mengembalikan template sebelum kita melakukan perubahan terhadap template yang ingin kita edit.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsWE6Ph8lK3sFbxrkW5PUdbvb7FZyE1HFrTD9-1jR_Mwzjc6WlDjFyGfbzWRv6_-S8MiiQgFzlQ3PFwjY7EmGZOqZymnFjWGsRmtzdSEwfJCZ6s-TVjfvJbyrXzWsK1kKbqBU2p-b-G8/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsWE6Ph8lK3sFbxrkW5PUdbvb7FZyE1HFrTD9-1jR_Mwzjc6WlDjFyGfbzWRv6_-S8MiiQgFzlQ3PFwjY7EmGZOqZymnFjWGsRmtzdSEwfJCZ6s-TVjfvJbyrXzWsK1kKbqBU2p-b-G8/s1600/ss.JPG" width="200" /></a></div>
5. Revert widget template to default. Jika kita mengklik menu ini, maka template akan dikembalikan  benar-benar ke seperti template bawaan blogger. Hati-hati dengan yang menggunakan template custom. Karena pasti template anda akan rusak berat. xixixiii...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBdJ5XE2TWO7ltEI2Ss6ccqks6Rx4jeiWf0KY1l5CxbGv_eEi6ow5Mp9Oe6zKK-ChB9PE9t2VHqQcR2UpNEbGVtVYSUS3wS65KcayNa3j-fiImjdNVcKb7h-U7KZT5ZfbJsJXJqREPzio/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBdJ5XE2TWO7ltEI2Ss6ccqks6Rx4jeiWf0KY1l5CxbGv_eEi6ow5Mp9Oe6zKK-ChB9PE9t2VHqQcR2UpNEbGVtVYSUS3wS65KcayNa3j-fiImjdNVcKb7h-U7KZT5ZfbJsJXJqREPzio/s200/ss.JPG" width="200" /></a></div>
6. Penambahan nomor baris dan penyederhanaan expand widget. Fitur baru ini tentu saja sangat berguna dan sangat membantu dalam melakukan edit html. Karena jika ada pemberitahuan error, maka kita akan langsung tahu di baris keberapa kita melakukan kesalahan dalam proses pengeditan.<br />
<br />
Nah, coba perhatikan titik segitiga yang ada di samping nomor pada gambar di atas. Buat anda yang kebetulan tidak menemukan check box expand widget template, sekarang fitur itu sudah di hilangkan dan diganti dengan titik segitiga tersebut. Karena untuk tutorial-tutorial lama, sangat banyak yang mengharuskan kita untuk melakukan ini.<br />
<br />
Melalui postingan ini, admin juga mengucapkan terima kasih untuk tim pengembang blogger yang senantiasa akan melakukan yang terbaik dan menyuguhkan kemudahan-kemudahan dalam belajar.<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">Semoga Bermanfaat..!!</span></div>
</div>
</div>

Blogging Template Perubahan Fitur Edit HTML Template Blogspot

Hari ini saat ingin melanjutkan pekerjaan rutin setiap hari agak kaget juga. Saat masuk ke menu Fitur Edit HTML Template Blogspot ternya...

Baca selengkapnya »

Template offline Generator - Artisteer 4 Full Free

Jumat, Maret 01, 2013 Kelulut Klanceng 6

<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ0wwUQ7qyq9DQzAJLfWztISWYTWnA6PKVat_5sjeaBt921mOX7SrsdiUzYHm-LqlsfYY6ljRzUXeQrJKxhzmGgu7LP0oKKFHfKbHbW0wjqcJk8Cwdtu5m_vN0noNjiLkvDyd1RQpXp2M/s1600/5913cf2b4bb006f3c30964bc0070fe14.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Template offline Generator - Artisteer 4 Full Free" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ0wwUQ7qyq9DQzAJLfWztISWYTWnA6PKVat_5sjeaBt921mOX7SrsdiUzYHm-LqlsfYY6ljRzUXeQrJKxhzmGgu7LP0oKKFHfKbHbW0wjqcJk8Cwdtu5m_vN0noNjiLkvDyd1RQpXp2M/s320/5913cf2b4bb006f3c30964bc0070fe14.jpeg" title="Template offline Generator - Artisteer 4 Full Free" /></a><br />
<div style="text-align: justify;">
Setiap blogger yang benar-benar serius menjalani profesinya sebagai blogger pasti sangat memperhatikan tampilan dari blog atau website yang dia kelola. Permasalahannya adalah jika tidak menguasai bahasa html, CSS dan lain sebagainya, mungkin akan sangat sulit untuk mendapatkan template sesuai keinginan. Bahkan tidak sedikit juga yang mau membayar jasa pembuatan template atau membeli template secara premium.<br />
<br />
<br />
Pada postingan sebelumnya yaitu <a href="http://realfa84.blogspot.com/2012/01/tempat-tempat-untuk-membuat-template.html"><i>Tempat-tempat untuk membuat template blog - Template Generator Online</i></a>, banyak yang bertanya apakah ada software yang bisa digunakan untuk membuat template secara offline. Oleh karena itu di postingan kali ini saya coba share aja buat yang belum tahu tentang software generator template secara offline. Nama software yang paling sering dan gampang digunakan adalah Artisteer. Untuk saat ini, versi terbaru dari Artister 4.1.<br />
<br />
Dengan Artisteer 4.1 ini anda bisa membuat template dengan berbagai flatform meskipun tidak begitu menguasai bahasa  pemograman HMTL dan CSS. Software generator template offline ini bukan hanya bisa digunakan untuk flatform blogspot, akan tetapi juga bisa digunakan untuk website, wordpress, drupal, joomla dsb. Hebatnya lagi, software ini sudah menyediakan ratusan template yang siap pakai. Kita juga bisa mengedit sendiri design template yang ada cukup dengan klik sana dan klik sini.<br />
<br />
Hasil dari template anda bisa disimpan dalam berbagai format dan bisa juga diupload langsung keserver blog atau website anda. Sayangnya tentu saja software ini tidak gratis alias berbayar. Untuk mendapatkan versi fullnya kita harus rela membayar sebesar $129 atau hampir setara dengan Rp. 1.250.000,- untuk yang standard edition. Jika ingin sekedar coba-coba anda bisa mengunjungi situs resminya di <i>www.artisteer.com</i>.<br />
<br />
Namun buat yang ingin gratisan tentu saja admin tidak ingin mengecewakan para pecinta Gratisan. Dibawah ini, admin juga sudah menyediakan sofware versi sebelumnya yaitu Artisteer.4.0.0.58475. Untuk installernya anda bisa download <a href="http://files4.artisteer.com/Artisteer.4.0.0.58475.exe" title="Artisteer.4.0.0.58475"><i>disini</i></a>. Sementara Cracknya bisa didownload <i><a href="http://hostingbulk.com/pa5a9b84zj8l.html" rel="nofollow" target="_blank">disini</a></i> atau <i><a href="http://www.4shared.com/get/iB_S7Nkm/Artisteer40058475_Crack.html" rel="nofollow" target="_blank">disana</a></i>. Password zip untuk cracknya : ngalor ngidul<br />
<br />
<br />
Perlu diketahui juga bahwa <b><i><a href="http://realfa84.blogspot.com/2013/03/template-offline-generator-artisteer-4.html">Template offline Generator - Artisteer 4 Full Free</a></i></b>. ini fiturnya sangat terbatas. Selain Template Generator offline, ada juga situs-situs untuk membuat template secara online. Anda bisa membaca dan mengunjungi dan mengetahui situs-situsnya di postingan <b><i>Tempat-tempat untuk membuat template blog - Template Generator Online</i></b><br />
<br />
Buat anda yang mengalami kesulitan untuk mendapatkan template sesuai harapan anda, anda bisa menggunakan jasa kami untuk merealisasikan template impian anda.<br />
Anda bisa menghubungi kami melalui menu <a href="http://realfa84.blogspot.com/2011/01/jasa-design-blogger-template.html" target="_blank">JASA DAN LAYANAN KAMI</a> yang ada di menu atas blog ini.<br />
</div>
</div>

designe Generator Template Template offline Generator - Artisteer 4 Full Free

Setiap blogger yang benar-benar serius menjalani profesinya sebagai blogger pasti sangat memperhatikan tampilan dari blog atau website ya...

Baca selengkapnya »

Cara Posting Black Computer Store - Blogger Template

Rabu, April 25, 2012 Kelulut Klanceng 19

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcVM2mTzmwL1bZQN8K6KAlFhtD3cWfTBGAkwEkA-p9Rh9WeckgIulL-wcGIhMGnyXD5_1M4gBxz5kw31_aQOxw78gURmW5Xrqgv24w4UASj07gQSC3XHwfEQiBkOsB0iEvumqRvH8SdY/s1600/BCS+post.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Posting Black Computer Store - Blogger Template" class="slimage" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcVM2mTzmwL1bZQN8K6KAlFhtD3cWfTBGAkwEkA-p9Rh9WeckgIulL-wcGIhMGnyXD5_1M4gBxz5kw31_aQOxw78gURmW5Xrqgv24w4UASj07gQSC3XHwfEQiBkOsB0iEvumqRvH8SdY/s400/BCS+post.png" width="281" />                         </a><br />
<div style="text-align: justify;">Menanggapi pertanyaan tentang pertanyaan salah satu sahabat yaitu <b><i>Wartabeta</i></b> di kolom komentar postingan <b><a href="http://realfa84.blogspot.com/2012/02/black-computer-store-blogger-template.html" target="_blank"><i>Black Computer Store Blogger Template</i></a></b> maka postingan ini dibuat khusus untuk memudahkan anda jika ingin menggunakan template tersebut.<br />
<br />
Sebenarnya cara postingnya sama saja dengan blogger store v2. Akan tetapi jika ingin menggunakan fitur image transisi tambahan, maka memang agak sedikit rumit. Tapi dengan mengikuti petunjuk dibawah ini, mudah-mudahan semua akan sama dengan yang ada di <a href="http://black-computer-store.blogspot.com/"><b><i>DEMO.</i></b></a><br />
<br />
1. Pertama yang harus diperhatikan disini adalah pada demo tersebut admin menggunakan iklan dari amazone store sebagai media iklan. iklan tersebut di set dengan ukuran gambar 200 x 200px. Bagian tersebut admin anggap sebagai ads-post area. Untuk pemasangannya adalah sebagai berikut.<br />
<br />
Masuk kemenu posting baru (new post) dan <u><i>gunakan mode posting edit HTML</i></u>, kemudian copy kode dibawah ini setelah kode;<br />
<b><i><div dir="ltr" style="text-align: left;" trbidi="on"></i></b><br />
 untuk tempat pemasangan iklan.<br />
<br />
<div id="CSS-area1"><div id="CSS-area"><div id="ads-post"><br />
<span style="color: red;">Amazone Kindle FireFull <br /></span><br />
<span style="color: red;">Color 7" Multi-touch Display, Wi-Fi<br /></span><br />
<span style="color: red;"><a href="http://www.amazon.com/gp/product/B0051VVOB2/ref=as_li_tf_il?ie=UTF8&amp;tag=infogameonlin-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B0051VVOB2"><img border="0" src="http://ws.assoc-amazon.com/widgets/q?_encoding=UTF8&amp;Format=_SL160_&amp;ASIN=B0051VVOB2&amp;MarketPlace=US&amp;ID=AsinImage&amp;WS=1&amp;tag=infogameonlin-20&amp;ServiceVersion=20070822" /></a><img alt="" border="0" height="1" src="http://www.assoc-amazon.com/e/ir?t=infogameonlin-20&amp;l=as2&amp;o=1&amp;a=B0051VVOB2" style="border: none !important; margin: 0px !important;" width="1" /></span><br />
</div></div></div><br />
**** Ganti kode warna merah tersebut dengan kode iklan anda sendiri.<br />
Jika anda ingin menggunakan iklan yang secara otomatis muncul di setiap postingan, anda juga bisa menanamkan atau memasangnya kedalam template langsung; yaitu dengan cara masuk kemenu;<br />
<b><span style="color: blue;">Design</span></b> = > <b><span style="color: blue;">Edit Html</span></b> = > <i>Centang expand widget template</i>.<br />
Kemudian cari tag <b><span style="color: blue;"><data:post.body/></span></b> (agar lebih mudah gunakan fitur pencarian cepat dengan menekan CTRL + F) kemudian letakkan kode iklan anda <i><u>sebelum kode</u></i> <b><span style="color: blue;"></b:if></span></b> diatasnya (<span style="color: blue;"><data:post.body/></span>). Dengan demikian untuk setiap posting-posting selanjutnya, anda hanya perlu langsung mengikuti langkah no. 2.<br />
<br />
2. Untuk memasukkan gambar utama yaitu gambar yang akan tampil dihalaman homepage dan category post dan item price, masuk ke posting kemudian copas kode berikut.<br />
<br />
<div id="CSS-area1"><div id="CSS-area"><div id="item_image"><br />
<img border="0" class="item_thumb" src=" <b><span style="color: red;">/image-extra-1.jpg</span></b>" /><span class="item_price"><b><span style="color: #38761d;">$00.00</span></b></span></div></div></div><br />
**** Ganti kode warna <b><span style="color: red;">merah</span></b> dengan URL gambar yang ingin ditampilkan. Dan warna <b><span style="color: #38761d;">hijau</span></b> dengan harga produk.<br />
<br />
3. Menambahkan Fitur Image Transisi kedalam postingan.<br />
<div id="CSS-area1"><div id="CSS-area"><div id="slider-post"><br />
<div id="tabs"><br />
<div class="feature" id="tabs-1"><br />
<div class="slwrap"><br />
<img alt="<span style="color: lime;">Omnis dolor repellendus</span>" class="bigimg" height="243" src="<b><span style="color: red;">/image-extra-1</span></b>" width="398" />                 </div><br />
</div><br />
<div class="feature" id="tabs-2"><br />
<div class="slwrap"><br />
<img alt="<span style="color: lime;">Omnis dolor repellendus</span>" class="bigimg" height="243" src=" <b><span style="color: blue;">/image-extra-2</span></b>" width="398" />                 </div><br />
</div><br />
<div class="feature" id="tabs-3"><br />
<div class="slwrap"><br />
<img alt="<span style="color: lime;">Omnis dolor repellendus</span>" class="bigimg" height="243" src=" <span style="color: magenta;"><b>/image-extra-3</b></span>" width="398" />                 </div><br />
</div><br />
<ul id="tabby"><br />
<li class="item1"><a href="#tabs-1"><br />
<img alt="<span style="color: lime;">Omnis dolor repellendus</span>" height="75" src=" <span style="color: red;"><b>/image-extra-1</b></span>" width="134" />                         </a><br />
</li><br />
<li class="item2"> <a href="#tabs-2"><br />
<img alt="<span style="color: lime;">Omnis dolor repellendus</span>" class="slimage" height="75" src="<b> <span style="color: blue;">/image-extra-2</span></b>" width="134" /><br />
</a><br />
</li><br />
<li class="item3"><br />
<a href="#tabs-3"><br />
<img alt="<span style="color: lime;">Omnis dolor repellendus</span>" class="slimage" height="75" src="<b><span style="color: magenta;"> /image-extra-3</span></b>" width="134" />                         </a><br />
</li><br />
</ul><br />
</div><br />
</div></div></div>**** Silakan ganti img alt (<span style="color: lime;"><b>warna hijau</b></span>) dengan keyword postingan anda.<br />
**** Ganti kode warna<b><span style="color: red;"> merah</span></b> dengan URL gambar 1<br />
**** Ganti kode warna <b><span style="color: blue;">biru</span></b> dengan URL gambar 2<br />
**** Ganti kode warna <span style="color: magenta;"><b>pink</b></span> dengan URL gambar 3<br />
<br />
4. Item description atau deskripsi produk<br />
<div id="CSS-area1"><div id="CSS-area"><div class="item_Description"><br />
<span style="color: red;">Lorem Ipsum Dolor Sit Amet. Vestibulum eu pellentesque ante. Sed tincidunt quam eu nisl luctus id mattis tellus rhoncus.</span><br />
<span style="color: red;"><br />
</span><br />
<span style="color: red;">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec dapibus eros vitae nibh venenatis faucibus.</span><br />
</div></div></div><br />
**** Ganti deskripsi yang warna merah dengan deskripsi produk anda. Setelah itu baru di posting.<br />
<br />
<b>Tambahan.</b><br />
1. Untuk fitur slider baru akan berfungsi dengan baik jika blog anda sudah memiliki minimal 10 postingan.<br />
2. Anda bisa menggunakan fitur load posting otomatis dengan cara menyimpan cara tersebut diatas di menu SETTING = > FORMATING = > Post Template dari Dashboard anda.<br />
<br />
<div style="text-align: center;">Selamat mencoba.</div></div></div>

Template Tips n Trik Cara Posting Black Computer Store - Blogger Template

Menanggapi pertanyaan tentang pertanyaan salah satu sahabat yaitu Wartabeta di kolom komentar postingan Black Com...

Baca selengkapnya »

Black Computer Store Blogger Template

Rabu, Februari 08, 2012 Kelulut Klanceng 8

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Setelah sebelumnya share template <b><i><a href="http://realfa84.blogspot.com/2012/02/elegant-white-pigeon-template.html">White ads pigeon blogger Template</a></i></b>, maka dipostingan kali ini admin ngalor ngidul kembali ingin share template gratis. Nama templatenya <strong>Black Computer Store Blogger Template</strong>. Sesuai namanya template ini khusus buat pecinta template berwarna gelap karena template ini warnanya hitam pekat.<br />
<br />
<strong>Black Computer Store Blogger Template</strong> ini bukan murni hasil design dari admin ngalor ngidul. Admin ngalor ngidul hanya melakukan sedikit edit saja. Aslinya template ini adalah blogger store V2 hasil design dari Rifki Aria Gumelar, author dari www.javatemplates.com.<br />
<br />
Berikut ini adalah tampilan dari  <strong>Black Computer Store Blogger Template</strong>.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqND0o4PKiVMwB8LNXPZTOXpZ-UlP-l5_ct9soW6Mz1_-1FWvkrNQigakl6_yQwglA0l_GqJOYjlD9t0URG11SAbjpwkHfYNXfbpCw1bdlskGKb_jiI3Afu8IpD8XqjUvJDkNZ6f6keM/s1600/black+computer+store.png" imageanchor="1" style="margin-left: auto; margin-right: auto;" title="Black Computer Store Blogger Template"><img alt="Black Computer Store Blogger Template" background="#fff" border="0" height="640" padding="8px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqND0o4PKiVMwB8LNXPZTOXpZ-UlP-l5_ct9soW6Mz1_-1FWvkrNQigakl6_yQwglA0l_GqJOYjlD9t0URG11SAbjpwkHfYNXfbpCw1bdlskGKb_jiI3Afu8IpD8XqjUvJDkNZ6f6keM/s640/black+computer+store.png" width="425" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Home page style</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcVM2mTzmwL1bZQN8K6KAlFhtD3cWfTBGAkwEkA-p9Rh9WeckgIulL-wcGIhMGnyXD5_1M4gBxz5kw31_aQOxw78gURmW5Xrqgv24w4UASj07gQSC3XHwfEQiBkOsB0iEvumqRvH8SdY/s1600/BCS+post.png" imageanchor="1" style="margin-left: auto; margin-right: auto;" title="Black Computer Store Blogger Template"><img alt="Black Computer Store Blogger Template" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcVM2mTzmwL1bZQN8K6KAlFhtD3cWfTBGAkwEkA-p9Rh9WeckgIulL-wcGIhMGnyXD5_1M4gBxz5kw31_aQOxw78gURmW5Xrqgv24w4UASj07gQSC3XHwfEQiBkOsB0iEvumqRvH8SdY/s400/BCS+post.png" width="425" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Main Post Style</td></tr>
</tbody></table>
Fitur dari <strong>Black Computer Store Blogger Template</strong> ini sendiri tidak jauh beda dengan blogger store V2. Bahkan bisa dibilang sama. Admin hanya mengedit sedikit dan juga menambahkan share button dan Java script extra agar bisa dipasang image transisi dibagian posting.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika belum tau seperti apa fitur yang admin tambahkan anda bisa langsung lihat sendiri di blog demonya. Untuk saat ini, template tersebut hanya bisa didownload melalui <b><a href="http://www.thedoctortemplate.blogspot.com/">the doctor template</a></b>.</div>
<br />
<div id="CSS-area1">
<div style="display: inline; float: left; text-align: center; width: 100%;">
<div style="float: left; text-align: center; width: 45%;">
<a href="http://black-computer-store.blogspot.com/">Live Demo</a></div>
<div style="float: right; text-align: center; width: 45%;">
<a href="http://www.thedoctortemplate.blogspot.com/2012/02/black-computer-store-blogger-template.html">Download</a></div>
</div>
</div>
<br />
<div style="text-align: justify;">
Jika ada kesulitan, silakan langsung ke tutorial asli dari template ini di <a href="http://www.javatemplates.com/">www.javatemplates.com</a>. </div>
<div style="text-align: justify;">
Atau Hubungi kami melalui menu <b>kontak</b> untuk penambahan fitur dan mengkustomisasi lebih lanjut. <br />
<br />
<b>Perhatian:</b><br />
Mohon jika anda menggunakan template ini untuk tidak meremove link yang ada difooter. Hargailah sedikit karya dan usaha kami. Jika ingin template yang memang hanya milik anda, anda bisa anda bisa membuat template dengan design anda sendiri. Atau dengan menggunakan jasa kami (^_^).</div>
<br /></div>

Blogging designe Jasa Kami Template Black Computer Store Blogger Template

Setelah sebelumnya share template White ads pigeon blogger Template , maka dipostingan kali ini admin ngalor ngidul kembali ingin share te...

Baca selengkapnya »

Elegant White Pigeon Template

Sabtu, Februari 04, 2012 Kelulut Klanceng 3

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Pada postingan kali ini admin ngalor ngidul coba untuk share hasil coba-coba design template blogspot/blogger. Admin memberi nama template ini <strong>Template Elegant White Pigeon</strong>. Template blogger ini bisa dibilang simple. Cara penggunaannya sangat gampang.<br />
Berikut ini adalah spesifikasi dari Elegant White Pigeon Blogger Template.<br />
<br />
<div id="CSS-area1">
<div id="CSS-area">
1. 3 kolom di halaman utama.<br />
2. 2 kolom di halaman posting.<br />
3. 2 kolom sidebar kanan.<br />
4. 2 kolom khusus iklan diatas postingan ukuran 250 x 250<br />
5. 1 kolom khusus untuk iklan link ukuran 640 x 15<br />
6. 3 kolom footer.<br />
7. Loading yang sangat cepat karena tidak banyak menggunakan gambar.<br />
8. SEO friendly.<br />
9. System Custom navigasi utama.<br />
10. Di lengkapi dengan Share Button, Sharing sexy, dan Subcriber dll.</div>
</div>
<br />
Di bawah ini adalah screen shoot dari template yang saya maksud.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5x5vYhB1BOjhujBRvy8rsLlk56vjsx5E2i-muYQnEhe4GIE6ykk7l2mD1OjTMEAdRHmn7lWHFG0TQfNLy2QFXHPmZkzxuYnvooP_NrvTz_RfBJhTzgBNf80ZP_a9YIP5peFozeuArvT4/s1600/el.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5x5vYhB1BOjhujBRvy8rsLlk56vjsx5E2i-muYQnEhe4GIE6ykk7l2mD1OjTMEAdRHmn7lWHFG0TQfNLy2QFXHPmZkzxuYnvooP_NrvTz_RfBJhTzgBNf80ZP_a9YIP5peFozeuArvT4/s1600/el.PNG" width="398" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small;"><b>Home Style</b></span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGAabu6K_M1SkneZvHbzlRkDkAqM3Rhn-bc9Zht5gKsDJhyyYFRmEzNp15IEemhGnlOKicApHTwkMi_w17tu8wd5MTIilpuP2me-hFa6Jq9-Kj-zMFGjCS4eaNWin3PlTEUfsqtvN7fo/s1600/elpos2.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGAabu6K_M1SkneZvHbzlRkDkAqM3Rhn-bc9Zht5gKsDJhyyYFRmEzNp15IEemhGnlOKicApHTwkMi_w17tu8wd5MTIilpuP2me-hFa6Jq9-Kj-zMFGjCS4eaNWin3PlTEUfsqtvN7fo/s1600/elpos2.PNG" width="398" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b><span style="font-size: small;">Posting Style</span></b></td></tr>
</tbody></table>
<br />
Buat yang ingin menggunakan template ini bisa didownload secara gratis. Untuk mendapatkan template ini, sementara ini baru hanya dapat didownload dari thedoctortemplate.com. Jika mengalami sedikit kesulitan dengan pemakaiannya silakan tinggalkan komentar dibawah atau hubungi kami dengan menggunakan menu kontak jika ingin redesign atau custom ulang template ini.<br />
<br />
<div id="CSS-area1">
<div style="display: inline; float: left; text-align: center; width: 100%;">
<div style="float: left; text-align: center; width: 45%;">
<a href="http://elegant-white-pigeon.blogspot.com/">Live Demo</a></div>
<div style="float: right; text-align: center; width: 45%;">
<a href="http://www.thedoctortemplate.blogspot.com/2011/12/elegant-white-pigeon-blogger-template.html">Download</a></div>
</div>
</div>
</div>
</div>
<br />
<b>Perhatian:</b><br />
Mohon jika anda menggunakan template ini untuk tidak meremove link yang ada difooter. Hargailah sedikit karya dan usaha kami. Jika ingin template yang memang hanya milik anda, anda bisa anda bisa membuat template dengan design anda sendiri. Atau dengan menggunakan jasa kami (^_^). Silakan Hubungi kami melalui menu <b>kontak</b> untuk penambahan fitur dan mengkustomisasi lebih lanjut. </div>

designe Jasa Kami Template Elegant White Pigeon Template

Pada postingan kali ini admin ngalor ngidul coba untuk share hasil coba-coba design template blogspot/blogger. Admin memberi nama templat...

Baca selengkapnya »