Showing posts with label Tips Trik Blogging. Show all posts
Showing posts with label Tips Trik Blogging. Show all posts

Thursday, 9 May 2013

Cara Memasang Iklan Di Atas Dan Di Bawah Posting

          Banyak cara memasang iklan di blog, salah satunya dengan memasang iklan di atas dan di bawah posting blog Walaupun sebenarnya iklan bisa dipasang diseluruh tempat di blog kita, akan tetapi jangan asal asalan dalam memasang iklan di blog. Sobat harus berusaha menempatkan iklan pada tempat yang mempunyai target dan sasaran serta pada tempat yang banyak dilihat oleh pengunjung atau visitor. Hal ini merupakan suatu tujuan untuk dapat meningkatkan jumlah klik iklan yang kita pasang di blog.

Cara Melihat Asal Pengunjung Blog Dengan Memasang Widget Feedjit

         Cara Melihat Asal Pengunjung Blog Dengan Memasang Widget Feedjit - Selamat malam Sobat pecinta dan penggemar Regita, pada postingan beberapa waktu yang lalu saya telah menulis artikel tentang cara mengetahui pengunjung yang sedang online di blog kita.Dalam kesempatan kali ini saya akan berbagi satu ilmu lagi dengan Sobat yaitu bagaimana cara melihat asal Pengunjung Blog kita.
Bagaimana cara melihatnya?

Wednesday, 8 May 2013

Cara Memasang Meta Tag SEO Friendly di Blog

         Cara Memasang Meta Tag SEO Friendly di Blog. Salah satu yang dapat menyebabkan keberhasilan seorang blogger ialah jika seoarang blogger tersebut tidak hanya sekedar ngeblog / mosting- mosting saja, akan tetapi seorang blogger yang berhasil ialah blogger yang mau mempelajari/memperhatikan trik2 SEO dan mencoba mempraktekannya di blog mereka,

Cara Menambahkan Scroll Pada widget Blog

Tutorial blogger kali ini REGITA mau posting tentang cara membuat scroll di widget atau gadget blog.
berikut adalah cara membuat scroll pada widget blog....

yang hasilnya seperti ini :

Thursday, 2 May 2013

Cara Membuat Dropdown Menu di Blogspot

          Cara Membuat Dropdown Menu di Blogspot - Belakangan banyak teman-teman yang menanyakan kepada saya, bagaimana cara membuat menu tapi dengan tampilan ke bawah. Walaupun sudah terjawab satu-persatu tapi ada baiknya sekalian saya post disini. Mungkin teman-teman blogger sekalian ada yang membutuhkannya.
Dropdown menu adalah menu yang biasanya berisi link-link untuk menuju halaman tertentu. Tidak hanya itu, menu-menu ini juga memiliki sub menu lagi yang tampil ke bawah dari menu tersebut oleh karena itu menu ini disebut dropdown menu, karena tampilnya ke bawah. Sedikit bingung dengan penjelasan saya ? baiklah, saya akan berikan contohnya.
Cara Membuat Dropdown Menu di Blogspot
Menu dropdown tersebut menggunakan sedikit tambahan pada bagian style CSS, menggunakan efek melengkung (perhatikan ujung-ujung menu, terlihat tidak membentuk siku). Lalu, cara menambahkannya ke blog susah tidak ? tentunya tidak sulit, kali ini kita hanya perlu memasukan 1 script ke TEMPLATE dan 1 script lagi ke bagian menu TATA LETAK.
Berikut saya perjelas langkah-langkahnya !
1. Login ke www.blogger.com menggunakan akun blog anda.
2. Buka menu TEMPLATE, pilih EDIT HTML
3. Cari kode ]]></b:skin> (Gunakan CTRL+F untuk memudahkan pencarian)
4. Setelah ketemu, masukan kode dibawah ini tepat di atas kode ]]></b:skin>
#DropdownMenu {
    background:#ff6803;
border-radius:6px;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color:#FFFFFF;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;


} 
#Dropdownbox {
    width: 875px;
border-radius:6px;
    float: left;
    margin: 0;
    padding: 0;
}

#strike { 
border-radius:6px;
    margin: 0;
    padding: 0;
}
#strike ul {
border-radius:6px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#strike li {
border-radius:6px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#strike li a, #strike li a:link, #strike li a:visited {
border-radius:6px;
    color:#FFFFFF;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    margin: 0;
    padding: 9px 15px 8px;
}
#strike li a:hover, #strike li a:active {
border-radius:6px;
    background:#FFFFFF;
    color:#ff6803;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#strike li li a, #strike li li a:link, #strike li li a:visited {
