Belajar Desain

Kamis, 03 November 2011

Interactive Blend Tool

Fungsi;

untuk memadukan 2 object yang menghasilkan sebuah deret dari object dengan bentuk dan ukuran yang diambil dari object satu ke object yang lain.

Letak;

Menu Bar --> Effects --> Blend atau

Toolbox --> Interactive Blend Tool

Fungsi;
Memotong object, object yang diatas sebagai pemotong object yang dibawah, object pemotong otomatis terhapus.

Letak;
Menu Bar --> Arrange --> Shaping --> Back Minus Front atau
Property Bar --> klik pada icon Back Minus Front

Art Strokes Efek Spesial pada Object Bitmap

efek Art Strokes adalah efek spesial pada object bitmap yang berupa efek teknik coretan tangan. Untuk mempermudah sampeyan dalam melihat perubahan yang terjadi pada efek Art Strokes langkahnya sebagai berikut;

pada menu Bar --> pilih Bitmaps --> Art Strokes --> selanjutnya pilihannya seperti gambar menu dibawah ini;

Misal kita membuat object seperti dibawah ini dengan menggunakan efek Extrude kemudian Convert To bitmap;

Adapun efek-efek Art Strokes yang dihasilkan;

Rabu, 02 November 2011

Membuat Related Post atau Artikel Terkait di Sidebar

Untuk membuat artikel terkait atau related posts syarat utamanya adalah postingan Sampeyan harus mempunyai label, karena penampilan otomatis artikel yang berkaitan didasarkan pada label yang sama.

Langkah Cara Membuat Related Post di Sidebar, silahkan ikuti langkah-langkah berikut :

Login ke Blogger.
Pilih Rancangan.
Pilih Edit HTML
Beri tanda centang pada Expand Template Widget.

Letakkan kode berikut diatas </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Cari kode berikut

<b:if cond='data:post.labels'>
  <data:postLabelsLabel/>
  <b:loop values='data:post.labels' var='label'>
  <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  </b:loop>
  </b:if>

Ganti dengan kode berikut

<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Simpan template

Keterangan:

Pada yang berwarna biru max-result menunjukkan maksimal artikel terkait yang akan ditampilkan per label. Jadi bisa ditampilkan hanya 5, atau bisa juga hingga 15 jika setiap lebel postingan Sampeyan lebih dari 15.

Penempatan Gadget
Sekarang beralihlah ke bagian Rancangan --> Elemen Halaman. Pilih gadget akan ditambahkan. Klik Tambah Gadget. Pilih HTML/JavaScript.

Lalu masukkan kode berikut ini di gadget Sampeyan.

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Begitulah Tutorial Artikel Terkait atau Related Posts di Sidebar. Ini akan membantu meningkatkan page view blog Sampeyan. Semoga bermanfaat.

Cara Menampilkan Kode HTML pada Posting Blog

Dalam memposting kode HTML cara paling mudah untuk menampilkan kode HTML pada posting blog pada mode Edit HTML yaitu dengan cara melakukan Parse pada kode HTML yang akan dimasukan dalam postingan. Ada beberapa cara untuk melakukan Parse seperti menggunakan sopwer Dreamweaver, WordPad bahkan Noteped juga bisa, tapi dalam pembahasan ini untuk melakukan Parse yang kita lakukan yaitu melalui situs penyedia layanan Parse/ Convert Kode HTML gratis dan cara-caranya hampir sama.

Berikut adalah 2 dari beberapa situs yang menurutku bagus :

1. http://www.centricle.com

Masuk ke situsnya, copy paste kode HTML dan masukkan pada form yang tersedia, lalu klik “ENCODE”, selanjutnya copy paste kode HTML yang telah diparse ke dalam postingan, selesai.

2. http://www.accessify.com

Masuk ke situsnya, copy paste kode HTML dan masukkan pada form yang tersedia, lalu klik “Convert to Escape Characters” dan copy paste kode HTML yang telah diparse ke dalam postingan, selesai.

