Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan

5 Rahasia Besar Google Yang Mungkin Belum Anda Ketahui


Rahasia Google
5 Rahasia Besar Google Yang Mungkin Belum Anda Ketahui - Tahukah anda bahwa Google memiliki banyak rahasia dan trik yang mungkin belum pernah anda ketahui sebelumnya? Selain menjadi situs pencarian paling populer didunia, raksasa search engine ini juga digunakan untuk mendapatkan dan menjaring berbagai informasi penting. Namun kali ada beberapa hal unik yang bisa dilakukan Google yang akan saya tunjukkan pada anda. Situs google juga bisa membuat kita tersenyum dengan hal - hal konyol yang mungkin tidak pernah anda bayangkan sebelumnya. Apakah itu..??   

1. Situs Google miring
Silahkan anda mengetikkan kata askew pada kolom pencarian di google.com lalu lihat apa yang akan terjadi. Tahukah anda, entah bagaimana bisa seperti itu, maka anda akan melihat situs google terlihat miring.

google askew miring

2. Situs Google Berputar
Yang ini lebih menarik lagi, dengan memasukkan kata Do a barrel roll pada kolom pencari google disertai menekan enter / search, maka dengan otomatis situs google akan berputar satu kali.

google do a barrel

3. Situs Google Mencair
Silahkan anda ketik kata Zerg Rush pada situs Google.com dan lihat apa yang terjadi pada hasil pencarian yang muncul. Satu persatu seluruh konten akan mencair dan hancur tertimpa huruf O yang terus mendesak kebawah hingga habis.

google mencair

4. Situs Google Ngerap
Ingin menerjemahkan bahasa asing, maka Google Translate solusinya. Tidak jelas dengan ejaannya, maka anda tinggal menekan icon speaker kecil di bagian bawah. Namun, sekarang anda coba dengarkan ejaan untuk kata berikut ini pv zk bschk zk pv zk bschk zk pv zk bschk zk pv zk. Apa yang terjadi justru muncul suara lagu nge-rap.

Google rapper

5. Situs Google Pacman
Mungkin yang satu ini tidak terlalu asing, kita semua hampir telah mengetahui tentang Google Doodles dan beberapa aplikasinya yang menarik, salah satunya adalah game Pacman. Yup tepat sekali, melalui Google Doodles kita dapat memainkan beberapa game yang dibuat oleh google langsung / live di situs Google, salah satu permainan yang paling menarik adalah pacman, jika anda ingin mencobanya, silahkan kunjungi www.google.com/pacman.

google pacman


Gimana sob 5 Rahasia Besar Google Yang Mungkin Belum Anda Ketahui diatas, apa sobat sudah tahu sebelumnya? Syukur-syukur kalau memang belum tahu berarti ngga sia-sia juga ane ngasih tahu ente he he...:D

Waptrick.com :: MP3 | Video | Game | Themes | Free Download


Waptrick.com :: MP3 | Video | Game | Themes | Free Download - Inilah situs yang khusus nya untuk pengguna perangkat mobile atau handphone. Mulai dari download lagu mp3, aplikasi android, video sampai wallpaper gratis ada disini. Pokoknya everything is free deh ! Enak kan sambil browsing lewat hp trus download deh file file yang kita mau secara gratis. foto, lagu, games, walpaper dan masih banyak lainnya lagi. oke langsung kunjungi bila anda ingin download secara gratis.   


Gimana sob, situs Waptrick.com :: MP3 | Video | Game | Themes | Free Download emang mantap kan? Pokoknya puas-puasin aja downloadnya.. :D.

Trik Mendapatkan 7000 View Dalam 12 Jam