border-radius:6px;
      background:#ff6803;
    width: 150px;
    color:#FFFFFF;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#strike li li a:hover, #strike li li a:active {
border-radius:6px;
     background:#FFFFFF;
    color:#ff6803;
    padding: 7px 10px;
}
#strike li {
border-radius:6px;
    float: left;
    padding: 0;
}
#strike li ul {
border-radius:6px;
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#strike li ul a {
border-radius:6px;
    width: 140px;
}
#strike li ul ul {
border-radius:6px;
    margin: -32px 0 0 171px;
}
#strike li:hover ul ul, #strike li:hover ul ul ul, #strike li.sfhover ul ul, #strike li.sfhover ul ul ul {
border-radius:6px;
    left: -999em;
}
#strike li:hover ul, #strike li li:hover ul, #strike li li li:hover ul, #strike li.sfhover ul, #strike li li.sfhover ul, #strike li li li.sfhover ul {
border-radius:6px;
    left: auto;
}
#strike li:hover, #strike li.sfhover {
border-radius:6px;
    position: static;
}

5. Untuk kode yang di beri warna merah dan putih itu merupakan kode warna. Anda bisa mengganti warna background dan tulisan dari menu yang akan anda buat. Untuk kode #ff6803 itu adalah warna orange, yang menjadi warna background dari menu ini, silahkan anda ganti bila memang perlu. Lalu untuk kode #FFFFFF yang di dalam kotak berwarna putih, itu adalah untuk warna tulisan dalam menu.. Silahkan anda ganti bila memang diperlukan. Bila anda kesulitan untuk menentukan kode warna, silahkan cari disni Kode HTML warna.
6. Bila sudah, silahkan SIMPAN template anda
7. Sekarang kita menuju menu TATA LETAK
8. pilih TAMBAH GADGET/ADD GADGET lalu cari HTML/JAVA SCRIPT
9. Letakan script html di bawah ini di kolom yang disediakan. (Ingat, untuk kolom judul gadget tidak perlu diisi)

 
<div id="DropdownMenu">
       <div id="Dropdownbox">
      <ul id="strike">
        <li><a href="#">Menu1</a></li>
        <li>
          <a href="#">Menu2</a>
          <ul>
            <li>
              <a href="#">Sub Menu 2</a>
              <ul>
                <li><a href="#">Sub Sub Menu 2</a></li>
                <li><a href="#">Sub Sub Menu 2</a></li>
                <li><a href="#">Sub Sub Menu 2</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Menu 3</a></li>
            <li><a href="#">Sub Menu 4</a></li>
            <li><a href="#">Sub Menu 5</a></li>
            <li><a href="#">Sub Menu 6</a></li>
          </ul>
        </li>
        <li><a href="#">Menu 3</a></li>
        <li><a href="#">Menu 4</a></li>
      </ul>
    </div>
  </div>

10. Anda bisa ganti kata-kata Menu1, Menu 2 dan yang lain dengan nama menu yang anda inginkan dan untuk kode "#" itu adalah alamat link dari menu yang anda buat. Sengaja saya beri tanda # agar tidak menuju halaman apapaun, silahkan anda ganti dengan alamat link yang anda inginkan.

11. Bila sudah klik SIMPAN, dan lihat perubahannya pada blog anda.

Bila anda melakukannya dengan benar, maka seharusnya tampilan menu akan seperti yang ada pada contoh. Namun bila berbeda, coba anda perhatikan kembali langkah-langkah di atas. Baiklah saya rasa itu saja postingan saya kali ini mengenai Cara Membuat Dropdown Menu di Blogspot semoga bermanfaat dan nantikan terus update saya berikutnya.

Cara Membuat Number Page di Blog

         Sebenarnya sudah banyak yang membahas tentang Cara Membuat Number Page di Blog atau pagenavi blog yang biasanya (lebih banyak) berada di halaman depan blog untuk memasang nomer halaman blog ini. Setelah melakukan pencarian tentang pagenavi ini dan mencoba beberapa kode yang saya temukan, hampir semuanya saya gagal memasangnya ke dalam blog ini atau beberapa blog saya lain. Saya tidak tahu, apakah kode itu memang tidak work dengan template blog saya atau saya saja yang belum bisa memanipulasi kode tersebut.

Wednesday, 1 May 2013

Cara Membuat Artikel Terkait dengan Gambar / Thumbnail

artikel terkait bergambar         Cara Membuat Artikel Terkait dengan Gambar / Thumbnail. Assalamualaikum wr.wb, sobat blogger pada postingan kali ini Kang Aluha berkesempatan untuk memberikan tutorial blogger blogspot mengenai cara membuat artikel terkait dengan gambar / thumbnail. Menurut pakar SEO dengan membuat artikel terkait dengan gambar atau tanpa gambar hanya berbentuk tulisan saja akan meningkatkan jumlah pengunjung atau dalam bahasa blogger disebut Pageviews. Artikel terkait ini umumnya diletakan di akhir pembahasan atau di bawah postingan, karena letaknya efektif dan mudah dilihat oleh pembaca / pengunjung.

