Mempercantik Blog Dengan Pasang Jam di Sidebar

     That's right, seperti judul postingan saya kali ini saya akan berbagi bagaimana agar blog kita tampak cantik dan menarik untuk di lihat pengunjung, maka anda bisa memasang beberapa aksen aksesoris pada blog anda, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Salah satu contohnya seperti jam di bawah ini : 

     Menarik bukan? yups bagi anda yang ingin blognya di pasang jam juga, silahkan ikuti langkah-langkah di bawah ini : 

1.     Silahkan kunjungi situs (atau klik linknya) http://www.clocklink.com 

2.     Jika sudah berada pada situs tersebut, silahkan alihkan pandangan anda ke sebelah kiri layar anda.

3.     Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll.

4.     Jika di rasa sudah menemukan model jam yang anda sukai, klik menu tersebut dan situs ClockLink akan mengarahkan anda ke langkah selanjutnya.

5.     Klik tombol yang bertuliskan View HTML Tag.

6.     Klik tombol yang bertuliskan Accept.

7.     Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00

8.     Set ukuran jam yang anda sukai di samping tulisan Size.

9.     Copy kode HTML yang di berikan pada notepad.

10.  Paste kode HTML yang di copy tadi pada tempat yang anda inginkan.

11.  Selesai.

     Mudah bukan? :) sekarang Blog anda akan terlihat menarik dengan adanya aksen aksesoris Jam. Selamat mencoba!

Read More

Cara Menghilangkan Navbar Pada Blogger

     Sahabat Blogger ada yang tahu apa itu Navbar pada Blog? Nah jika sahabat sependapat  dengan saya pengertian Navbar atau Navigation Bar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS (Term of Service) atau hal-hal yang dianggap merugikan orang lain.

     Dalam hal ini bagi sebagain blogger termasuk saya yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (Navbar). Karena itu, kadang para blogger menghapus Navbar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com? Akan tetapi sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. So, artinya hal ini bisa dilakukan oleh para Blogger. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

     Nah skarang bicara tentang bagaimana menghilangkan Navigation Bar? Apakah para Blogger sudah tahu atau bisa untuk menghilangkan Navbar tersebut? Tentunya untuk para Suhu atau Blogger mahir hal ini sudah jangan di ragukan lagi. Akan tetapi mungkin buat para Blogger pemula hal ini akan sedikit membingungkan maka dari itu semoga postingan saya tentang bagaimana Cara Menghilangkan Navbar Pada Blogger bisa bermanfaat. Mari kita simak bagaimana langkah-langkahnya dengan seksama sebagai berikut:

1. Kamu harus Login dulu ID kamu di Blog

2. Trus Pilih Layout --> Edit HTML

3. Copy script berikut ke dalam tag head

#navbar-iframe {

display: none !important;

}

Contohnya sebagai berikut :

-----------------------------------------------

Blogger Template Style

Name: Kumpulan Tips Trik Bloger Pemula

Designer: IminArt

URL: www.iminart.blogspot.com

Date: 19 Sept 2010

Updated by: Blogger Team

----------------------------------------------- */

#navbar-iframe {

display: none !important;

}

/* Variable definitions

====================

4. Kemudian simpan.

Selesai sudah sekarang Sahabat akan lega dengan tidak adanya Navbar di pandangan Shabat Blogger semua. Happy Bloging Guys!

Read More

Auto Red More

     Sahabat Blogger, posting kali ini saya akan membahas tentang “Jump Breaks” atau yang sering kita dengar yaitu Read More, apa itu Read More? Read More yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "Rungsi Read More". 

     Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read More" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun. Oke tak perlu panjang lebar lagi sekarang mari kita lihat langkah-langkah membuat Read More Otomatis di bog anda:

1. Seperti biasa langkah pertama adalah Sahabat Blogger Log in ke Blog dengan ID sahabat Blogger.
2. KLik Rancangan / Template
3. KLik Edit HtmL
4. Cari Kode </head>
5. Dan Letakan kode di bawah ini Di atas kode </head>

<scripta type='text/javascript'>

var summary_noimg    = 300,

    summary_img      = 300,

    img_thumb_height = 80,

    img_thumb_width  = 90;

</script>

<script type='text/javascript'>

//<![CDATA[

/**

 * =======================================================================

 * Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo

 * =======================================================================

 */

function removeHtmlTag(strx, chop) {

    if (strx.indexOf("<") != -1) {

        var s = strx.split("<");

        for (var i = 0; i < s.length; i++) {

            if (s[i].indexOf(">") != -1) {

                s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length);

            }

        }

        strx = s.join(" ");

    }

    chop = (chop < strx.length - 1) ? chop : strx.length - 2;

    while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;

    strx = strx.substring(0, chop - 1);

    return strx + '...';

}

function createSummaryAndThumb(pID) {

    var div = document.getElementById(pID);

    var imgtag = "";

    var img = div.getElementsByTagName("img");

    var summ = summary_noimg;

    if (img.length >= 1) {

        imgtag = '<span style="float:left;padding:0px 10px 5px 0px;"><img alt="" src="' + img[0].src.replace(/\/s(320|400|640|1600)/, "\/s" + img_thumb_width) + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></span>';

        summ = summary_img;

    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML, summ) + '</div>';

    div.innerHTML = summary;

}

