puluthriau

Membuat Email To Me

puluth@rocketmail.com (puluth®) — Sun, 1 May 2011 19:58:00 +0700

Membuat email to me / link yang mengarahkan untuk mengirim email ke alamat email yang tertuju, sekaligus mempermudah seseorang untuk mengirimkan kita email. Lalu bagaimana cara membuat email to me? Caranya cukup mudah, perhatikan langkah langkah berikut ini. Email to me ini bisa kita letakkan pada blog / website kita untuk mempermudah pengunjung ketika ingin mengirimkan pendapat, kritik dan saran kepada kita.

Umumnya, link email to me hampir sama seperti link biasa, yang terdiri dari <a href=""></a>, tapi tentunya akan ada sedikit perubahan pada alamat linknya.

Untuk Penggunaan kode standar.

<a href="mailto:puluthriau@email.com">Email To Me</a>

Ini, kode biasa link email to me.

Untuk penggunaan subjek.

<a href="mailto:puluthriau@email.com?subject=I Love puluthriau">Email To Me</a>

Ini, akan membuat subject email secara otomatis.

Bahkan kita bisa menambahkan beberapa kata didalam bagian body email tersebut .

<a href="mailto:puluthriau@email.com?body=Send Me Your Money Now. . .!">Email To Me</a>

Ini, akan membuat tulisan pada bagian isi email.

Apa kita bisa menggabungkan kode kode tersebut?

Jika kita ingin menggabungkannya, Maka akan seperti ini

<a href="mailto:puluthriau@email.com?subject=I Love puluthriau&body=Send Me Your Money Now. . .!">Email To Me</a>

Ket.
Ganti yang berwarna merah dengan alamat Email Kalian.
Ganti yang berwarna biru dengan kata-kata yang kalian inginkan.

Selamat Mencoba. Terima Kasih.

Templates Blogger? How to make it?

puluth@rocketmail.com (puluth®) — Sat, 30 Apr 2011 12:59:00 +0700

Belum Lengkap rasanya, kalau saya belum pernah menjelaskan cara membuat template blog secara gratis.

Hal ini, mungkin sudah ada yang membahas, tapi akan saya coba muat ulang, dalam bahasa saya, dan mudah mudahan dapat dimengerti, menurut saya kita tidak perlu terlalu serius dalam membuat template, hal yang perlu kita lakukan adalah bersikap tenang, seperti air mengalir.

Tapi Sudah saya rencanakan, jika tidak ada halangan yang berarti, tulisan tentang membuat template akan saya publish dalam waktu dekat.

Jika kita perhatikan dengan seksama, tamplate ini masih banyak kekurangannya, terlebih jika kita menggunakan browser model lama.

Sebenarnya Saya bisa saja memaksimalkan penampilan blog ini untuk semua browser, bermodalkan artikel artikel menarik yang banyak tersebar disana sini, tapi saya tidak ingin memperlakukan browser lama dengan perlakuan istimewa :D.

Jadi saya sangat harapkan, jika ada yang masih menggunakan browser lama, segeralah di perbaharui.

Ingat. . . !! saya tidak memaksa, saya hanya menyarankan. anda tentunya boleh menggunakan browser pilihan anda, karena saya tahu selera setiap manusia itu berbeda beda.

Kesimpulannya, Template ini sudah sangat saya usahakan, untuk tampil bagus, dimata kita semua.

Saya harap anda semua menikmatinya, sama seperti saya.

Untuk masalah tutorial membuat template, "Comming Soon" :D

Bikin Efek Gradient di blog

puluth@rocketmail.com (puluth®) — Fri, 29 Apr 2011 09:01:00 +0700

Gradient? apakah gradient itu? saya tidak bisa menjelasknannya, lebih baik jika kita lihat contoh dibawah saja. Jika tidak kelihatan, ada kemungkinana browser anda tidak mendukung,oleh karena itu, tidak ada yang bisa saya lakukan.

Nah, Pernah Berfikir memakai efek gradient pada blog? tapi harus pakai gambar? itu dulu, sekarang tidak. Sekarang kita bisa menggunakan efek gradient pada blog dengan mudah, walaupun beberapa browser mungkin ada yang tidak mendukung code tersebut. . .

Ok, Mari kita mulai ya?

Caranya hampir sama seperti cara membuat lengkungan pada blog,

tapi sekarang kita akan membuat efek gradient

Yang kita perlukan hanya code code berikut

background:-moz-radial-gradient(150px 150px 0deg, circle closest-side, #ff0000 0%, orange 50%, yellow 100%);
background:-webkit-gradient(radial, 150 150, 100, 150 150, 40, from(yellow), to(red), color-stop(.4,orange));

contoh:

puluthriau - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

Mau????

Cara pemasangan pada css? biasanya para blogger akan menerapkan gradient untuk background blognya,

cara penempatan codenya sebagai berikut

body{
color:#AAA;
background: -moz-linear-gradient(top, #FF0000, #FFF000);
background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FFF000));
font:normal 0.6em/1.8em Verdana,sans-serif;
min-width:980px;
}

Mudah-mudahan berguna.

Selamat Mencoba

Link Exchange

puluth@rocketmail.com (puluth®) — Fri, 29 Apr 2011 04:37:00 +0700