Cara Membuat Artikel Terkait (Related Post)

         Membuat artikel terkait atau related post dalam sebuah artikel sama pentingnya dengan ketika anda memasang breadcrumb di blog. Dengan membuat artikel terkait dalam postingan, pengunjung blog akan mengetahui jika artikel yang dibaca masih ada artikel yang berhubungan dengan artikel tersebut sehingga hal ini akan meningkatkan page view artikel blog anda jika pengunjung atau pembaca artikel blog tersebut melanjutkan bacaanya yang ada di bagian artikel terkait.
Artikel terkait atau related post umumnya berada di bagian bawah artikel blog namun tak jarang para blogger memasang artikel terkait ini dibagian samping kanan blog atau sidebar.

Tuesday, 30 April 2013

Cara membuat efek salju di blog

          Dari sekian banyak efek-efek pada blog, efek salju di blog merupakan salah satu yang paling diminati para blogger, selain loading yang cepat juga efeknya menyebar keseluruh ruang blog, tampilan blog pun lebih menarik dari sebelumnya. Tapi karena warna salju adalah putih mungkin tidak cocok bagi anda yang mempunyai background blog yang berwarna putih, tentu saja efek salju tidak akan kelihatan dengan sempurna.
Paling cocok bagi anda yang mempunyai background yang gelap, efek salju pun terasa maksimal. Bagaimana bagaimana dengan weblog anda? Mau efek ini?

Monday, 29 April 2013

Cara Membuat Efek Bintang Bertaburan di Cursor Blog

         para blogger untuk variasi blognya dengan berbagai macam cara, salah satunya Efek Bintang Bertaburan Pada Kursor (Cursor) di Blog atau biasanya dikenal efek salju dengan terus berjatuhan saat kursor dipindahkan. ini bertujuan sebagai daya tarik pengunjung agar tahan lama pada blog kita dan juga merasa senang atau kagum dengan kreasi kita.
Untuk Efek Bintang Bertaburan warnanya bisa sobat ganti dengan sesuaikan warna template. jadi ga' sah kwatir dengan gaya monoton. hehehe. bisa kita ganti warnanya sesuai dengan warna yang kita sukai, seperti biru, hijau, merah, ungu, silver, kuning, hitam. ga' bakalan lengkap jika lom ada kodenya. nah,,, sobat bisa lihat tutorial dan kodenya dibah ini:

Membuat Scrol Naik dan Turun

         Scroll atau tombol untuk menaikkan dan menurunkan penampakann sebuah objek bisa sobat buat dengan menyisipkan sebuah kode html kedalam objek ataupun kode script yang hendak sobat pasangi scroll turun naik ini. Adapun objek yang bisa sobat imbuhi dengan tombol naik turun ini bisa beraneka ragam penempatannya, semua tergantung pada kebutuhannya masing-masing, misal pada arsip blog, pada daftar isi dan lain sebagainya.
Apa sih gunanya? Jika di tanya kegunaannya menurut aku sendiri yakni untuk meringkas tampilan sebuah objek .

Wednesday, 24 April 2013

Cara Memasang Google Terjemah di Blog

Cara Memasang Google Terjemah di Blog - Begitu banyak google mengeluarkan widget dan tools gratis yang dapat dipasang di blog. Selain google search, google juga memberi kemudahan bagi kita dengan menyediakan layanan berbentuk widget, yaitu google Terjemah. Google terjemah memiliki fungsi yang sama dengan google translate atau terjemah pada menu yang terdapat pada search engine google, mengartikan berbagai bahasa yang ingin kita artikan.
cara pasang google terjemah di blog

Membuat tampilan blog lebih menarik dan cantik dengan widget

        Cara membuat tampilan blog lebih menarik dan cantik dengan widget adalah sebuah cara yang sudah tidak asing lagi dilakukan oleh para blogger mania dengan tujuan agar blog yang mereka sayangi enak dan nyaman untuk di pandang oleh banyak pengunjung. Banyak cara yang bisa dilakukan untuk membuat tampilan blog lebih menarik dan cantik salah satunya dengan menggunakan penerapan widget keren yang tentunya ada yang berbayar dan juga gratis.
