Your Comments

Jumat, 28 Desember 2012

Membuat Efek Daun Berjatuhan di Blog

Membuat Efek Daun Berjatuhan di Blog | Tutorial Blog

Efek daun jatuh ini juga menambah daya tarik buat pengunjung blog, trik ini menggunakan kode javascript, jadi sedikit memperberat loading blog.
Sebaiknya jangan tambahkan efek ini kalau di blog sobat sudah menggunakan efek video slide, pemutar music mp3 online atau penggunaan script animasi yang lain. Jadi pertimbangkan baik-baik sebelum menggunakan sebuah efek javascript.

Berikut Cara Membuat Efek Daun Berjatuhan :
  • Login ke dashboard blogger anda.
  • Klik Template >  Edit HTML.
  • Lalu klik Proceed dan centang Expand widget template.
  • Cari kode </head>  pada template dengan menggunakan Ctrl+F.
  •  Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head>.
    <script src='http://wadah-tutorial.googlecode.com/files/daun.js'/>
  • Save template anda dan lihat hasilnya.
Segitu aja Sob, selamat mencoba Membuat Efek Daun Berjatuhan di Blog.

Menghapus / Menghilangkan Navbar Blogger

Menghapus / Menghilangkan Navbar Blogger

Diposkan oleh Madie Zha on December 27, 2012 at 1:00 PM

Menghapus / Menghilangkan Navbar Blogger | Tutorial Blog

Navbar (navigation bar) default dari blogger biasanya terletak pada bagian paling atas dari sebuah blog. Navbar ini sering kali di hapus oleh para blogger karena di anggap memiliki kode yang tidak valid atau error, di samping stylenya yang kurang memuaskan bagi para blogger.

Pada tutorial ini saya akan share cara untuk menghilangkan navbar blogger tersebut ataupun hanya sekedar menyembunyikannya saja.

Berikut salah satu caranya :
  • Masuk ke akun blogger anda
  • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode ]]></b:skin>, lalu letakkan kode berikut diatas kode ]]></b:skin>
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }
  • Terakhir klik Simpan Template.
Pada langkah di atas sobat sudah menyembunyikan / tidak menampilkan Navbar bawaan Blogger, namun pada template blog sobat masih terdapat kode dari Navbar tersebut.

Untuk cara kedua Menghilangkan Navbar bawaan Blogger, Sobat dapat melakukan langkah di bawah ini :
  • Sama seperti cara pertama. Masuk ke akun blogger anda
  • Klik pada Template.
  • Lalu klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode <body>, lalu letakkan kode berikut diatas kode <body>
    <script type='text/javascript'>
    <![CDATA[
    <!-- /*<body>*/ -->
    ]]>
    </script>
  • Simpan Template Anda.
  • Anda akan melihat gambar konformasi seperti di bawah ini.
    Menghapus / Menghilangkan Navbar Blogger
  • Klik Delete Widget untuk menghapus Navbar.
Jika Anda melakukan cara ini Anda juga akan menghapus Link Quick Edit gambar pensil, atau gambar kunci pas ama obeng di blog Sobat, namun cara ini sangat banyak mengurangi error pada blog.

Untuk cara ketiga dalam Menghapus / Menghilangkan Navbar Blogger, sama halnya dengan cara sebelumnya, cuma kode yang kita cari seperti dibawah ini :
 <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
       bla...
       bla...
       bla...
</b:widget>
</b:section>
Jika sudah ketemu, hapus kode tersebut lalu Simpan Template Anda.

Silakan Anda pilih cara mana yang Sobat gunakan untuk Menghapus / Menghilangkan Navbar Blogger.

Selasa, 04 Desember 2012

Goreng Ipsum contoh Postingan



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus. Aliquam a nulla sapien. Sed facilisis ultricies purus, sed dapibus eros auctor vel. Phasellus et est nibh. Sed sagittis neque vel magna euismod ut vulputate sapien tempus. Fusce feugiat condimentum nulla. Aliquam quis convallis nunc. Nulla eu eros quam. Heading H1Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae.

Heading

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

blockquote
Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.
TABLE HEADER 1TABLE HEADER 2TABLE HEADER 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
goreng insum goreng insum goreng insum