Trik Mendapatkan 7000 View Dalam 12 Jam – Siapa sih yang tak ingin blognya mendapatkan page view yang tinggi hanya dalam hitungan jam? Apalagi kalau itu terjadi hampir setiap hari, sudah pasti siapa pun menginginkannya. Blogger yang pengalaman sudah pasti lebih memilih mendapatkan jumlah page view yang tinggi daripada jumlah unik visitor yang banyak. Karena semakin tinggi jumlah page view yang terdapat di blog maka akan semakin meninggikan nilai rating blog tersebut untuk pemasangan iklan. Karena bagi advertiser yang memasang iklan di blog kita, peluang untuk mendapatkan klik iklan yang banyak pun akan semakin tinggi. So kali ini saya ingin berbagi cerita bagaimana cara mendapatkan 7000 view hanya dalam waktu 12 jam saja sekaligus mendatangkan ribuan pengunjung ke blog anda.   

cewek cantik rusia lintas.me

Ceritanya pada pagi hari Senin 30 Oktober yang lalu saya blogwalking dan menemukan gambar-gambar cewek cantik dari Rusia yang bening banget. Lalu muncul ide untuk membuat postingan dengan gambar cewek tadi. Singkat cerita artikel pun selesai ditulis dengan judul yang sengaja dibuat agak heboh dikit, judulnya Cewek Cantik Rusia Ini Kalahkan Julia Perez. Artikel tersebut kemudian saya publish dan submit ke beberapa social bookmark. Sesuai kebiasaan, beberapa jam kemudian saya ngecek artikel yang tadi telah disubmit ke beberapa social bookmark. Saya terkejut sekali begitu melihat di situs social bookmark Lintas.me artikel tersebut telah dilihat oleh ribuan orang. Meskipun bukan kejadian yang pertama, namun ini yang paling fantastis buat saya. Karena pada hari itu juga hampir 3000 visitor datang langsung ke blog saya. Trus rahasianya apa dong koq artikel yang sebenarnya biasa-biasa saja bisa mendulang trafik langsung ke blog kita ? Hmm sebenarnya tidak ada sesuatu yang rahasia dalam hal ini, pastinya social bookmark memang menjadi salah satu pilihan untuk meningkatkan pengunjung blog. Berikut ini adalah beberapa trik yang bisa sobat perhatikan dan lakukan jika ingin mensubmit berita atau artikel ke social bookmark seperti Lintas.me.

7000 view dalam 12 jam

Rahasia Mendapatkan Ribuan Trafik dari Social Bookmark :

1.       Buatlah judul yang menarik dan sedikit heboh (baca:berlebihan) untuk menarik perhatian pembaca.
2.       Pilihlah gambar yang tepat yang juga bisa mewakili kehebohan judul yang telah dibuat.
3.   Kedua hal diatas akan menjadi pusat perhatian pertama orang lain yang melihatnya sebelum mereka memutuskan mengklik link artikel tsb untuk menyimak beritanya. Jika artikel anda berhasil menjadi Hot Topik maka artikel tersebut akan ditandai dengan bola api seperti gambar dibawah ini.
popular di lintas.me

4.    Untuk jenis konten berita atau serba serbi memiliki ruang yang luas untuk penulisan artikel. Dalam artian kualitas konten boleh jadi prioritas nomor dua. Contohnya saja artikel yang saya submit tadi tidak ada sumber beritanya, yang disajikan sebenarnya hanya berupa gambar.
5.     Perhatikan dan pahami tagging atau kategori artikel yang ada di tiap social bookmark karena anda harus memasukkan artikel yang akan anda submit pada kategori atau sub kategori yang tepat. Pada situs Lintas.me jika anda salah memilih kategori maka artikel anda akan nyasar nggak jelas juntrungannya. Dan jangan lupa bahwa setiap social bookmark seperti lintas.me atau infogue.com memiliki filter tersendiri untuk menilai apakah artikel yang anda submit sudah relevan dengan kategori yang anda pilih. So jangan sampai memasukkan artikel tentang selebritis kedalam kategori misteri ya..ngga nyambung banget he he.
6.  Berdasarkan pengalaman pribadi, waktu terbaik untuk mensubmit artikel atau berita di lintas.me atau social bookmark yang lain adalah hari Sabtu dan Minggu. Karena pada akhir pecan biasanya jumlah pengguna internet dan pengunjung blog akan membludak.
7.      Jangan lupa tweet dan bagikan link artikel anda ke semua follower anda di Twitter dan Google Plus.
8.    Banyak-banyak berdoa semoga artikel anda akan dibaca oleh banyak orang dan mendatangkan ribuan visitor.


