Postingan

Menampilkan postingan dengan label Tutorial

Mengganti Icon Adress Bar (Favicon)

Gambar
favicon adalah icon yang berada di adress bar. Default favicon dari blogger adalah huruf "B" berwarna orange. Beberapa orang ingin mengganti favicon tersebut sesuai keinginannya. Dan berikut tutorial untuk mengganti default favicon blogger dengan favicon keinginan Anda. 1. Masuk ke dashboard blogger, pilih design. 2. Kemudian pilih edit HTML dan centang expand widget. 3. Cari kode </head> 4. Jika sudah ketemu letakkan kode berrikut diatas kode </head> <link href=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjfQo4zq51y8kNUH5ZaHDOSNIEESRZnN7ERJL1TRivN0065TerwddtWNX5SVfW5JVDWIY14lKv4x-zjuHwGTGfZEc5eGmdpRjOnFpCekFoy-2_g24NxRYQ96ZgZnPmgtD7d2bh89AIgU-G/s1600/Baby_1262012858.gif ' rel='SHORTCUT ICON'/> Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjfQo4zq51y8kNUH5ZaHDOSNIEESRZnN7ERJL1TRivN0065TerwddtWNX5SVfW5JVDWIY14lKv4x-zjuHwGTGfZEc5eGmdpRjOnFpCekFoy-2_g24NxRYQ96ZgZnPmgtD7d2bh89AIgU-G/s1600/Baby_1262012858...

Cara Membuat Gambar di Pojok (Float Image)

Salah satu cara mempercantik tampilan blog adalah dengan memberikan hiasan berupa gambar di pojok atau yang biasa disebut float image . Alangkah baiknya sebelum mengedit, memback up template dahulu, caranya ada disini . Lalu bagaimanakah cara membuat gambar di pojok (float image) tersebut? Nah berikut tutorial cara membuat float image : Pastikan anda sudah login sebagai admin di blog anda. Klik tab Layout pilih Edit HTML , jangan lupa centang/checklist Expand Widget . Copy paste kode berikut tepat dibawah <body> <a href='http:// YOURLINK ' style='display:scroll;position: fixed; top :5px;left:5px;' title=' YOUR TITLE '><img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSogzKk2MykFp1JHtai-xh54v-8OuxbHDx_KIRW4IDGhIKiNnsZ-2VMOoWGh9tVUjwXgtizv_P2AvkZ3AlXTZvV7owiQ4Y-0PW0CJh1U9jPqgg01aRXnXapV3MAAUHXoHguZtweYTnx8P3/s320/28662_105586369486502_104921859552953_49231_1197821_s.jpg '/></a> Klik save Catatan : Ganti Y...

Cara Membuat link di dalam Postingan

Link atau Kaitan , yang dimaksud link disini adalah suatu URL atau alamat web, situs atu sejenisnya. Banyak manfaat dari membuat link khususnya link tersembunyi, diantaranya : untuk mengkaitkan postingan yang satu dengan yang lainnya, untuk menyembunyikan link referral anda. Apabila link tersebut diklik maka anda akan menuju ke URL link tersebut. misalnya : Contoh 1 : Link dari kata uang abad 21 adalah http://uang-abad-21.blogspot.com , apabila anda mengklik uang abad 21 maka anda akan menuju ke http://uang-abad-21.blogspot.com Contoh 2 Link dari kata Postingan adalah http://gazpadaku.blogspot.com/2010/05/satu-hitam-diatas-kertas-putih.html , apabila anda mengklik kata Postingan maka anda akan menuju ke http://gazpadaku.blogspot.com/2010/05/satu-hitam-diatas-kertas-putih.html Lalu bagaimanakah cara membuat link tersembunyi didalam postingan ? seperti contoh ke 2. Berikut tutorialnya cara membuat link tersembunyi dari kata DISINI : 1. Tuliskan kode berikut sebelum kata disini....

Menampilkan Status Yahoo di Blog

Gambar
Menampilkan status Offline/Online Yahoo Messenger . Hal ini berfungsi untuk mengetahui jika anda sedng online atau offline. Tapi bagi yang belum punya Account Yahoo ya buat dulu lah,. Dengan tanda seperti itu kan nanti pengunjung blog anda akan bisa langsung berinteraksi langsung dengan anda, dengan begitu kan nanti para penggemar setia dan pengunjung blog anda jadi tambah sayang kepda anda. Tak kenal maka tak sayang, he..he.. Contohnya seperti ini, jika status kamu offline maka gambarnya akan seperti ini : Jika kamu sedang online, maka gambar akan berganti seperti ini Cara buatnya sangat gampang anda tinggal copy script berikut ini trus kamu pasang di sidebar blog anda , berikut tutorial nya : Masuk ke blog anda. Klik tab Layaout di bagian atas. Klik “ Page Element ” trus “Add page elements – HTML/Javascript ” Copypaste kode beikut . <a href="http://messenger.yahoo.com/edit/send/?.target=YManda"> <img src="http://opi.yahoo.com/yahooonline/u=YManda/m=g/t=2/l=us...

Cara Membuat Buku Tamu

Buku tamu yang di maksud disini adalah suatu plugin atau fasilitas tambahan untuk blog atau web. Diberi nama buku tamu karena fungsi plugin ini disediakan bagi para pengunjung yang ingin meninggalkan pesan atau komentar selain berkomentar pada artikel-artikel atau postingan yang kita tulis. Situs yang menyediakan plugin buku tamu di antaranya shoutmix , sbox , oggix.com dan lain-lain. Saya mengambil contoh shoutmix ,berikut tutorial bagaimana memasang buku tamu di blog : 1. Daftar di shoutmix.com . 2. Klik Create shoutbox, dan isi form sesuai permintaan. 3. Pada kolom yang berjudul Style , klik menu appearance . 4. klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu sesuai keinginan anda. Jika sudah selesai klik Save Setting . 5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start 6. Klik tulisan Place Shoutbox on web page . Isi lebar dan tinggi shoutbox yang di inginkan. 7. C...