Bagi saudara-saudara sekalian yang berniat untuk bertukar link dengan puluthriau, silahkan copas (Copy-Paste) code berikut ini kedalam situs / blog kalian. Jika sudah, silahkan dikonfirmasikan dengan berkomentar(Hanya sebagai Konfirmasi) di blog ini. Jika ingin lebih yakin silahkan kirimkan saya email, melalui Email To Me.Agar bisa secepatnya saya pasang disini.

<a href="http://puluthriau.blogspot.com" title="Learn More About Tips, Trick, and Tutorial in here . . ." target="_blank">puluthriau</a>

Dengan bertukaran link, kita bisa saling bantu meningkatkan peringkat blog kita. Dan sekaligus mempererat hubungan kita sebagai sesama blogger.

Ketentuan :

Blog puluthriau hanya akan menerima tukaran link, bukan banner. Jika ada yang menggunakan Banner maka akan saya ganti menjadi link saja.
Daftar Link Exchange Akan berada pada Homepage puluthriau dibagian footer blog ini. Dengan Judul "PARTNER".
Blog Kalian Tidak Berisi dengan Kontent yang berbau sara,pornografi / yang sejenis dengan hal-hal buruk.

Waspada.

Jika ingin menentukan anchor link (nama dari linknya), silahkan tentukan sendiri.

Contoh:

Halo, Mari kita tukaran link, blog saya http://contohblog.blogspot.com anchor textnya "contoh anchortext".

Jika tidak ditentukan, maka anchor link adalah nama anda pada komentar.

Catatan.
Saya secara rutin melakukan pengecekan link atau banner saya terpasang di blog kalian atau belum, Jadi jangan menghapus link atau banner puluthriau. Jika Link Anda Belum terpasang disini, Harap ditunggu beberapa hari, (Mungkin Saya Sedang Sibuk)
Jagalah nama baik anda di dunia maya dan jadilah blogger sejati....

Terima Kasih. Salam Hangat Dari puluthriau

Inspirasi Menulis Blog

puluth@rocketmail.com (puluth®) — Thu, 28 Apr 2011 08:29:00 +0700

Akhirnya, saya memiliki beberapa tips, trick dan tutorial untuk kita bisa saling berbagi di blog ini. Saya beberap hari ini terkena salah satu penyakit blogger, yaitu kehilangan ide / Inspirasi menulis. Walaupun hanya beberapa hari tapi sangat mengganjal dihati.Tak bisa dipungkiri, hal itu pasti akan menghampiri kita / kami yang masih pemula, apalagi blognya hanya terdiri dari seorang author, pasti pernah mengalami, kehilangan inspirasi menulis, bingung tentang apa lagi yang akan dibahas blog sederhana ini.

Banyak cara untuk mendapatkan insprirasi menulis, yang mana tidak akan dibahas disini.

Salah satu cara yang paling ampuh menurut saya adalah blog / template kita sendiri, bagi blog-blog yang bertemakan tips, trick dan tutorial pasti akan sangat membantu, lalu bagaimana dengan yang tidak bertemakan seperti itu? Tenang saja, tidak perlu malu untuk agak sedikit menyimpang dari tema biasanya, anggap saja sebagai selingan.

Lalu bagaimana Caranya? Tentu kita bingung, apa yang perlu kita bahas berdasarkan template / blog kita?

Kata orang kami "Hal kecil akan menjadi besar jika diperlakukan dengan benar."

contohnya seperti penjelasan saya tentang membuka link otomatis pada tab baru, awalnya itu hanya sekedar kehendak pribadi, untuk lebih mempersingkat waktu, code yang diperlukan pun hanya beberapa kata. Namun jika maksimalkan maka hal kecil tersebut bisa menjadi solusi mendapatkan inspirasi dalam menulis.

Sekalian berbagi tentang rahasia kecil blog kita. Tapi mungkin ada yang berfikirkan untuk tidak membagikan rahasia rahasia kecil kita kepada pengunjung / para sahabat blogger dengan berbagai alasan, jika tidak ingin membagi yang bersifat rahasia, maka berbagilah yang sederhana saja,
seperti,Ketika blog kita tidak muncul navbarnya, pasti ada beberapa orang yang belum tahu caranya, maka tuliskanlah artikel tentang tips, trick tersebut, berdasarkan template blog kita.

Itu contoh kecil, kadang hal hal kecil bisa terlewatkan oleh kita.

Kurang lebih mohon maaf, Selamat Mencoba. .

Membuka Link Pada Tab Baru, Otomatis

puluth@rocketmail.com (puluth®) — Wed, 27 Apr 2011 08:28:00 +0700

membuka link pada tab baru bisa kita lakukan dengan menambahkan code "target" pada link yang ingin kita rubah, tapi itu akan memakan waktu yang tidak sedikit jika kita kita harus memasang code tersebut pada semua link di blog kita. tapi tenang kali ini kita akan belajar pasti kita pernah berfikir, "apa ada cara otomatis agar semua link di blog kita bisa terbuka pada tab baru", karena jika kita lakukan secara manual, maka akan sangat memakan waktu, dan sangat melelahkan. lalu apakah ada yang lebih sederhana?

Tentu, kita hanya perlu menambahkan sedikit kode pada template kita, sejauh ini, sudah saya coba pada blog ini, dan hampir semua link akan membuka pada tab baru secara otomatis. sejauh ini, masih ada beberapa link yang tidak berpengaruh terhadap code tersebut, seperti label blogumulus dan pada archive blog ini. jadi sekitar 90% semua link akan terbuka pada tab baru.

