"Backup template blog?? Untuk apa sih tuh??? Buang2 waktu aja". Mungkin itulah yang dikatakan para blogger baru jika membicarakan masalah edit template. Tapi pada dasarnya, backup ini sangat penting sekali, apalagi bagi para blogger yang suka ngedit HTML templatenya. Karena jika hasil editan kita tidak sesuai dengan keinginan, kita bisa mengembalikannya seperti semula. Nah, cara membackup template ini mudah sekali. Caranya saat kit membuka men Edit HTML, kita klik link Download Full Template. Nantinya kita akan mendapatkan file template kita yang ber-ekstensi .xml. Jadi misalnya ada terjadi ha-hal yang kita tak inginkan di template kita, kita masih bisa mengembalikannya seperti semula dengan cara mengupload template itu.
Highlight Author Comments ini fungsinya agar komentar pemilik blog bisa dibedakan dengan komentar visitor. Contohnya jika ada visitor yang bertanya melalui kotak komentar, maka saat pemilik blog menjawab melalui kotak komentar juga, tampilan komentarnya akan berbeda. Nah, jika kamu tertarik, kamu bisa membaca tutorial ini untuk memasangnya di blog kamu.
1. Login ke Blogger -> Tata Letak -> Edit HTML -> centang tanda Expand Template Widget. 2. Paste-kan kode ini sebelum kode ]]></b:skin> .
Kali ini kita akan membahas bagaimana caranya menampilkan daftar posting terbaru kita di sidebar blog. Sebenarnya caranya tidak susah-susah amat. Hanya saja kamu harus memeras keringat dan membanting tulang untuk membuatnya (emangnya kerja kuli ). Oke, saya akan membantu anda menentukan jalan hidup anda . Caranya tempelkan kode ini di sidebar anda.
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://blogging-trick.blogspot.com.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>
Angka 10 adalah batas jumlah posting terbaru yang akan ditampilkan. Gimana?? Ngerti kan?? Oke, slamat mencoba !!
Kita jumpa lagi dalam acara TRIK TIPS BLOGGER dengan saya VJ DANIEL (pdhal tukul arwana tuh ). Kali ini kita akan membahas bagaimana caranya menampilkan status YM di sidebar blog kita. Gambarnya seperti ini jika YM kita online.
dan begini jika YM kita offline.
Sehingga tiap ada visitor yang melihat kita online, bisa mengirim pesan yang akan kita balas dengan cepat. Oke, saya tidak akan berpanjang lebar lagi, LETS GO !!!
Caranya mudah, kita tinggal mem-pastekan kode ini di sidebar blog kita. Jika tidak tahu cara menempelkan HTML di sidebar, lihat artikel ini.
Efek Marquee?? Apaan tuh ?? Efek Marquee itu gua gak bisa deskripsiin, tapi gunanya saya tau, yaitu untuk membuat tulisan terlihat lebih hidup dengan efek bergerak. Contohnya gini nih.
Gimana?? Udah ngerti kan?? Oke, kita langsung bahas. Cara membuat marquee ini sangat mudah. Kita tinggal menambahkan script <marquee> sebelum teks yang akan diberi efek ini, lalu ditutup dengan script </marquee>. Tidak hanya itu, ada beberapa pilihan efek marquee dengan tag berikut ini. Bgcolor = "warna" -> Untuk mengatur warna latar belakang (latar belakang) teks.
DIRECTION = "left / right / up / down" -> Mengatur arah gerakan teks.
Untuk mengatur jenis gerakan
Scroll -> gerakan teks berputar
Slide -> teks bergerak sekali lalu berhenti. Alternate -> teks mondar mandir.
Title = 'pesan "-> Pesan akan muncul saat mouse berada di atas teks.
SCROLLMOUNT = "angka" -> mengatur kecepatan gerakan dalam pixel, semakin besar jumlah gerakannya cepat.
SCROLLDELAY = "angka" -> Untuk mengatur waktu tunda dalam mili-detik gerakan.
Menu Dropdown?? Apa itu menu Drop Down?? Menu Dropdown itu adalah menu yang gimana yah, aku gak bisa deskripsiin, tapi bentuknya kayak gini nih.
Nah, tau kan?? Kalo gak tau tak sobek-sobek mulutmu .
OKe, terus apa fungsinya?? Fungsinya kita dapat menyimpan banyak link disitu dan menghemat space halaman kita. BIsa juga diisi dengan bloggrol, arsip dan lainnya. Cara bikinnya mudah. Kamu tinggal tambahkan kode ini di sidebar kamu.
<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected value="0"/>View This Blog in Other Version<option value="http://blogger-trik.blogspot.com"/>Trick, Tips, and Tutorial Blogger (Indonesian Version) <option value="http://blogging-trick.blogspot.com"/>Trick, Tips, and Tutorial Blogger (English Version) </select>.
Tulisan warna hijau ganti dengan judul dropdown kamu. Tulisan warna biru ubah dengan URL tujuan dan tulisan warna orange ubah dengan nama yang tampil pada pilihan. Lalu simpan.
Kadang waktu kamu kunjungi blog lain, sering ngeliat menu horizontal bukan?? Nah, dalam trik kali ini kita akan bahas cara membuatnya. Pertama-tama marilah kita panjatkan doa kepada Tuhan YME . Oke kita langsung ke TKP . Nah, karena saya tidak punya hosting untuk bahan-bahan, saya pinjam punya kang kEndhin aja. Oke kita akan bahas. Ini adalah gambar yang disediakan kang khendin.
blackleft.gif
blackright.gif
greenleft.gif
greenright.gif
redleft.gif
redright.gif
unguleft.gif
unguright.gif
yellowleft.gif
yellowright.gif
blueleft.gif
blueright.gif
whiteleft.gif
whiteright.gif
1. Login ke Blogger -> Tata Letak -> Edit HTML -> centang tanda Expand Template Widget. 2. Cari script ini ]]></b:skin>. Kalo ketemu copy script dibawah ini dan taruh diatasnya.
/*credits : http://trik-tips.blogspot.com */ #tabshori { float:left; width:100%; font-size:13px; border-bottom:1px solid #2763A5; /* Garis Bawah*/ line-height:normal; } #tabshori ul { margin:0; padding:10px 10px 0 50px; /*Posisi Menu*/ list-style:none; } #tabshori li { display:inline; margin:0; padding:0; } #tabshori a { float:left; background: url("http://kendhin.890m.com/menu/blackleft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabshori a span { float:left; display:block; background: url("http://kendhin.890m.com/menu/blackright.gif") no-repeat right top; padding:5px 14px 4px 4px; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabshori a span {float:none;} /* End IE5-Mac hack */ #tabshori a:hover { background-position:0% -42px; } #tabshori a:hover span { background-position:100% -42px; }
3. Tulisan yang dicetak tebal itu bisa kamu ganti sesuai warna gambar yang disediakan. Misalnya pengen tab warna ungu, tulisan tebal itu ganti dengan unguleft.gif dan ungurigth.gif. 4. Udah belom??? kok lama banget .
5. Lalu tempelkan kode ini diatas kode <div id="content-wrapper">.
Read More lagi read more lagi. Cape deh .... Yang seperti apa lagi sih ini??? Yang ini adalah Read More kreasi salah satu guru saya juga, Kang Rohman. Jika pada Read More sebelumnya kan link nya cuma bertuliskan Read More. Nah kali ini Read Morenya disertakan judul posting lho kayak diblog saya ini. Dan ternyata cara buatnya mudah banget. Gimana?? Mau coba?? Nah, kode Read More sebelumnya kan seperti ini.
Wah, wah, wah, read more lagi read more lagi. Gak bosan?? Bosen sih, tapi tak apalah, biar lebih banyak triknya, oke??? Trus seperti apa sih Read More 3 ini??? Penasaran?? Oke saya akan jelasin. Read More 3 ini sistemnya adalah ketika link Read More diklik, maka kita akan dibawah ke tab/halaman baru di browser kita, sehingga kita tidak perlu menutup halaman utama. Gimana?? Paham kan? Cara membuatnya sangat mudah, kita tinggalh menambahkan sedikit script ke kode Read More kita. Tertarik?? Oke kita akan bahas. Caranya mudah sekali, jika sebelumnya kode Read Morenya kan seperti ini.
Nah, tambahkan kode target=_"blank", sehingga menjadi seperti ini. <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style>
Ini adalah trik membuat read more yang dibuat oleh salah satu guru saya, Bang Kendhin. Lho, sperti apa read more yang satu ini?? PAsti anda sudah penasaran bukan?? Ya iyalah, masa yaiya donk , mulan aja jamila, gak jamidong . Oke kita langsung ke topik bahasan. Read More 2 ini adalah Read More yang ketika link Read Morenya diklik, maka artikel penuh akan ditampilkan langsung dibawah artikel utama. Wah, asyik donk, gak perlu load ulang?? Ya, benar sekali. Terus gimana cara buatnya ya?? Oke, kita akan bahas, tapi saya pesan es jeruk dulu satu .
1. Seperti biasanya, masuk ke Blogger dengan ID kamu. 2. Pergi ke Tata Letak -> Edit HTML. Beri centang pada Expand Template Widget. 3. Cari kode <head>. Lalu paste-kan kode ini diatasnya.
6. Nah simpan template kamu. Lalu pergi ke Settings -> Formatting. 7. Isikan kode ini pada kotak kosong Post Template.
<span id="fullpost">
</span>
8. Lalu simpan.
Nantinya ketikkan artikel yang ingin ditampilkan diatas kode <span id="fullpost">
</span>. Lalu ketikkan tulisan yang akan ditampilkan saat read more diklik diantara kode <span id="fullpost"> dan </span>. Gimana?? Gampang to? Gitu aja kok repot .
Ini nih trik yang banyak dicari oleh para blogger. Apalagi yang masih newbie, pasti topik ini yang paling pertama dicari (menurut gue sih ). Terus, apa sih read more itu?? Read MOre itu adalaha blablablablabla... Tanya paman google aja yah ?? Fungsi Read More ini adalah jika kita membuat tulisan panjang, sebagiannya bisa di split ke halaman lain. Jadi tak membuat halaman kita kepanjangan kebawah. Trus, gimana cara bikinnya?? Caranya mudah, jika ingin memasangnya, ikuti langkah berikut.
1. Masuk ke Blogger dengan ID kamu. 2. Pergi ke Tata Letak -> Edit HTML -> Expand Template Widget. 3. Cari kode ini di template kamu.
Nantinya ketikkan artikel yang ingin ditampilkan di halaman utama tepat diatas kode <span class="fullpost"> dan ketikkan lanjutannya diantara kode diatas. Gampang kan??
Widget penerjemah adalah widget yang berfungsi sebagai penerjemah. Dalam beberapa klik saja, blog kita sudah bisa tersedia dalam lain bahasa. Wah, hebat sekali ?? Ya, begitulah. Tetapi ada kelemahan dari widget yang satu ini. Apa ya?? Widget ini tidak bisa menerjemahkan kalimat dengan baik. Ya, nggak asyik deh ... Tapi tak papalah, buat sekedar nempel di sidebar kita. Jika mau nempelin di blog, caranya mudah sekali, hanya perlu menambahkan kode dibawah ini.
Jika kamu baru membuat blog, pasti disuguhkan template pilihan bukan??? terus apa itu template??? template itu gunanya agar tampilan blog kita bisa bagus. Lalu bagaimana cara memilih template di blogger?? Berikut caranya...
1. Masuk ke Blogger Blogger dengan ID Anda. 2. Pergi Layout -> Pilih Template Baru . 3. Anda akan disuguhkan beberapa template yang disediakan Blogger.com. Pilih satu dari mereka. Anda juga dapat melihat preview terlebih dahulu apakah cocok dengan isi blog Anda. 4. Jika Anda sudah selesai klik Simpan Template.
Mungkin waktu anda berkunjung ke blog lain, anda melihat template yang mereka pakai tidak ada di blog anda. Itu berarti template tersebut dibuat sendiri oleh pemilik blog atau didownload di situs lain. Banyak situs yang menyediakan template gratis yang bisa anda gunakan. Ketikkan saja "FREE BLOGGER TEMPLATE", maka akan banyak muncul situs yang memberi template gratis.
Ini adalah hal yang dulunya paling membuat saya bingung. Kenapa?? Karena dulu saya bego banget soal nge-blog (kalo sekarang?? menurut pendapat anda aja deh). Trik ini simpel banget, hanya membahas cara memasang widget di sidebar. Trus gimana caranya?? Bagi yang masih newbie pasti info ini sangat membantu. Caranya sebagai berikut. 1. Loggin ke Blogger. 2. Pergi ke Layout -> Add Gadget. 3. Pilih gadget apasaja yang akan ditambahkan. Lalu ikuti petunjuknya.
Emoticon?? Apaan tuhb ?? Emoticon itu adalah ikon-ikon yang bisa mewakili perasaan kita. Jika anda suka chatting di Yahoo atau Mig33, pasti tau.
Wah, asyik donk kalo visitor kita bisa kasi komentar diblog kita pake emotikon?? Tentu saja. Dan cara membuatnya juga tidak susah. Oke, saya tak akan berpanjang lebar lagi, kita langsung membahasnya. Nah, emoticon yang bisa dipakai ada dua jenis, yaitu emoticon yahoo:
dan emoticon kucing:
Nah, cara buatnya gini nih:
1. Loggin ke blogger, lalu langsung ke menu Edit HTML. Beri tanda centang pada Expand Template Widget. 2. Lalu letakkan kode ini sebelum kode </body>.
Note: Terkadang ada template yang memiliki kode yang berbeda. Jka anda melakukan langkah diatas dengan benar, tapi hasilnya tidak ada atau kode emoticonnya tidak bekerja, kemungkinan kode template kamu beda atau hosting untuk menaruh gambarnya sedang bermasalah. Baca Lebih Lanjut “Trik Memasang Emoticon Di Kotak Komentar” »»
Komentar
). Oke, saya akan membantu anda menentukan jalan hidup anda 
.
!!
!!!
?? Efek Marquee itu gua gak bisa deskripsiin, tapi gunanya saya tau, yaitu untuk membuat tulisan terlihat lebih hidup dengan efek bergerak. Contohnya gini nih.
. Oke kita langsung ke TKP 
.
.... Yang seperti apa lagi sih ini??? Yang ini adalah Read More kreasi salah satu guru saya juga, 
es jeruk dulu satu 
.
. 
?? Ya, begitulah. Tetapi ada kelemahan dari widget yang satu ini. Apa ya?? Widget ini tidak bisa menerjemahkan kalimat dengan baik. Ya, nggak asyik deh 