//]]>

</script>

6. Simpan Template.
7. Setelah Anda simpan Template Lalu centang kembali Expand Template widget Dan Cari Kode di Bawah ini:

<data:post.body/>

Setelah ketemu Anda Hapus kode Tersebut dan Ganti dengan Kode ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<a class='more' expr:href='data:post.url'> READMORE....!! </a>

</b:if>

</b:if>

7. Sebelum selesai dan di simpan Sahabat bisa ganti tulisan "Read More" dengan apa yang di kehendaki Sahabat, misalnya: Baca Selengkapnya, Full Read dan lain sebagainnya setelah itu Sahabt Klik simpan.

Selamat mencoba, Sahabat Blogger!

Read More

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

     Masih ada yang bingung tentang Blog? Untuk Blogger pemula pasti pertanyaan itu berlaku, ko blog saya ada Icon Obeng dan Tang ia? Pertanyaan lain menyusul. Menanggapi pertanyaan-pertanyaan tersebut semoga iminart memberikan solusi yang terbaik. Apa sih isi dari judul posting kali ini, sepertinya agak aneh di telinga Blogger pemula? Jadi begini teman-teman,  jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. Lihat Gambar dibawah :

 

     Icon tersebut di sebut juga dengan icon Quick Edit atau dengan bahasa lain mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

     Namun sialnya ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon Obeng dan Tang tersebut dan ingin menghapusnya. Apakah kita bisa  menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS di template kita. Ingin tahu kodenya seperti apa? nih ini dia kodenya: 

.quickedit{
display:none;
}

     coba sahabat Blogger mulai pasang saja di Style Sheet CSS. Mudah sekali bukan? atau masih bingung? Ok deh kalau masih bingung ini dia cara lengkapnya :

1.     Langkah pertama login ke blogger dengan ID anda tentunya.

2.     Klik  Tata Letak.

3.     Klik tab Edit HTML. (jangan lupa centang Expand Template Widget)

4.     Cari kode seperti ini (ctrl+fn) :

]]></b:skin>

5.     Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}

6.     Klik tombol Simpan template.

7.     Selesai.

  

Sahabat Blogger, Selamat mencoba ya!  ;)

Read More

Cara membuat Blog di Blogger

     Sahabat blogger? sebelum kita bahas tutorial Cara membuat Blog di Blogger alangkah baiknya kita mengenal dahulu apa itu Blog? Oke tanpa harus basa-basi lagi sedikit akan saya ulas apa itu Blog.

      Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.

     Pada awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial, karya seni, bisnis, bahkan curhat para blogger. Secara umum blog tidak ada bedanya dengan website yang ada di internet.

     Penyedia blog gratis sangat beragam diantaranya Blogger.Com, WordPress.Com, Multiply.Com, Weebly.Com, Tumblr.Com dan lain sebagainya. Akan tetapi menurut survei salah satu penyedia blog gratis yang cukup populer saat ini adalah blogspot atau blogger, dimana ketika kita ingin mempunyai blog dari bloger nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : domainmu.blogspot.com.

     Pasti akan menjadi pertanyaan sahabat bloger, kenapa bloger menjadi penyedia blog gratis yang paling laris saat ini? Jawabannya saya adalah selain simpel dan mudah di operasikan, membuatnyapun sangat mudah sehingga cocok untuk pemula dan masih banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain.

     Yang menjadi catatan penting adalah bahwa perkembangan internet itu sifatnya sangat dinamis, sehingga memungkinkan dalam beberapa waktu kedepan panduan membuat blog di blogger ini akan sedikit berbeda dengan perkembangan di blog itu sendiri. Saya rasa perkenalannya sudah cukup sekarang kita bahas Cara membuat Blog di Blogger.

     Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika kita mendaftar ke blogger sebaiknya gunakan email gmail.

Daftar Blog Di Blogger:

1. Silahkan kunjungi situs http://www.blogger.com

2. Setelah halaman pendaftaran terbuka, saran saya ubahlah bahasa blog ke Bahasa Indonesia agar lebih

    mudah difahami, lihat sudut sebelah kanan bawah.

3. Silahkan langsung masuk/login dengan menggunakan user name/nama pengguna serta password/sandi gmail

    anda (akun email anda bisa untuk login ke blogger).

4. Kemudian isilah formulir yang ada :

          a. Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.

          b. Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.

          c. Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di

              tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada

              agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan

              blogger.

4. Klik tanda panah bertuliskan “Lanjutkan”.

5. Klik tombol “Blog Baru”.

6. Isilah formulir :

          a. Judul : Isi dengan judul blog yang di inginkan, misal :

          b. Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah

              dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.

          c. Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).

          d. Lanjutkan dengan klik tombol “Buat blog!”.

         

  

          e. Sampai disini blog anda telah berhasil di buat.

          f. Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai

              mengeposkan”.

7. Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.

8. Silahkan lihat blog anda dengan klik tombol “Lihat Blog”

9. Selesai.

Kini blog anda telah tercipta dan dapat di buka di berbagai belahan dunia. Happy Bloging!

Read More