Ingin tahu caranya? Buka editor template kita, tidak perlu menceklis "expand widget"

Cari code berikut ini

<head>

lalu letakkan code ajaib ini, tepat dibawahnya.

<base target="_blank"/>

contoh peletakkannya akan seperti ini,

<head>
<base target="_blank"/>

sejauh ini, saya baru mencoba dengan menggunakan "target blank" , jika ada yang tertarik ingin mencoba yang lain, bisa mengganti tulisan _blank dengan beberapa variasi target link berikut ini,

diambil dari w3school

_blank
_self
_top
_parent
frame_name

Tidak banyak yang bisa saya jelaskan, karena saya tidak terlalu mengetahuinya. Jika penasaran, silahkan dicoba sendiri.

Selamat Mencoba.

Tampilan baru Blogger In Draft

puluth@rocketmail.com (puluth®) — Wed, 27 Apr 2011 00:40:00 +0700

Baru baru ini, saya agak dibuat terkejut dengan tampilan baru Blogger in Draft. Awalnya sedikit pusing, tapi akan saya pelajari lebih jauh nantinya, tampilannya cukup menarik, kecuali pada bagian depannya yang berisi "Blogs I'm following" ,disana akan ditampilkan semua content blog yang kita ikuti, jika dulu hanya berada dibawah, maka sekarang agak lebih menonjol seperti pada postingan pada blog / website umumnya.

Jika kita perhatikan pada bagian sidebarnya / menu utamanya, semua sepertinya lebih diminimalisir, hanya terdapat 2 tombol / tab di masing masing blog kita. Seperti New Post dan Dashboard.