Cantoh Code yang akan di parse, misalkan:

<iframe align="left" frameborder="0" height="450" scrolling="no" src="http://www.centricle.com/tools/html-entities/" width="450"></iframe>

Hasilnya setelah diparse, ini yang di posting pada mode Edit HTML :

&lt;iframe align=&quot;left&quot; frameborder=&quot;0&quot; height=&quot;450&quot; scrolling=&quot;no&quot; src=&quot;http://www.centricle.com/tools/html-entities/&quot; width=&quot;450&quot;&gt;&lt;/iframe&gt;

Mode Edit HTML pada Menu Bar Blogger

kalau ini buatanku sendiri;

Posting Code HTML dengan Tag "pre"

Dalam memposting kode HTML kalau sampeyan menggunakan tag <pre> ditutup </pre> biasanya secara otomatis jenis font/teks yang akan tampil pada postingan adalah Courier, kelebihan dari tag ini adalah dapat mempertahankan teks HTML yang sampeyan ketik satu baris panjang tanpa ganti baris.

Cara membuat sebagai berikut :

Pastikan sampeyan posting pada mode Edit HTML..! (untuk posting code HTML kode yang akan diposting harus di parse kalau kita bekerja pada mode Edit HTML untuk caranya klik disini !)
Penulisan code pre pada posting sebagai berikut,

<pre> tulis disini teks atau kode HTML yang akan diposting, </pre>

Hasilnya sebagai berikut :

tulis disini teks atau kode HTML yang akan diposting

Kalau ingin sedikit variasi sampeyan bisa buat kode CSS-nya, dan pasang kode ini diatas

]]></b:skin>

misalkan :

pre {
margin : 25px;
padding : 19px;
clear : both;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgntnsdQAuRmfdl2YKIkUJs1ZOPfRP2zpv8lkuCXifvzoOjZGB1WlNd6DbuHiXmKYPdRGc_pro_W5RQYv90Btsbpu1usTbVYtxN7G69Erg2VcPkC8Yd8PQvZ2n3zpnjI-OaklUigwxCj1Q/s800/pre_code3.gif) repeat-y;
width : 85%;
}

Penulisan code perintah pada posting sebagai berikut,

<pre> tulis disini teks atau kode HTML yang akan diposting </pre>

Hasilnya sebagai berikut :

Semoga bermanfaat

Cara Membuat Blog di Blogger

Blog adalah kepanjangan dari 'Weblog', merupakan salah satu aplikasi web berupa tulisan artikel dan gambar yang disebut 'Posting' yang tidak ubahnya seperti website. Syarat utama yang harus dipenuhi untuk membuat blog di blogger adalah sampeyan harus mempunyai alamat email dalam hal ini adalah gmail yang aktif. Jika sampeyan belum mempunyai silahkan daftar dahulu di gmail.

Hanya tiga langkah untuk membuat blog di blogger caranya sebagai berikut;

Silahkan kunjungi situs http://www.blogger.com/ selanjutnya login dengan gmail yang sampeyan punya atau klik mulai pada 'Buat Blog. Gratis"

Langkah 1 Mendaftar untuk blogging

Daftar dengan gmail sampeyan setelah selesai klik 'LANJUTKAN'

Langkah 2 Beri nama blog sampeyan

Isi judul blog dan alamat blog (URL) sesuai dengan yang sampeyan inginkan kemudian isikan Verifikasi kata dan klik 'LANJUTKAN'

Langkah 3 Pilih template awal

Silakahkan pilih template yang sampeyan sukai (nanti bisa diubah) kemudian klik 'LANJUTKAN'

Blog sampeyan sudah jadi, kemudian klik mulai blogging

Setelah masuk post editor blog silahkan isi apa saja, ini wajib karena kalau tidak langsung posting akan terjaring robot anti spam milik blogger dan blog sampeyan akan di lock.

Untuk tahap awal blog sampeyan sudah jadi, selamat mencoba.