Itu saja sedikit berbagi cerita tentang bagaimana Trik Mendapatkan 7000 View Dalam 12 Jam. Tulisan ini bukan bermaksud untuk menyombongkan diri namun saya hanya ingin supaya sobat blogger juga bisa mencoba tips atau trik-trik yang pernah saya lakukan. Saya yakin siapa pun akan berhasil kalau mau trus mencoba dan mencoba. Happy Blogging !

Password Paling Populer 2012 Di Dunia Cyber


Password Paling Populer 2012 Di Dunia Cyber – Password atau kata sandi menjadi kunci penting untuk mengakses semua data yang tersimpan di penyimpanan data (storage) online. Selain itu password juga berfungsi melindungi identitas atau data rahasia seseorang yang tersimpan pada akun email atau akun social media seperti LinkedIn, Facebook dan Twitter yang memang mengharuskan penggunaan password untuk perlindungan data. Dalam pembuatannya, sedapat mungkin password atau kata sandi yang digunakan terdiri atas kombinasi yang beragam sehingga sulit untuk diretas oleh para penjahat cyber crime atau para hacker. Nah baru-baru ini beberapa situs terkemuka telah merilis daftar 25 password yang paling sering dan paling banyak digunakan di tahun 2012 ini. Ke-25 password terpopuler ini sekaligus mendapat predikat “password terburuk” dan dinyatakan tidak aman untuk digunakan. Kenapa sebab ? Karena 25 password ini paling gampang ditembus oleh para hacker. So inilah daftar password paling populer di tahun 2012 ini yang saya himpun dari berbagai sumber.

most common password 2012

1. The Most Popular Password Of 2012 Versi Egostatic.com

most popular password 2012 egostatic

2. Most Popular (Worst) Password Of 2012 Versi Huffington Post

most popular password

3. 10 Password Paling Sering Dipakai Versi Daily Mail     

top 10 pasword dailymail

Dan screenshoot dibawah ini adalah aplikasi Facebook Hacker Pro yang sering digunakan hacker untuk menembus akun facebook seseorang. Caranya gampang, tinggal ketik alamat email atau ID facebooknya dan selanjutnya tugas aplikasi yang bekerja.


Jika password anda termasuk dalam Password Paling Populer 2012 Di Dunia Cyber diatas maka sebaiknya segera saja ganti password tersebut dengan password baru yang lebih baik. Untuk memastikan kekuatan (strenght) dari kombinasi password yang akan anda pakai, anda dapat mengujinya melalui situs http://howsecureismypassword.net/. Semoga informasi ini berguna.  

Cara Menampilkan Widget Pada Template Seluler Blogspot


Cara Menampilkan Widget Pada Template Seluler Blogspot – Memunculkan widget di tampilan template versi mobile sebenarnya cukup mudah yaitu cukup dengan menambahkan property mobile pada tag widget <b:widget>. Ada 3 input value pada property mobile ini yang mempunyai arti dan tujuan masing-masing. Berikut penjelasannya :
mobile=’yes’  : artinya widget akan ditampilkan pada template versi seluler/mobile dan desktop.
mobile=’no’   : artinya widget hanya akan tampil pada template versi desktop/web.
mobile=’only’: artinya widget hanya akan tampil pada template versi seluler/mobile.

widget seluler blogspot