Nah, Jika Kita ingin mengubah sesuatu pada blog kita, jangan panik, kita cukup mengklik tombol Dashboard pada blog yang kita ingin rubah maka akan muncul menu menu baru lagi. Tidak Banyak yang bisa saya sebutkan disini,:( kurang lebih fungsinya masih sama hanya berganti kulit, yang mana dimaksudkan untuk mempermudah kita sebagai blogger sejati. :D

Ada Hal, Menarik, Coba Kalian Zoom membesar atau menjauh, coba diperhatikan baik baik . . .

Berikut beberapa contoh gambar blogger in draft

Klik Gambar Untuk Memperbesar

Menghilangkan Garis bawah pada link

puluth@rocketmail.com (puluth®) — Tue, 26 Apr 2011 09:45:00 +0700

Menghilangkan Garis bawah pada link sangat mudah, bahkan kita bisa mengkreasikan link dengan membuat efek pelangi, tapi sekarang kita akan belajar menghilangkan garis bawah pada link blog kita dulu, biasanya garis bawah seperti itu akan muncul jika kita menggunakan template dari blogger.

Lalu Jika ingin menghilangkannya cukup cari kode seperti ini,

a:link {
text-decoration:none;
color: #F00;
}


a:visited {
text-decoration:none;
color: #FFF;
}


a:hover {
text-decoration:underline;
}

atau, jika tidak ketemu, maka cari saja yang seperti itu, "a" disini berarti css untuk link di blog kita.

Nah, setelah itu ganti kode "underline" dengan "none" maka link kita tidak akan ada efek garis bawah lagi.

Jika ingin sedikit variasi, tulisan underline bisa kita ganti dengan "blink", jika saya tidak salah efek blink hanya bisa dilihat dengan browser firefox,

Selamat Mencoba. . . .

solusi larangan klik kanan

puluth@rocketmail.com (puluth®) — Mon, 25 Apr 2011 08:51:00 +0700

Cara Mencopy Tulisan Yang di protect

tidak ada yang mustahil di dunia ini, bahkan untuk sekelas tulisan yang diprotect tidak bisa klik kanan / sejenisnya. Sebenarnya itu sangat berguna untuk melindungi kontent blog kita dari tangan-tangan nakal yang bisa saja mencuri isi dari blog kita, tanpa bilang bilang!

Solusinya kita bisa menggunakan cara dissable klik kanan, bahkan ada yang tidak bisa kita block tulisannya :(
Itu sangat berguna untuk blog blog yang memang tidak ingin hasil jerih payahnya dicuri begitu saja, tapi jika blog tutorial yang memberkan tips, trick, rasanya kurang cocok untuk menggunakannya.

Tapi, tenang saja, kita bisa menggunakan browser kita untuk melewati semua rintangan tersebut.

Setiap browser mungkin akan berbeda beda letak dan posisinya, Jadi cari intinya saja.

Langkah langkahnya:

Jika menggunakan chrome

Klik Logo / gambar tang yang berada sudut kanan browser » pilihan » nah, nanti akan muncul laman settingan chrome kita, pilih menu "Dibalik

Terpal" , pada bagian privasi, pilih setelan kontent, nanti akan muncul dialog box lagi, pilih pada bagian javascript lalu centang pada

"Jangan izinkan situs apa pun menjalankan JavaScript" Lalu tutup laman pengaturan chrome tersebut.

Jika menggunakan mozilla firefox

Klik Tools » Options » setelah muncul kotak dialog nya, pilih pada tab content, nah, hilangkan centang pada bagian "Enable Javascript"

Untuk browser lain, dicoba sendiri saja, intinya kita akan mendissable penggunaan javascript, jadi semua jenis javascript akan tidak

dihiraukan oleh browser kita, jadi akan mempermudah untuk mengcopy isi situs, tapi dalam hal yang wajar saja. .

selamat mencoba

Mengubah Link Judul artikel

puluth@rocketmail.com (puluth®) — Sun, 24 Apr 2011 08:13:00 +0700

Tips, trick kali ini, kita akan bermain santai saja, mengubah title menjadi link jika berada didalam postingan, bingung? Maksudnya, mungkin ada yang pernah mengalami, jika kita buka satu artikel kita, contohnya artikel ni. tentunya judul artikel ini berupa link, sehingga kita diarahkan kepada isi artikelnya, tapi kemudian ketika berada dalam isi artikel tersebut, judulnya tidak menjadi link lagi, hanya berupa tulisan (Mudahan bisa dipahami.)

Intinya, judulnya hanya berupa link ketika berada pada homepage, archive / lain sebagainya, tapi ketika kita masuk kedalam artikel tersebut, judulnya berubah menjadi tulisan biasa, Nah, jika ingin merubah judulnya menjadi link juga ketika di dalam artikelnya, caranya cukup mudah.

In your home page, your post titles appear as links. In your post pages, they appear as a text.

Pertama, kita cari kode berikut ini,

Dashboard » Design » Edit HML » backup » Klik kotak "Expand Template" cari code seperti ini,

    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

Jika sudah ketemu, pokoknya cari yang menyerupai, lalu hapus dan gantikan dengan code yang ini.

    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          </b:if>
        </b:if>
      </h3>
    </b:if>

Selesai, simpan templatenya.

Sekarang, judul artikel kita akan tetap berupa link jika berada dalam halaman artikelnya. .

Selamat Mencoba.

mencari teman blogger

puluth@rocketmail.com (puluth®) — Sun, 24 Apr 2011 01:37:00 +0700

Mencari teman blogger itu tidak susah, sering sering berkunjung ke blog lawan, beri komentar dan sedikit basa basi sudah lumayan untuk mendapatkan teman di blogger raya. tapi jika ada yang ingin mencari teman yang lebih spesifik, seperti satu kampung? lihat dan perhatikan yang dibawah ini. . . . .

kurang lengkap rasanya, jika kita tidak mengetahui siapa saja yang berdomisili sama dengan kita, banyak keuntungan yang akan kita dapat jika kita memiliki teman satu daerah.

Tips, trick berikut ini jika dicari di google mungkin sudah banyak? tapi kita akan refresh kembali,

Ok, mari kita coba,
untuk mencari teman blogger satu negara
http://www.blogger.com/profile-find.g?t=l&loc0=ID

untuk mencari teman blogger satu provinsi
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=riau

untuk mencari teman satu kampung / kota / daerah :D
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=riau&loc2=tembilahan

Silahkan di coba masing-masing , jika ada kota / provinsi yang memiliki 2 kata tinggal ditambahkan ( + ) tanpa tanda kurung.

Selamat Mencoba . . .

Membuat Copyright Otomatis

puluth@rocketmail.com (puluth®) — Sat, 23 Apr 2011 19:42:00 +0700

Ingin Membuat tulisan copyright? Disini Tempatnya. Ingin membuatnya secara Otomatis? Disini juga Tempatnya, copyright otomatis disini maksudnya, dia (baca:copyright) akan terus mengupdate waktunya menyesuaikan dengan waktu sekarang. Bingung Dengan Penjelasan diatas? Begini maksudnya, apa anda pernah melihat tulisan copyright seperti ini?

Copyright © 2011 puluthriau

Bisa dilihat diatas, adalah contoh sederhana tulisan copyright, lalu ada juga yang seperti ini

Copyright © 2002 - puluthriau

Pernah Melihatnya? pasti pernah. Disini Berarti web / blog itu sudah ada dari tahun 2002 sampai dengan sekarang (CMIIW)

Apa ada yang tertarik ingin memasangnya juga? silahkan saja. Tapi apa tahunnya harus kita rubah terus setiap pergantian tahun? Tentu tidak jika kita anda baca tulisan ini sampai selesai.

Dengan begitu, kita tidak perlu lagi khawatir untuk merubah tahunnya lagi, karena ini Membuat copyright otomatis.

Gunakan code sederhana ini. . .

<script language="JavaScript">
    today=new Date();
    y0=today.getFullYear();
</script>

<center>Copyright © 2002 <script language="JavaScript">
 document.write(y0);
</script> <a target=_blank href="http://puluthriau.blogspot.com">- puluthriau</a></center>

Ganti nama blog dan urlnya

Cara memasangnya? Bisa Dimana Saja, bisa menggunakan add gadget / langsung diletakkan pada templatenya. Letakkan sesuai keinginan kalian.

Selamat Mencoba . . Jika Kurang jelas, silahkan bertannya

Menghapus Font pada PC

puluth@rocketmail.com (puluth®) — Fri, 22 Apr 2011 19:02:00 +0700

Cara Menghapus Font pada PCmemangnya sesulit itukah, sampai harus dituliskan cara menghapus font pada computer? Dibilang susah, tidak juga, mungkin hanya sedikit membingungkan, karena rata rata font pada pc ada yang tidak mudah untuk dihapus.

Kenapa harus menghapus font pada komputer? Mungkin ini ada termasuk dalam kamus meningkatkan kecepatan kerja pc kita, karena jika kita terlalu banyak memasang / mrnginstal font pada komputer, maka otomatis akan mempengaruhi kinerjanya.

Disarankan jika ingin menginstal font jangan melebihi dari 1000 buah, selain tidak sangat wajar, komputer juga akan jadi lambat.

Siip . .

Pertama,
buka folder fonts pada pc kita, cari font yang ingin kita hapus

Kedua,
Klik Kanan pada Font yang ingin kita hapus, lalu pilih delete

Ketiga,
Jika Gagal, pastikan agar kita tidak membuka aplikasi yang menggunakan file font tersebut, contohnya : aplikasi, Microsoft, phtoshop, corel dll, pokoke aplikasi yang bisa gonta ganti fontnya.

Atau, jika masih tidak berhail, coba direstart saja computernya, kemungkinan komputer sudah sangat kelelahan, jadi perlu isi ulang . . .:D

Selesai, Selamat Mencoba . .

Semoga Membantu

Jika ada yang berminat mendownload font-font keren, bisa kita cari di google, :D

Blogger Undefined Date

puluth@rocketmail.com (puluth®) — Thu, 21 Apr 2011 19:02:00 +0700

Sebelumnya, saya pernah mendengar ada masalah pada format tanggal blogger yang menjadi Undefined, pertama saya kira itu karena masih belum menggunakan blogger beta, tapi
baru saja saya mengalami pada proyek template puluth 2011 :D. jika menurut saya, itu mungkin karena kita menggunakan javascript untuk mengatur format tanggal pada blog. Alasan menggunakan javascript, mungkin sebagai alternatif memunculkan format tanggal blog yang lebih singkat contoh : 30 april , format tersebut tidak disediakan oleh blogger.

Dengan menggunakan javascript itu, kita bisa menampilkan format tanggal yang berbeda / singkat, dan kita juga bisa menampilkan tanggal pada Setiap postingan, walaupun kita mempublish pada hari yang sama (coming soon)

Ok, kembali ketopiknya.bagaimana jika yang muncul adalah Undefined ? caranya cukup mudah, kita hanya perlu mengatur kembali format tanggal blog kita, caranya :

Masuk ke account blogger kita, lalu ke Pengaturan » format » ubah yang ada disana sesuai gambar berikut.

Selesai, masalah terselesaikan. JIKA masih gagal, coba saja diganti format tanggal yang lain :D
Kenapa bisa muncul Undefined?

menurut penelitian saya :P, jelas ada ketidak cocokan, antara atasan dan bawahan :D, yang mana atasan dan yang mana bawahan? (i don't know ).atasan bicara indonesia, bawahannya pakai bahasa palnet. jadi prinsipnya, atasan dan bawahan harus kita samakan dulu, agar mendapatkan hasil yang bagus.

Selamat Mencoba. Terima Kasih.

Menginstal Font Pada PC

puluth@rocketmail.com (puluth®) — Wed, 20 Apr 2011 19:17:00 +0700

Cara Menginstal Font Pada PC
Bingung cara Menginstal font-font keren yang bertebaran di internet? Sedikit tips, dan tutorial singkat, yang mana mungkin ada yang membutuhkannya.

Pertama, Cari dulu font-font yang kita inginkan, setelah kita dapatkan, ikuti petunjuk cara mendownload dari situs font tersebut,

Nah, jika berhasil maka font yang kita download tadi, akan berada di pc kita

Kedua, Cari font yang telah kita download tadi, biasanya jenisnya adalah berupa file zip.
Disini, kita tinggal mengunzip, atau diextract file font tadi.

Jika Berhasil, cari file yang berjenis font atau bingun klik saja satu satu, biasanya filenya berjenis .ttf Jika sudah ketemu, copy file tersebut.

Lalu buka folder font, start » klik kanan » Explore » cari my computer » Local Disk (C:) » WINDOWS » FONTS

Jika sudah ketemu, pastekan file yang kita copy tadi didalam folder Fonts, Fontnya akan otomatis terinstal pada PC :D

Selesai, Font kita siap dipakai, mungkin butuh beberpara menit.

Eit, tapi ingat. biasanya karena font-font yang bertebaran di internet sangat banyak, kita jangan langsung main instal instal ke komputer kita, karena jika font kita kebanyakan akan mempengaruhi, kinerja komputer. Jika sudah bosan maka dihapus saja fontnya.

Selamat Mencoba.

Optimalkan kecepatan PC

puluth@rocketmail.com (puluth®) — Tue, 19 Apr 2011 18:43:00 +0700

Banyak cara untuk mengoptimalkan pc / mempercepat cara kerja / kecepatan komputer kita, kali ini, kita belajar satu tips, trick mengoptimalkan kecepatan pc. Tutorial kali in cukup sederhana dan tidak terlalu membuat pusing, berbeda dengan tutorial lainnya

Langsung saja . . .

Pertama,
Kita beralih pada desktop kita. lalu klik kanan pada MY COMPUTER, pilih properties, nah nanti akan muncul kotak jendela System Properties , perhatikan pada menu menu yang diatasnya, pilith tab ADVANCED, setelah dipilih klik seting yang pertama / paling atas dikotak PERFORMANCE.

huuf. . .
Setelah diklik muncul lagi kotak jendela Performance Option, nah, disini kita disediakan 4 pilihan. pilih salah satu dari keempat pilihan tadi,

Pilihannya :

O) Let Windows choose what;s best for my computer
O) Adjust for best appearance
O) Adjust for best performance
O) Custom