Menghilangkan Navigasi Bar

Gambar
Navigasi Bar thu miliknya Blogger/Blogspot. Letaknya dibagian atas.Namun beberapa Blogger ada yang kurang nyaman bila di blognya ada tampilan navigasi bar-nya,.,yahhh lagi lagi sebell,., ga ga ga Tapi tenang,.,.ada caranya kok,. buat ngilangin thu navisagi bar . Gini caranya : Musti login dulu ke blogger. Masuk tata letak, kemudian edit HTML. Kemudian ceklist/centang Expand widget trus copy-paste kode berikut : #navbar-iframe { height:0px; visibility:hidden; display:none } Letakkan seperti di bawah ini ----------------------------------------------------- Blogger Template Style Sheet Name: NewFangled XML Designer: Erica - Templates For You Modified from: Free CSS Templates URL: templatesforyou.blogspot.com / freecsstemplates.org Date: 4 Jun 2007 Updated by: Erica - Templates For You Enhanced by: eBlog Templates Date: 1/29/2008 URL: http://www.eblogtemplates.com ------------------------------------------------------ */ #navbar-iframe { height:0px; visibility:hidden; display...

Bikin Kotak Kometar Haloscan

Gambar
Sebelum baca artikel ini disarankan untuk membaca YANG INI dulu. Comments Box atau Kotak Komentar berfungsi untuk memberikan komentar terhadap isi dari suatu artikel dalam sebuah weblog. Kalau di Wordpress.com mahhh,.,. kotak komentar langsung muncul tepat di bawah artikel. Namun beda lagi kalau di Blogspot/Blogger, kotak komentar dilayanan blog ini hanya berupa link doank,.,!!! , trus baru muncul kotak komentar kalo udah di klik, hal ini ngebikin para komentator sedikit enggan untuk berkomentar karena merasa malas untuk membuka window baru yang tentu saja akan memerlukan sedikit waktu untuk membukanya. Sehingga para pengguna layanan Blogspot lebih sedikit menerima komentar dibanding dengan para pengguna layanan Wordpress. WARNING : KARENA BANYAK BLOGGER YANG GAGAL MENGGUNAKAN TRIK INI DAN JUGA ADA YANG KEHILANGAN POSTINGNYA, JADI ANDA HARUS MEMBACKUP DULU TEMPLATE ANDA. YANG GAGAL MEMAKAI INI MUNGKIN KARENA ADANYA KETIDAKCOCOKAN DENGAN TEMPLATE YANG DIGUNAKAN. JIKA TERJADI HAL-HAL YA...

Bikin Kotak Komentar di bawah Postingan

Gambar
Ini adalah salah satu fasilitas dari Blogger/Blogspot. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan. 1. Login ke http://draft.blogger.com, ingat bukan http://blogger.com lhoo 2. Trus ke menu Setting-->Comments . Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah) Kemudian klik "Save Setting" Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup sampai disini saja . Kalau belum muncul, maka dengan cara menambahkan kode HTML ke template blog anda. Disarankan back up dahulu template anda, ini karena kode HTML tiap2 template itu berbeda. ikuti langkah...

Cara Bikin Read More

Gambar
Wahhh,.,. udah banyak ni yang bikin tutorial read more atau baca selengkapnya,.,.Dan ini merupakan salah satunya dari sekian banyak tutorial read more. caranya : Login dulu keblogger, nah setelah login kan masuk di menu dasbor. Klik tata letak, trus pilih edit HTML, cek list/centang expand widget. Sekedar tambahan sebelum mengedit template alangkah lebih baiknya template di backup terlebih dahulu. Copy-paste kode berikut di bawah tag </head> atau tepatnya diatas kode } ]]></b:skin> <style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style> Kemudian cari kode <p><data:post.body/></p> gimana udah ketemu kan?? selanjutnya copy-paste kode berikut tepat dibawahya. <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> Read More..</a> </b:if> Catatan : kata r...

Cara Bikin Postingan

Gambar
Jika sudah berhasil membuat blog , maka langkah selanjutnya adalah mengisi Blog dengan Tulisan atau Artikel. Ini merupakan pekerjaan dan tujuan utama kita Ngeblog. Coz...tujuan utama dari Ngeblogkan buat mengisinya dengan berbagai tulisan atau gambar and terserah deh . Eh jangan lupa siapin minuman dan camilan ...kalo perlu sambil dengerin musik seperti aku klo lagi ngeblog ga ga ga . Ntar kan mau nulis artikel, biar kga' kelaperan. Kan kalo kelaperan konsentrasi bisa buyar... ga ga ga .Berikut langkah-langkahnya : Login Ke Blogspot Pertama kita login dulu ke Blogspot, berikut ini cara login ke Blogspot klik disini untuk masuk, Nah thu kan ada kotak dialog : Username: diisi dengan alamat email saat mendaftar di bloger. Password: password pada saat mendaftar. Remember me cek list(centang) jika ingin mengingat username dan password pada PC. Klik pada tombol SIGN IN yang akan dibawa menuju Form atau layar Dashboard . Dashboard thu panel buat mengakses berbagai fungsi ya...