Nah setelah memahami penjelasan diatas, sekarang kita masuk pada cara penerapannya. Langkah pertama kita tentukan dulu widget mana yang ingin ditampilkan pada template seluler. Saran saya sebaiknya cukup pilih 2 widget yang penting saja misalnya widget Artikel Terbaru dan Popular Post. Misalkan saya ingin menampilkan widget Artikel Terbaru dan Paling HOT Minggu Ini pada template seluler, maka caranya adalah sebagai berikut :
1.       Login ke dashboard blogger, kemudian masuk ke menu Template > Edit HTML.
2.       Pada template saya, kode kedua widget tadi adalah seperti dibawah ini :

<b:widget id='HTML12' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
dan seterusnya...
</b:widget>

<b:widget id='PopularPosts1' locked='false' title='Paling HOT Minggu Ini' type='PopularPosts'>
<b:includable id='main'>
dan seterusnya...
</b:widget>

3.       Tambahkan property mobile=’yes’ pada masing-masing tag widget sehingga kode lengkapnya menjadi seperti dibawah ini :

<b:widget id='HTML12' mobile='yes' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
dan seterusnya...
</b:widget>


<b:widget id='PopularPosts1' mobile='yes' locked='false' title='Paling HOT Minggu Ini' type='PopularPosts'>
<b:includable id='main'>
dan seterusnya...
</b:widget>

4.       Save/simpan template anda dan selesai.    

Demikian sedikit tips singkat tentang Cara Menampilkan Widget Pada Template Seluler Blogspot ini dan semoga bermanfaat untuk anda.

Cara Setting Permalink dengan Tautan Permanen Khusus di Blogspot


cara setting permalink
Cara Setting Permalink dengan Tautan Permanen Khusus di BlogspotPermalink adalah url (link) permanen yang menuju pada halaman tertentu. Secara default, biasanya blogspot akan membuat permalink otomatis berdasarkan judul artikel yang kita buat namun dengan panjang atau jumlah karakter yang terbatas. Hal ini mengakibatkan seringkali  url yang kita buat menjadi terpotong dan secara SEO hal ini menjadi tidak optimal serta tidak menguntungkan dalam pencarian kata kunci. Contohnya saja untuk artikel kontes seo yang biasanya menggunakan target keyword yang panjang, sudah pasti permalink yang terbentuk secara otomatis akan terpotong dibagian belakangnya. Masalah ini sering disiasati banyak blogger senior dengan menghitung jumlah karakter judul yang akan dijadikan url sebelum dipublish. Ribet banget jadinya, apalagi buat blogger yang masih newbie mungkin pemikirannya tidak akan sampai sejauh itu.

Judul : Foto Bioskop Terbelah Dua Hanya Pembohongan Publik
URL   : http://www.rayhanzhampiet.com/2012/09/foto-bioskop-terbelah-dua-hanya.html

Namun dengan adanya tampilan antar muka blogger yang baru, kini  anda dapat mengatur sendiri url permalink yang akan anda buat dengan menggunakan tautan permanen khusus. Dengan cara ini maka anda akan dapat membentuk url yang akan dibuat menjadi sama persis dengan judul artikel, meskipun untuk judul artikel yang panjang. Ikuti caranya berikut ini :

1.       Buat sebuah artikel dan beri judul sesuai keinginan anda.
2.     Saat anda menuliskan entri baru dan meletakkan judul dibagian atas editor, perhatikan di sidebar kanan anda akan melihat tulisan Setelan entri.
3.     Cobalah klik pada menu Tautan Permanen, disitu ada URL Otomatis dan URL Khusus. URL Otomatis adalah permalink yang dibuat blogger secara otomatis namun beresiko ada bagian yang terpotong karena ada pembatasan jumlah karakter seperti yang saya jelaskan diatas. Misalnya saya membuat artikel berjudul “Kinki Ryusaki Gadis Pembuat Tatto Profesional dari Malaysia”, maka url yang akan terbentuk secara otomatis seperti gambar dibawah ini :

permalink-1

4.    Terlihat bahwa permalinknya terpotong bukan ? Nah supaya urlnya sama dengan judul maka saya pilih URL Khusus dan menuliskan judul pada kotak dibawah tulisan Tautan Permanen Khusus. Aturan untuk penulisan permalink ini tidak boleh menggunakan spasi, pemisahan kata dapat menggunakan tanda (.) atau (-) saja. Hasilnya seperti dibawah ini :