Tidak usah bingung apalagi pusing, karena kita disini berniat untuk mengoptimalkan kecepatan PC maka kita pilih yang nomor tiga / yang ketiga / Adjust for best performance. Klik apply jika masih ragu.

ini akan membuat tampilan pc kita sederhana dan tentunya akan mempercepat kinerja pc kita :D

selesai. . Selamat Mencoba

cara memposting code

puluth@rocketmail.com (puluth®) — Mon, 18 Apr 2011 18:43:00 +0700

cara memposting code pasti para sahabat blogger sudah mengetahui cara memposting code, tapi mungkin ada yang belum tahu, nah, saya mengincar yang belum tahu itu. . . ada banyak sekali cara agar kita bisa memposting code-code pada artikel kita, disini akan saya coba jelaskan cara cara tersebut

pertama,

dengan cara biasa, ini cara standarnya :D , jika kita ingin memposting code pada artikel kita maka yang harus kita lakukan adalah

kedua,

dengan menggunakan cara encode / decode, biasanya ini menggunakan tools online untuk bisa melakukannya, atau jika kita sudah hafal tinggal kita tuliskan saja pada post editor kita.

contohnya cara kedua ini sebagai berikut :

< = <
> = >
& = &
spasi =  

cara ini lumayan sulit jika hanya mengandalkan daya ingat, lebih baik gunakan tools parsenya contohnya tools ini HTML Entity encode/decode