Cara membuat blog menarik
Pada pembahasan kali ini tentang cara membuat tampilan blog lebih menarik dan cantik adalah sebuah pembahasan yang melanjutkan sharing sebelumnya tentang cara membuat link otomatis di blogger, silahkan kunjungi link tersebut jika ada yang penasaran ingin mengetahuinya. Untuk cara membuat tampilan blog lebih menarik dan cantik disini ane akan memberikan deretan daftar widget keren yang sering kali di gunakan oleh kebanyakan kaum blogger.

Sunday, 21 April 2013

Cara Membuat Link Exchange

         Dengan adanya halaman link exchange seorang blogger bisa saling taut menaut dan menjalin sebuah pertemanan di dunia maya, selain memang sama-sama di untungkan dalam segi backlink. Ada beberapa cara ber-exchange link diantaranya dengan sebuah banner,dimana banner atau gambar tersebut harus kita pasang pada halaman blog kita. Ada juga yang hanya cukup menuliskan nama dan alamat url situs saja, dan pada kesempatan ini aku akan coba menuliskan metode (cara) kedua, yakni hanya menuliskan nama serta alamat url blog.

Cara Membuat Daftar Isi Di Blogspot

         Peta situs atau sitemap disini adalah berupa judul keseluruhan dari postingan sobat yang telah di publikasikan dan akan terurut menjadi sebuah daftar isi, ini akan menjadi sangat berguna sekali bagi pengunjung blog karena dengan adanya daftar judul dari keseluruhan postingan tersebut, otomatis akan semakin mempermudah navigasi. Pengunjung bisa lebih leluasa mencari dann kemudian memilih artikel, tentunya melaui daftar isi ini.

Tuesday, 16 April 2013

MEMBUAT DAFTAR ISI DISIDEBAR BLOG

DAFTAR ISI DISIDEBAR BLOG
Daftar Isi di Sidebar
               Maksudnya adalah Menampilkan / membuat daftar isi ataupun sitemap tampil juga disedebar blog. Dengan ini maka setiap pengunjung akan dengan mudah mengetaghui seluruh postingan karna daftar artikel dalam sitemap akan ada disamping siderbar blog kita.

Cara Memasang Gambar atau Banner pada Header Blog

                  Cara Memasang Gambar atau Banner pada Header Blog anda ini ternyata sangat mudah dan cepat, tapi ini mungkin sesuatu yang membingungkan bagi anda yang baru saja masuk dalam dunia blogging, untuk itu disini saya akan mencoba membantu sobat yang baru saja berhasil membuat sebuah blog. Perlu anda ketahui, Fungsi header disini adalah hanya sebagai cirikhas atau identitas dan agar blog anda lebih menarik. maka dari itu keberadaan sebuah header juga akan memberikan nilai tersendiri di mata pembaca/pengunjung nantinya. Woke  cukup sudah basa-basinya, sekarang kita langsung saja ke pokok pembahasan tentang bagaimana...

Cara membuat banner di Blog Animasi Keren Gratis Dengan Mudah

Banner blog                Cara membuat banner di Blog Animasi Keren Gratis Dengan Mudah dan Cepat secara Online ini bisa sebagai langkah alternatif bagi anda yang saat ini sedang kebingungan dalam hal pembuatan sebuah baner untuk blog, produk/jasa untuk iklan anda. dan mungkin tidak itu saja, bagi anda yang ingin memasarkan sebuah product, kehadiran banner ini sangat diperlukan, karena dengan kita mempromosikan suatu produk/jasa bila dengan menggunakan sebuah gambar/banner maka hasilnya akan lebih efisen dan efektif.

Cara mempercantik blog dengan widget-gadget blogspot

blog cantik
         Cara mempercantik blog dengan widget-gadget blogspot, blogger ini akan membuat tampilan blog sobat akan lebih indah. Dan menambahkan widget-gadget ke dalam sidebar, post, header maupun footer ini sangat mudah sekali walaupun anda masih baru dalam dunia web/blog. Di sinipun Terdapat banyak sekali pilihan untuk tampilan gadget di blogspot, karena sudah disediakan oleh blogger secara gratis,

Cara Menampilkan Jumlah Pengunjung atau Visitor Online di blog

          Cara Menampilkan Jumlah Pengunjung atau Visitor Online di blog anda ini sangatlah mudah sekali, karena sekarang sudah banyak penyedia widget untuk mengetahui user yang sedang online di blog, Seperti : Histats.com, Radarurl.com, Whos.among.us dan masih banyak lagi. tapi pada kesempatan kali ini saya memakai widget yang disediakan oleh web whos.amung.us. kenapa saya memilih widget ini? karena di sini kita tidak daftar/login terlebih dahulu dan kita bisa langsung memakai widget tsb. ok sobat langsung aja kita mulai Cara Menampilkan Jumlah Pengunjung atau Visitor Online di blog.