permalink-2

5.       Jika dirasa sudah pas, selanjutnya publish artikel anda dan lihatlah sekarang anda sudah bisa membentuk url postingan sama persis seperti judul artikel.
6.       Selamat mencoba.


Demikian tips Cara Setting Permalink dengan Tautan Permanen Khusus di Blogspot ini, semoga bermanfaat untuk anda.

Cara Membuat Sliding Hover Button


Cara Membuat Sliding Hover Button  – Button atau tombol yang bisa di klik mempunyai banyak kegunaan. Efek sliding (geser) yang ada pada button ini mirip dengan menu Rocking Rolling Rounded dengan jquery yang dulu pernah saya posting. Sobat dapat menggunakan button ini untuk tombol download, subscribe by email atau lainnya, terserah keperluan masing-masing.
hover button

  1. Login ke dashboard blogger Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
  3. Masuk ke menu Template >> Edit HTML, dan centang expand widget templates
  4. Backup dulu template anda sebelum melakukan editing.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

    .a-btn{
    background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left:20px;
    padding-right:80px;
    height:38px;
    display:inline-block;
    position:relative;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    }
    .a-btn-text{
    padding-top:8px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#446388;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
    }
    .a-btn-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:38px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
    }
    .a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    }
    .a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxaHCesgpX4b_9eVpMtJ16bEHzDt2HCxoLA4q86B8eHDoFuX4cHI2v3547PMxQYqn-uPkrYW68lediSCbVFIymfnrWuMjFEVf21tNGwP8gmKefXWcI2zYjM1gh_SSulw3fGK57MKfB_n0/s1600/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    }
    .a-btn:hover{
    padding-right:180px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    }
    .a-btn:hover .a-btn-text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#fff;
    }
    .a-btn:hover .a-btn-slide-text{
    width:100px;
    }
    .a-btn:hover .a-btn-icon-right span{
    opacity:1;
    }
    .a-btn:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
    }

  6. Kemudian pilih menu Layout, klik Add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya (pilih salah satu saja) :

    <div class="button-wrapper">
    <a href="Button URL" class="a-btn">
    <span class="a-btn-text">Register now</span>
    <span class="a-btn-slide-text">It's free!</span>
    <span class="a-btn-icon-right"><span></span></span>
    </a>
    <a href="Button URL" class="a-btn">
    <span class="a-btn-text">Become a member</span>
    <span class="a-btn-slide-text">Sign up!</span>
    <span class="a-btn-icon-right"><span></span></span>
    </a>
    <a href="Button URL" class="a-btn">
    <span class="a-btn-text">Enter</span>
    <span class="a-btn-slide-text">Log in!</span>
    <span class="a-btn-icon-right"><span></span></span>
    </a>
    <a href="Button URL" class="a-btn">
    <span class="a-btn-text">Get an account</span>
    <span class="a-btn-slide-text">For free!</span>
    <span class="a-btn-icon-right"><span></span></span>
    </a>
    </div>
    Keterangan :

    Ganti tulisan "Button URL"; >> dengan link URL yang Anda tuju.

  7. Setelah itu save templates anda, jika ingin meletakkan button di dalam postingan sobat dapat langsung mengcopy kode button dan meletakkannya didalam area posting tanpa perlu di parse :

    <div class="button-wrapper">
          <a href="Button URL" class="a-btn">
          <span class="a-btn-text">Register now</span>
          <span class="a-btn-slide-text">It's free!</span>
          <span class="a-btn-icon-right"><span></span></span>
          </a>    
    </div>
    Terakhir save dan lihat hasilnya.

Semoga Cara Membuat Sliding Hover Button ini bermanfaat !

Cara Membuat Widget Artikel Terbaru dengan Fungsi Previous dan Next