ketiga,

dangan menggunkan tag code <pre> dan </pre>

cukup simple, contoh :

<pre>

Letakkan <strong>code</strong> yang kita inginkan disini

</pre>

Hasilnya

<html>
<Head>
</head>
<body>
Hallo Dunia
</body>
</html>

keempat,

dengan menggunakan textarea, klik disini untuk mengenal lebih banyak variasi
contoh :

<textarea>

Letakkan <strong>code</strong> yang kita inginkan disini

</textarea>

Hasilnya

<html> <Head> </head> <body>Hallo Dunia </body></html>

kelima,

gunakan SYNTAX HIGHLIGHTER

Sejauh ini, saya baru tahu ini saja, jika ada yang keberatan silahkan marah marah :D

Selamat Mencoba

ADD A CUSTOM FAVICON

puluth@rocketmail.com (puluth®) — Mon, 18 Apr 2011 00:00:00 +0700

ADD A CUSTOM FAVICON

Tutorial kali ini, kita akan membahas bagaimana caranya mengganti favicon default blogger yang selalu muncul pada blogger / blogspot blog.Biasanya, favicon berukuran sekitar 16X16px dengan format .ico
Letak favicon itu sendiri, berada disamping / sebelum judul blog kita, mereka akan tampil pada setiap browser.

Jadi, kita akan merubah logo tersebut dengan logo kita sendiri.

ADD A CUSTOM FAVICON

1. Jika anda biasa berkutat dengan photoshop / aplikasi edit foto lainnya, tentu tidak ada masalah, jika ada yang tidak bisa, kita bisa gunakan mbah google untuk mendapatkan favicon, yang keren.

2. Sejauh ini, blogger tidak bisa / tidak memperbolehkan kita mengupload file sejenis .ico
Jadi, kita harus menggunakan jasa upload foto lainnya, atau kita juga bisa upload di google code.

Cara Memasangnya.

Klik Design » Edit HTML
Temukan code ini

<head>

Sisipkan code berikut ini tepat sebelum code <head>

<link href='URL ICON ANDA .ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Jadi akan tampak seperti ini.

<link href='URL ICON ANDA .ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<head>

untuk lebih, mendetail, letakkan sesudah code head, dan sebelum code CSS template blog kita dimulai , Seperti ini

<head>
.......
.......
.......
<link href='URL ICON ANDA .ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

<b:skin><![CDATA[/*--
Blogger Template Details

4. Ganti URL ICON ANDA dengan url gambar yang kita upload pada hosting image seperli langkah 2.

5. Simpan Template.

Jika, ada yang kesulitan dengan membuat gambar favicon, kita bisa bisa menggunakan, jasa pembuatan favicon online, cari saja di google :D

Tips, trick, and tutorial, kali ini, dijamin sukses, bahkan jika kita menggunakan mobile browser

Selesai, Selamat Mencoba

Widget For PC

puluth@rocketmail.com (puluth®) — Sun, 17 Apr 2011 16:16:00 +0700

Widget Seperti kalender, cuaca, dan lain lain, tidak hanya bisa kita pasang pada web / blog kita saja.
Widget tersebut bisa kita pasang pada komputer kita, bahkan tersedia banyak sekali widgetnya.

Takut, ada yang tidak seusai, maka saya arahkan saja, langsung ke yahoonya
Sebagai solusi, kita bisa menggunkan idget dari yahoo widget, kita cukup mengunjungi situs resminya disini

Lalu ikuti, apa saja yang diperintahkannya.

Selamat Mencoba, Terima Kasih.

Save Our Earth

puluth@rocketmail.com (puluth®) — Sat, 16 Apr 2011 15:28:00 +0700

Banyak Hal yang bisa kita lakukan untuk menyelamatkan bumi kita, sebagai blogger sehat, kita bisa menggunakan cara berikut untuk ikut berpartisipasi menyelamatkan bumi kita dari segala macam pemanasan global.

Kita bisa menggunakan screen saver hemat energy yang disediakan salah satu situs http://www.onlineleaf.com

Ketika situs / blog kita sedang tidak digubris beberapa menit, maka screen saver ini akan muncul, cara mengembalikan tampilannya cukup menggerakkan mouse kita pada screen saver tersebut.

Untuk Menggunakan screen saver onlineleaf, kita hanya perlu mengcopy code dibawah ini didalam code / sebelum code

<head>

Codenya :

<script language="javaScript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

Untuk Contoh, Bisa Klik Dibawah Ini

activating it here

http://puluthriau.blogspot.com

Kita juga diberikan sedikit kemudahan, contohnya secara default, tampilan tersebut akan menggunakan bahasa inggris contohnya ENERGY SAVING MODE move your mouse to go back to the page

Nah, karena kita orang Indonesia, yang berbahasa indonesia, kita bisa gunakan code lang=code

nah, code itu kita ganti dengan berikut ini

ak - Akan
da - Danish
de - German
en - English
es - Spanish
fr - French
fi - Filipino
gr - Greek
hr - Croatian
id - Indonesian
jp - Japanese
it - Italian
ma - Malay
my - Bahasa Melayu
nl - Dutch
pl - Polish
pt - Portuguese
bpt - Brazilian Portuguese
ro - Romanian
sl - Slovenian
se - Swedish
sk - Slovak
sw - Swahili
tr - Turkish
vi - Vietnamese

Jika ingin, menggunakannya, cukup seperti ini,

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=id"></script>

Selamat Mencoba, Terima Kasih.

Style a Blockquote

puluth@rocketmail.com (puluth®) — Fri, 15 Apr 2011 14:26:00 +0700

Apa kah blockquote itu?
Blockquote biasanya berisi kata kata kutipan dari sebuah sumber / yang lain lainnya, bahkan karena keunikan blockquotenya, ada yang menaruh code css,/ html atau code code lainnya pada blockquote.

Sebenarnya, untuk code ada lagi code cssnya, tapi kali ini, kita akan lebih fokus pada code css blockquote.

apa kalian pernah melihat, blockquote yang jika arahkan mouse ke blockquote tersebut lalu berubah warna / bahkan ada yang bisa membesar, itu semua berasal dari code CSS, jika kita paham akan code CSS tentu itu akan mudah, tapi kali ini, kita akan menggunkan code standarnya saja.

Mulia ciiin...

Efek warna dan Border

CSSnya :

blockquote{
margin: 1em 3em;
color: #999;
border-left: 2px solid #999;
padding-left: 1em; }

Contohnya :

puluthriau, the best pokoke
Be Smart with puluth
free tutorial
Come to my blog evry day yo

Efek Warna Background

CSSnya :

blockquote {
margin: 1em 3em;padding:2px;
background-color: #FFF; }
blockquote p{
margin: 0;
color:#000; }

Contohnya :

puluthriau, the best pokoke
Be Smart with puluth
free tutorial
Come to my blog evry day yo

Efek Warna Background dan Borders

CSSnya :

blockquote{
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px dotted #FFF;
background-color: #F00; }
blockquote p {
margin: 0;color:#000; }

Contohnya :

puluthriau, the best pokoke
Be Smart with puluth
free tutorial
Come to my blog evry day yo

Efek Gambar Background

CSSnya :

blockquote {
margin: 1em 20px;
padding-left: 50px;
background: transparent url(quote.gif) no-repeat; }

Contohnya :

puluthriau, the best pokoke
Be Smart with puluth
free tutorial
Come to my blog evry day yo

Sepertinya, cukup sekian Terima Kasih

Tutorial lebih lanjut akan hadir dilain waktu.

Selamat Mencoba

Hide Your IP

puluth@rocketmail.com (puluth®) — Thu, 14 Apr 2011 14:22:00 +0700

Ada dari kalian yang ingin membuka situs situs terlarang?

Sebaiknya jangan .

Tapi, jika memang ada yang memiliki keperluan, tapi situsnya terblokir. bisa gunakan tips, trick berikut ini

Lansung saja, kunjungi situs berikut ini,

kita tinggal memasukkan alamat url situs yang terblokir tadi,

lalu klik go / yang lainnya.

Berikut situsnya,..

Jangan digunakan untuk hal buruk .. Gunakan Dengan bijak

http://hidefap.com

http://www.newipnow.com/

Selamat Mencoba

Add Custom Favicon

puluth@rocketmail.com (puluth®) — Tue, 12 Apr 2011 14:13:00 +0700

Custom FAVICON

Tutorial kali ini, kita akan membahas bagaimana caranya mengganti favicon default blogger yang selalu muncul pada blogger / blogspot blog

Biasanya, favicon berukuran sekitar 16X16px dengan format .ico
Letak favicon itu sendiri, berada disamping / sebelum judul blog kita, mereka akan tampil pada setiap browser.

Jadi, kita akan merubah logo tersebut dengan logo kita sendiri.

ADD A CUSTOM FAVICON

1. Jika anda biasa berkutat dengan photoshop / aplikasi edit foto lainnya, tentu tidak ada masalah, jika ada yang tidak bisa,

kita bisa gunakan mbah google untuk mendapatkan favicon, yang keren.

2. Sejauh ini, blogger tidak bisa / tidak memperbolehkan kita mengupload file sejenis .ico
Jadi, kita harus menggunakan jasa upload foto lainnya, atau kita juga bisa upload di google code.

Cara Memasangnya.

Klik Design » Edit HTML
Temukan code ini

<head>

Sisipkan code berikut ini tepat sebelum code <head>

<link href='URL ICON ANDA .ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Jadi akan tampak seperti ini.

<link href='URL ICON ANDA .ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<head>

untuk lebih, mendetail, letakkan sesudah code head, dan sebelum code CSS template blog kita dimulai , Seperti ini

<head>
.......
.......
.......
<link href='URL ICON ANDA .ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

<b:skin><![CDATA[/*--
Blogger Template Details

4. Ganti URL ICON ANDA dengan url gambar yang kita upload pada hosting image seperli langkah 2.

5. Simpan Template.

Jika, ada yang kesulitan dengan membuat gambar favicon, kita bisa bisa menggunakan, jasa pembuatan favicon online, cari saja di

google :D

Tips, trick, and tutorial, kali ini, dijamin sukses, bahkan jika kita menggunakan mobile browser / Handphone

Selesai, Selamat Mencoba

Rounded Corners On Blog

puluth@rocketmail.com (puluth®) — Mon, 11 Apr 2011 13:39:00 +0700

Rounded Corners On Blog

Maksudnya, kita kan membuat efek melengkung pada tepi-tepian atau lebih tepatnya pada sudut sudut yang ada di blog kita..

ini bisa kita terapkan pada foto, box / kotak atau template kita.

untuk contoh bisa lihat dibawah ini.

puluthriau

Bahkan kita bisa membuat lingkaran.. Contoh

puluthriau

Jika ada yang tidak bisa melihat rounded pada kotak diatas, kemungkinan browser anda saat ini tidak mendukung code CSS tersebut, setahu saya memang ada beberapa browser yang tidak mendukung code itu.

Jadi, jika ada yang tertarik, maka perbaharui lah browser anda.

Sebenarnya, hal itu, bisa kita akalin / ada cara lainnya, contohnya menggunakan gambar (Lain Waktu)

Untuk yang tertarik bisa kita lanjutkan.

Gunakan code berikut ini,

border-radius:5px

maka akan terbentuk lengkungan sebesar 5 pixel, nah, itu code standarnya, untuk mencakup lebih banyak browser, tambahkan code berikut ini.

-moz-border-radius:5px;
-webkit-border-radius:5px;

kita bisa membuat lengkungan / rounded pada sudut terentu, contohnya kita akan memberi efek rounded corner pada sudut atas saja, maka codenya akan berubah menjadi seperti ini.

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;

untuk lebih lengkapnya codenya seperti ini

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;

Silahkan dicaoba masing-masing

Cara menempatkannya pada template blog kita?

kita bisa lihat pada contoh dibawah ini,

disini kita akan membuat rounded corner pada sidebar kita

Pada dasbor » Klik tata Letak » Edit HTML » cari kode seperti ini:

.sidebar{
  background:#F00;
  border:2px solid #FFF; }

Kemudian tambahkan code berikut dibawah code tadi:

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;

Sehingga kodenya jadi seperti ini:
.sidebar{
  background:#F00;
  border:2px solid #FFF;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
}

Simpan template
Lihat hasilnya pada blog kita.

Selesai, Selamat Mencoba.

Fitur Baru Blogger VIEW

puluth@rocketmail.com (puluth®) — Mon, 11 Apr 2011 00:01:00 +0700

Tampilan dinamis konten blog Anda tersedia di /view. Anda dapat menonaktifkan tampilan tambahan ini dan pengguna akan dialihkan ke beranda blog normal Anda. Fitur ini hanya berfungsi jika blog Anda bersifat umum dengan umpan diaktifkan sepenuhnya.

Begitulah, kira kira yang tertulis disana, ketika kita mengklik pada /view kita akan dibawa ke tampilan yang lebih menyegarkan / dinamis.

Jika ada yang masih penasaran, silahkan dicoba sendiri. . .

Pilihan tampilannya sendiri, tersedia antara lain :

Flipcard
Mosaic
Sidebar
Snapshot
Timeslide

Kita dan pengunjung blog dapat mengaksesnya melalui url blog kita yang ditambahkan dengan VIEW lalu jenis tampilan contohnya seperti ini

http://alamatblogAnda.blogspot.com/view/flipcard
contoh: http://puluthriau.blogspot.com/view/flipcard
http://alamatblogAnda.blogspot.com/view/mosaic
contoh: http://puluthriau.blogspot.com/view/mosaic
http://alamatblogAnda.blogspot.com/view/sidebar
contoh: http://puluthriaur.blogspot.com/view/sidebar
http://alamatblogAnda.blogspot.com/view/snapshot
contoh: http://puluthriau.blogspot.com/view/snapshot
http://alamatblogAnda.blogspot.com/view/timeslide
contoh: http://puluthriau.blogspot.com/view/timeslide

Silahkan Dicoba, atau bisa coba disini