widget artikel terbaru
Cara Membuat Widget Artikel Terbaru dengan Fungsi Previous dan NextWidget artikel terbaru ini sama saja sebenarnya dengan widget recent post dengan thumbnail. Fitur modifikasi yang ditambahkan pada widget ini adalah adanya tombol fungsi previous dan next dibagian bawah widget. Nah inilah yang menjadi keistimewaan widget artikel terbaru ala Creating Website ini. Dengan tambahan tombol previous dan next ini maka pengguna dapat mengetahui artikel terbaru apa saja yang ada di blog anda tanpa harus repot membuka daftar isi blog. Kebetulan saya memang juga suka dengan karya-karya Maskolis terutama template-template buatannya yang keren banget, maka pada tips blogging kali ini saya kepingin share tutorial cara membuat widget artikel terbaru ini.  
                                           

Cara Membuat Artikel Terbaru dengan Fungsi Previous dan Next :
  1. Login ke dashboard blogger Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
  3. Masuk ke menu Template >> Edit HTML, dan centang expand widget templates
  4. Backup dulu template anda sebelum melakukan editing.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

    #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
    #terbaru{margin:0px}
    .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
    .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
    .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
    .mas-elemen:hover{background-color:#c3c3c3}
    .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
    #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjte_9IjKvsGBypK0tEMP1zXpJ4rlZ1FYllNAKRyRhjHmXVbadoODSX1tByhiyHsrzCDkbm16PDEF7mOFntRwNEnhd02E0AlbL4Kv-zESrj8J54x3hA0P0EErQams0znKuQk-yAe46965I/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
    #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
    #mas-navigasifeed:hover{background-color:#c3c3c3}
    #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
    #mas-navigasifeed span{padding:5px 10px}
    #mas-navigasifeed .next{float:right}
    #mas-navigasifeed .previous{float:left}
    #mas-navigasifeed .home{text-align:center}
    #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
    Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.
  6. Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :

    <script type='text/javascript'>
    //<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://infoheadline.blogspot.com/";
    var charac = 100;
    var urlprevious, urlnext;

    function maskolisfeed(johny,banget){
    var showfeed = johny.split("<");
    for(var i=0;i<showfeed.length;i++){
    if(showfeed[i].indexOf(">")!=-1){
    showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
    }
    }
    showfeed =  showfeed.join("");
    showfeed = showfeed.substring(0,banget-1);
    return showfeed;
    }
    function showterbaru(json) {
    var entry, posttitle, posturl, postimg, postcontent;
    var showblogfeed = "";
    urlprevious = "";
    urlnext = "";
    for (var k = 0; k < json.feed.link.length; k++) {
    if (json.feed.link[k].rel == 'previous') {
    urlprevious = json.feed.link[k].href;
    }
    if (json.feed.link[k].rel == 'next') {
    urlnext = json.feed.link[k].href;
    }
    }
    for (var i = 0; i < numfeed; i++) {
    if (i == json.feed.entry.length) { break; }
    entry = json.feed.entry[i];
    posttitle = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    if ("content" in entry) {
    postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    postcontent = entry.summary.$t;
    } else {
    postcontent = "";
    }
    if ("media$thumbnail" in entry) {
    postimg = entry.media$thumbnail.url;
    } else {
    postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kRmeyuFWgIpMkQohw7Za8mu-O0xgLlW9nXJ5SB_eyv7jYNt_tbZfi5mQjZYJByVTdpclx6omd4o7VNxZ382_Ss-Pq08-1cs1apl_1vZjzqbFgB5cLfj5FEmQtcHQvYFlRquEuPgKyYQ/s1600/no+image.jpg";
    }
    showblogfeed += "<div class='mas-elemen'>";
    showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
    showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
    showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
    showblogfeed += "</div>";
    }
    document.getElementById("terbaru").innerHTML = showblogfeed;
    showblogfeed = "";
    if(urlprevious) {
    showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
    } else {
    showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
    }
    if(urlnext) {
    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
    } else {
    showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
    }
    showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
    document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
    }

    function navigasifeed(url){
    var p, parameter;
    if(url==-1) {
    p = urlprevious.indexOf("?");
    parameter = urlprevious.substring(p);
    } else if (url==1) {
    p = urlnext.indexOf("?");
    parameter = urlnext.substring(p);
    } else {
    parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
    }
    parameter += "&callback=showterbaru";
    incluirscript(parameter);
    }
    function incluirscript(parameter) {
    if(startfeed==1) {removerscript();}
    document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
    document.getElementById("mas-navigasifeed").innerHTML = "";
    var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
    var terbaru = document.createElement('script');
    terbaru.setAttribute('type', 'text/javascript');
    terbaru.setAttribute('src', archievefeed);
    terbaru.setAttribute('id', 'MASLABEL');
    document.getElementsByTagName('head')[0].appendChild(terbaru);
    startfeed = 1;
    }
    function removerscript() {
    var elemen = document.getElementById("MASLABEL");
    var parent = elemen.parentNode;
    parent.removeChild(elemen);
    }
    onload=function() { navigasifeed(0); }
    //]]>
    </script>
    Keterangan :
    var numfeed = 5; >> Jumlah Artikel terbaru yang ditampilkan pada widget
    var urlblog = "http://infoheadline.blogspot.com/"; >> ganti dengan URL blog Anda
    var charac = 100; >> Jumlah karakter atau huruf pada setiap post.
  7. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :

    <div id="terbaru"></div>
    <div id="mas-navigasifeed"></div>
    Terakhir save dan lihat hasilnya.

Demikian Cara Membuat Widget Artikel Terbaru dengan Fungsi Previous dan Next ini, kalau anda suka tinggal sedot aja kodenya dan pasang disidebar blog anda. Happy blogging..!!       

Optimasi Permalink Untuk Pencarian Target Keyword


tips blogging
Optimasi Permalink Untuk Pencarian Target KeywordOptimasi SEO pada permalink blogspot bisa dilakukan dengan beberapa cara. Salah satunya yaitu dengan mengoptimalkan fungsi permalink itu sendiri untuk pencarian target keyword berdasarkan url dan title. Mungkin tidak banyak yang memperhatikan bahwa sejak saya menulis tentang cara membuat permalink di blogspot sekitar 4 bulan yang lalu, saya telah menerapkan penggunaan permalink seo friendly yang saya modifikasi sendiri ini. Ide awal pembuatannya sederhana saja, pertama saya ingin mengetahui apakah postingan baru atau url artikel saya sudah terindeks di search engine. Dan tujuan kedua adalah saya ingin mengetahui berada dimana atau pada posisi berapa artikel tersebut pada hasil pencarian (SERP) berdasarkan target keyword di Google (ini sangat berguna untuk artikel kontes seo). Kedua aktifitas ini cukup dilakukan dengan mengklik link yang ada pada permalink tersebut tanpa harus mengetikkan url atau pun kata kunci secara manual di bar pencarian google. Intinya kepingin lebih praktis aja gitu loh..! Namun ternyata ada beberapa manfaat lain yang bisa saya dapatkan setelah menerapkan penggunaan permalink seo friendly ini. Berikut ini manfaat penggunaan permalink seo friendly blogspot :

  • Mengetahui apakah URL artikel sudah terindeks di google. Pada banyak kasus, biasanya URL artikel akan terindeks lebih dulu baru menyusul isi dari artikel tersebut. Namun ada juga yang langsung terindeks secara bersamaan. Cepat atau lambat hasil indeks dipengaruhi oleh seo on page dan off page yang biasa dilakukan pemilik blog.
  • Bisa digunakan untuk mengetahui posisi SERP artikel berdasarkan kata kunci atau judul artikel yang digunakan.
  • Mengetahui kondisi dan posisi keberadaan link aktif atau link sumber yang mengarah ke artikel sekaligus mengetahui backlink.
  • Bisa jadi alat pantau aksi para tukang copas
  • Tambahkan sendiri manfaat lainnya kalau anda sudah menerapkan permalink ini nantinya..:D
permalink blogspot
  
Dibawah ini adalah kode permalink yang saya gunakan untuk pencarian target keyword :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs2'><div style='border: 1px solid #ccc; padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;  background:#FFFACD;'>Terima kasih anda telah membaca artikel  <b><a expr:href='&quot;http://www.google.co.id/search?q=&quot; + data:post.url' target='_blank'><data:post.title/></a></b>. Tak lengkap rasanya jika kunjungan anda di blog <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15UGIl_1nDFkIIEgsc_wyI-OLr6Ubh5qzY2pkddhJt_FyyaOrUS0gm3dhQY6RHc9cAwrGkj7wi8jVeXmdx-JQkqyi96kGmW2bHmCuL5rbgHSgwksur_0p02G3N5YwICriyMfvkJ4xv8TD/s1600/urhicon.gif'/><b><a href='http://www.rayhanzhampiet.com/'>Share With Irfan</a></b> tanpa meninggalkan komentar. Untuk itu silahkan berikan tanggapan anda pada kotak komentar di bawah. Semoga artikel <b><a expr:href='&quot;http://www.google.co.id/search?q=&quot; + data:post.title' target='_blank'><data:post.title/></a></b> ini bermanfaat untuk anda.</div></div>
</b:if>

Pada kode diatas terlihat ada 3 link yang saya buat pada permalink ini, link 1 menggunakan querry pencarian google berdasarkan url artikel, link 2 hanyalah link biasa menuju homepage dan link 3 menggunakan querry pencarian google berdasarkan kata kunci (keyword) ataupun judul artikel. Untuk mempertajam atau mempersempit hasil pencarian sebenarnya bisa saja ditambahkan parameter host language (hl) dan juga geo location (gl). Maksudnya untuk memfilter hasil pencarian untuk hosting berbahasa Indonesia dan target country (id) Indonesia. Ini semua tergantung keinginan dan kreatifitas masing-masing saja, silahkan kalau ada yang ingin memodifikasinya lagi.

Sebagai percobaan, cobalah anda buka artikel gres dan hot saya…cieee..yang berjudul Mengenal Gita Cherry Webmaster Google Pertama dari Indonesia. Artikel ini telah di apresiasi banyak orang untuk membacanya sekaligus juga mengundang aksi tukang copas. Sejak awal dipublish pada 13 Agustus lalu artikel ini telah ditayangkan sekitar 27.950 kali di Blogger dan pada widget statistik saya hari ini artikel tersebut telah dibaca oleh lebih dari 1.200 orang (klik). Jika anda coba mengklik pada link 1 (pertama) maka hasilnya menunjukkan artikel itu sudah terindeks dan juga terlihat backlink ataupun link sumber aktif yang mengarah ke url artikel tersebut. Kemudian kalau kita mengklik link 3 (ketiga) maka hasil pencarian berdasarkan judul artikel ini menunjukkan angka 3.680 hasil pencarian. Perhatikan (baca) paragraf pertama artikel asli yang saya buat dan bandingkan dengan hasil pencarian ini. Maka anda akan segera mengetahui siapa saja yang telah melakukan aksi copas 100% khususnya pada paragraf pertama dan terakhir artikel yang terindeks di google. Permalink ini ternyata memudahkan saya juga untuk menelusuri artikel-artikel copas dari blog ini he he. Dan berhubung saya telah menuliskan menu Privacy Policy khusus mengenai aturan dan kebijakan copy paste, maka mulai awal bulan depan mungkin saya akan mengaktifkan razia artikel copas dan menerapkan sanksi DMCA Complaint.

Itu saja sedikit tips mengenai Optimasi Permalink Untuk Pencarian Target Keyword yang bisa saya share pada tips blogging kali ini. Semoga bermanfaat dan lebih memicu kreatifitas kita dalam berkarya. Salam Blogger !!