Saturday, May 11, 2013

Cara Membuat Widget Share Jejaring Sosial Untuk Blogger


Dalam posting ini saya akan menjelaskan bagaimana menambahkan Css geser daftar ikon sosial bagi blogger. Pada Sebelumnya saya telah memposting Cara Claim Blog Di Alexa, Dalam tutorial ini saya Dengan menggunakan widget ini Anda dapat menghubungkan media sosial Anda profil Facebook, Twitter, Google, dan Rss. 

http://percobaanstune.blogspot.com/2013/04/widget-unik.html

Langsung saja kita menuju yang dituju, Berikut langkah-langkahnya :
  1.     Login ke Dashboard
  2.     Masuk ke Layout/Tata Letak
  3.     Add Gadget >> HTML/JavaScript
  4.     Masukkan kode di bawah, lalu Simpan
<style>
/*--------Social Sharing Widget ------*/
.socialsharing a {
display:block;
height:50px;width:50px;padding:0 4px;float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr4-T47mj8R66Tpb-Pf35unct3prAcSKeg2jU1CCrfW1z75nzv9jHBrD6oEvUxi2ggaE6AHoYlap0D31r759q83nukEjdK5pm1KvdJ-aI6vDD9p6QMNMQAkB1RjXF48Z2tIdQ0MJhPB-s/s1600/Sharing+buttons.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.socialsharing a.googleplus {
background-position: 0px -58px;
}
.socialsharing a.googleplus:hover {
background-position: 0px 0px;
}
.socialsharing a.twitter {
background-position: 0px -290px;
}
.socialsharing a.twitter:hover {
background-position: 0px -232px;
}
.socialsharing a.facebook {
background-position: 0px -406px;
}
.socialsharing a.facebook:hover {
background-position: 0px -348px;
}
.socialsharing a.rss {
background-position: 0px -174px;
}
.socialsharing a.rss:hover {
background-position: 0px -116px;
}
</style>
<br />
<div class="socialsharing">
<a class="rss" href="RSS Link" rel="external nofollow" target="_blank"></a>
<a class="googleplus" href="Google profile link" rel="external nofollow" target="_blank"></a>
<a class="facebook" href="Facebook page Link" rel="external nofollow" target="_blank"></a>
<a class="twitter" href="Twitter Link" rel="external nofollow" target="_blank"></a>
</div>

Save dan lihat hasilnyaa..

Catatan :
Merah : Ganti dengan kode URL Anda.

Semoga bermanfaat dan mohon maaf bila penyampaian saya kurang bagus :)
Semoga bermanfaat!

Thursday, May 9, 2013

Cara Claim Blog Di Alexa

Kali ini saya akan membahas tentang "Cara Claim Blog Di Alexa", Alexa adalah salah satu modal penting blog sobat untuk meraih kesuksesan, karena jika blog sobat memiliki alexa yg ramping pasti blog itu adalah salah satu blog yg memiliki visitor banyak, Alexa juga menjadi salah satu alat ukur untuk blog tentang sebarapa tinggi nilai sebuah blog yg di ukur melalui kerampingan alexa, nah maka dari itu kita buat alexa blog kita ramping dengan cara " Claim Blog Di Alexa", Claim blog di alexa berfungsi agar blog sobat selalu di pantau terus oleh si alexa, lalu bagaimana "Cara Claim Blog Di Alexa".


  • Isi kan dengan alamat blog sobat lalu klik "Claim Your Site"
  • Pilih yg Free, Lalu sobat klik Sign Up
  • Login menggunakan akun facebook
  • Lihat Yang Bagian
  • Option 2:Add your Alexa verification ID to the home page of blablabla.
  • Jangan tutup tab tadi dulu, Login ke Blogger >> Template >> Edit HTML
  • Copy Pastekan kode yg saya kotaki di atas kode <head> Template blog sobat.






  • Setelah tersimpan di template blog sobat, Pilih Tab Alexa Tadi, lalu klik Verif My ID

Kosa kata Bahasa Jepang

mulai 開始 kaishi
warna 色 iro
mudah 簡単 kantan
bahu 肩 kata
penyakit 病気 byouki

Anne アンネ anne
biaya 費用 hiyou
sangat 非常に hijou ni
komentar コメント komento
tas バッグ bagg

rute ルート ruuto
drama ドラマ dorama
otomotif 自動車 jidousha
Gunung 山 yama
surga 天国 tengoku

kesempatan 機会 kikai
Mama ママ mama
sudut 角 kaku
tenggorokan 喉 nodo
gelombang 波 nami

pilot パイロット pairotto
sepupu いとこ itoko
sikat ブラシ burashi
perahu ボート booto
usia 年代 nendai

setuju 同意する doui suru
seragam 制服 seifuku
luar negeri 海外 kaigai
Asia アジア ajia
ular ヘビ hebi

nasehat 忠告 chuukoku
keheranan 驚き odoroki
tahap ステージ suteeji
player プレーヤー pureeyaa
Balet バレエ baree

十分に私の語彙の少し気の毒とき :)

Cara Ping Blog Dan Daftar Situs Layanan Ping

ping service
Ada banyak situs yg menyediakan layanan ping. Secara konseptual, selain menotifikasi search engine, beberapa situs layanan ping juga melakukan ping ke situs layanan ping lain. Sistemnya hampir seperti viral, sekali ping pada satu layanan maka beberapa situs ping yang berafiliasi akan menerima ping tersebut dan meneruskannya.

Untuk melakukan ping, anda dapat membuka situs-situs layanan ping yang sangat banyak jumlahnya. Anda dapat mencarinya di search engine dengan kata kunci misalnya:  "ping service', "ping tool", "blog ping tool', dan lain-lain. Secara umum situs-situs tersebut akan meminta anda untuk melakukan langkah-langkah berikut:
1. Isikan url blog/website
2. Isikan nama (title) blog/website.
3. Isikan url feed blog/website, (biasanya optional, tapi jika ada opsinya, isikan agar lebih maksimal)
4. Isikan alamat email yang valid (sebagian meminta ini)
4. Isi kode keamanan/captcha (sebagian mensyaratkan)
5. Dan klik perintah ping.
6. Tunggu hingga proses selesai.

Beberapa situs layanan memperbolehkan anda memasukkan url posting, namun sebagian yang lainnya tidak mengijinkan. Hanya root url (front page url) saja yang diperbolehkan.

Gunakan layanan ping dari situs layanan ping terbaik  berikut

Selain layanan ping ke kurang lebih 100 website, situs juga menyediakan add-on browser Mozilla Firefox. Add-on ini mempermudah anda untuk melakukan ping suatu url tanpa harus menuju ke websitenya. Caranya adalah dengan mengklik pingler tool yang terpasang di bagian atas browser ketika browser sedang berada di suatu halaman tertentu. Dapatkan add-on tersebut secara langsung di Pingler.

Layanan ping ini juga melakukan ping url ke banyak website. Selain itu, terdapat pula widget yang dapat anda pasang di blog/website yang dapat anda gunakan untuk melakukan ping ketika anda sedang berada di halaman tertentu di blog anda. Klik widget tersebut untuk melakukan ping secara otomatis dan akan ada window baru terbuka yang menuju ke halaman ping.

Selain memiliki tool seperti website submission, pagerank checker, meta tag creator, dan lain-lain, situs ini juga menyediakan layanan ping ke 80 website. Satu situs dengan banyak paket. Recommended banget lah.

Layanan ping instan terutama untuk feed update.

 Selain layanan ping, situs ini juga menyediakan widget button autopinger untuk melakukan ping melalui halaman dimana anda berada saat melakukan ping. Terdapat pilihan ping untuk blog dan podcast blog.

Menyediakan layanan ping hingga ke 71 website.

Melakukan layanan ping ke kurang lebih 40 situs.

Melakukan layanan ping ke 51 website dengan tiga jenis spesifikasi (general, non english, dan special).

Memiliki spesifikasi yang sama seperti pingoat.com.

Lakukan ping dengan interval tertentu pada situs-situs di atas untuk memaksimalkan indeks blog/website. Anda dapat menggunakan semua layanan tersebut namun beri jarak agar tidak terjadi crash. Beberapa situs hanya mengijinkan 1 kali hingga beberapa kali ping dalam sehari. Saran: bookmark halaman ping masing-masing situs di browser anda setelah melakukan ping untuk memudahkan melakukan ping selanjutnya.

Cara Membuat Related Post LinkWithin

related post widget
(Tutorial Lengkap Cara Membuat dan Trik Kostumisasi Widget LinkWithin Related Post with Thumbnails')

Sudah beberapa lama ini saya menggunakan widget LinkWithin dan hasilnya cukup lumayan sebagai salah satu upaya untuk membuat pengunjung bisa melihat-lihat lagi halaman yang lainnya, sehingga meningkatkan jumlah pageview & cukup lumayan untuk menyumbangkan sejumlah traffic. Bisa dibilang LinkWithin adalah tool navigasi eksternal yang cukup keren. Halaman-halaman lama yang jarang tersentuh pun bisa dioptimalkan lagi dengan penggunaan fitur ini. Selain itu, widget ini juga menggunakan thumbnail yang bisa meningkatkan daya tarik. Tampilannya pun lumayan. Linkwithin melakukan generating gambar dari page yang dimuat, atau jika tidak ada gambar dalam halaman tersebut, LinkWithin akan menampilkan gambar dasar berwarna abu-abu dan sedikit bertekstur. Sistem yang digunakan adalah randoming content, jadi semi random, namun tetap melakukan upaya persamaan konteks melalui judul, tag, atau label. Sehingga ketika page di load, dibutuhkan waktu untuk tool ini merayap dan menampilkan hasilnya. Tapi tidak cukup lama. Lagi pula tidak ada apa-apanya dibanding hasilnya.

Cara Mendapatkan Widget
1. Go to LinkWithin.
2. Setelah masuk halamannya, lihat ke bagian kanan bawah dimana disitu terdapat kolom isian untuk mendapatkan widgetnya.
3. Masukkan valid email.
4. Isikan url blog/website.
5. Pilih Platform blog anda (ini digunakan untuk memasukkan secara otomatis melalui dashboard/admin page blog).
6. Pilih jumlah link/stories yang ingin anda tampilkan, sesuaikan dengan lebar post body di blog.(pilih melalui dropdown menu di kolom Width)
7. Centang "My blog has light text on a dark background" jika latar tampilan blog anda berwarna gelap.
8. Klik 'GetWidget!'.
9. Anda akan masuk ke halaman selanjutnya dan dibimbing untuk melakukan langkah-langkah sesuai dengan platform blog.
10. Setelah masuk ke halaman widget editor/page element di dashboard, tarik widget ke bawah post body jika ingin ditampilkan di bawah post body, save dan check hasilnya.
Contoh tampilannya seperti ini:
 Kostumisasi Widget
a. Kata-kata "you might also like:" mungkin kurang keren menurut anda, so anda bisa menggantinya dengan cara:
1. Masuk ke Edit HTML di dahboard anda
2. Cari tag <head> (Ctrl+F)
3. Kemudian masukkan script berikut di bawahnya:
<script>linkwithin_text='TEKS DISINI:'</script>
4. Ganti TEKS DISINI dengan teks yang anda inginkan dan save template.

b. Jika ingin menempatkan widget LinkWithin di posisi tertentu di bawah post body, karena mungkin disana ada banyak widget lain seperti Adsense, letakkan kode berikut di atas atau dibawah widget yang lain di bagian post body (cari widget-widget di bagian post body).
<div class="linkwithin_div"></div>
Lalu save.

c. Ketika berada di halaman utama (frontpage) atau halaman-halaman yang memuat query posts, widget ini akan muncul di bawah setiap post. Hal ini tentu saja tampak tidak elegan dan membutuhkan waktu loading yang lebih lama, jika anda ingin widget ini hanya muncul di bagian posting saja (menyembunyikannya dari halaman muka), lakukan langkah berikut:
1. Jika anda sudah terlajur memiliki widget LinkWithin yang terpasang, silakan di remove/delete terlebih dahulu.
2. Lakukan kembali langkah untuk mendapatkan widget LinkWithin diatas. Khusus pada menu Platform pilih 'Other'. Klik 'Get Widget!'
3. Anda akan menuju ke halaman selanjutnya, lalu copy script yang telah terbuat dan simpan script tersebut.
4. Kemudian masuk ke edit HTML template anda, dan ikuti langkah sederhana cara menampilkan widget hanya di post body.
5. Save dan lihat hasilnya.

Wednesday, May 8, 2013

Meningkatkan Trafic Blog Dan Bonus Dollar

Traffic Exchange with 620,000+ members 

Trik kali ini ada dua keuntungan, selain bisa meningkatkan Trafic, kita juga bisa mendapat dollar. Disini kita bisa dengan mudahnya memperoleh trafic dari Luar Negri.

Easyhits4you adalah salah satu obat yang paling mujarap dalam kasus ini, Awalnya saya tidak tau kalau
di easyhits4you bisa memperoleh Dollar juga. Kita dibayar $0,3 untuk 1000x surfing. setiap surfing kita mendapat 1 credit.

Credit ini lah yang nantinya akan digunakan untuk menukar Trafic. misal anda mendapat 15 Credit, pengunjung blogg anda juga bertambah 15. Jadi sama dengan istilah pertukaran Trafic.

nah setelah kita sudah mencapai 1000 credit/surfing, saldo kita akan bertambah $0,3. Minimal Pay Outnya $3 via paypal.

Langsung saja kita menuju tempat pendaftaranya..

1. Klik Banner di bawah ini untuk daftar

EasyHits4U - Your Traffic Exchange

atau disini 

2. Klik tulisan Join Now, Make Money Get Trafic, Free . yang berada dibagian tengah. atau bisa langsung klik Register Now dibawah forgot pasword

3. Isi Formulir nya dengan benar

4. Jika sudah.. anda akan menuju Account anda. (Tampilanya seperti ini )


5. Pergi ke menu My Sites (sebelah kiri paling atas).

6. Isikan sesuai kolom


-Isi URL dengan link Blogg ata situs anda.
-Isi Title Judul Blogg anda
-Jika situs anda berbahasa inggris centang paling atas
-Geo Targeting adalah negara mana sajakah yang anda ijinkan melihat situs anda. Isi saja Worldwide
-Show 1  isi 15-20 sec
-Show 2 isi 5000 times perday
-Centang semua hari

7. masukan beberapa Blogg yang ingin anda masukan dan tingkatkan trafic. Tampilan jika anda sudah mendaftarkan Blogg ke Easyhits4you

 
NP : Tidak sembarang blogg bisa lolos ke Easyhits4you. Jika anda memiliki iklan CPM (Cost Per Mile) seperti , Dex Platfoorm. Bagi iklan PPC tidak masalah.

8. Anda sudah siap mengumpulkan Credit. Klik meni Start Surfing (1:1, 20 sec) yang sebelah kanan untuk mempercepat pendapatan credit.
(sory gambarnya nyasar)

9. Lakukan Surfing 25x = 25 credit untuk mendapat bonus berupa banner atau adtext

10. Jika Credit sudah terkumpul masukan credit ke kolom situs anda


# Jika ingin membagi rata, klik Distribute . Atur sesuai dengan keinginan anda. Pastikan situs dalam keadaan active

11. Jika ingin melihat semua jumlah atau hasil credit yang anda dapat. Klik ke Accoubt Statistic (dibawah start surfing) tampilanya seperti;

# disini juga tempat anda akan Pay Out

 Cukup mudah untuk menggunakan Easyhits4you. Dari sinilah situs anda akan mudah dikenal dari berbagai belahan dunia. Juga dapat menghiasi Flag Counter anda.. ^^

Surfing sebanyak mungkin dan dapatkan Dollar.

Sumber : Pendingbisnis.com

Tuesday, May 7, 2013

Membuat Daftar Isi Dengan jQuery Accordion

Daftar isi sangat penting bagi keberadaaan sebuah blog atau web. Karena daftar isi pada website/blog berfungsi sebagai alat navigasi bagi pemilik maupun pengunjung untuk menjelajahi isi dari website/blog. Setelah sebelumnya saya sudah membahas tentang cara membuat daftar isi manual dan otomatis, kali ini saya akan berikan satu lagi cara membuat daftar isi, tapi kali ini beda karena menggunakan jQuery dan hasilnya nanti akan lebih keren.

Selain itu daftar isi yang saya bahas disini juga menggunakan efek animasi accordion, hal ini dimaksudkan agar daftar isi blog ini terasa lebih ringkas dan tidak terlalu panjang sekaligus mudah dan rapi untuk blog serta artikel yang disusun berdasarkan Label/Kategori. Sehingga serasa seperti blog anda seperti blog profesional. Nah, untuk contoh soalnya temen-temen bisa lihat gambar di bawah atau langsung klik disini.


Baiklah, saya akan langsung saja pada langkah-langkah pembuatannya :

Langkah Pertama
  1. Login dulu ke blogger anda
  2. Pada dasbor masuk ke Rancangan lalu pilih Edit HTML.
  3. Setelah itu cari kode berikut ini ]]></b:skin>
  4. Kemudian copas kode dibawah ini dan taruh diatasnya
    #dafis-acc{
    font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvSInoA10dnpRuGy4a6CY4lhr6qf2j-vyXsLADzktr1VfXfQ68zUJkwTb5l0FBzqOEMsPq4KTR8fROKyWK2v2v8BzwPI2uFROnjVU1mIh14ULyYPyxyoGJYg3KFsLuywqZ9u2V-MNKjzQ/d/bg5.gif) repeat-y scroll left center #E7F7FB;
    padding:2px 0;
    border:1px solid #339DC6;
    }
    .dafis-label{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuO0x5sVEaQopnym9wKVT9yUwviekPpyTeQetzmL46K0gR9AgeyZM5prvG0XffTy1YRuwWza3AhRSQbRnONMOqgbG54iyCRDzkfp8-3udPLeGyrYHypAaxjkGAqvpyJy3tv9s37d_fonU/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
    font-weight:bold;
    line-height:1.4em;
    overflow:hidden;
    white-space:nowrap;
    vertical-align: baseline;
    margin: 1px 3px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    padding: 2px 10px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border:1px solid #2F94BA;
    }
    .dafis-label:hover{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxjKQ-Q76YR4fo2K8wtOEGoDDqUwHV7wfkuLIs-XCQng4K57QZj1oi2SwbCHVo7jYzYi080Kf8tkwAv_esFRdkOdB8IdFDMY-GghavWoLcq27FyQ2ZgJfZXZecETMjU0c5VXnNo7n9rQ/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
    color:#003366;
    }
    .dafis-daf ol{
    margin:0 0 0 30px !important;
    padding:0 !important;
    }
    .dafis-daf ol li{
    background-color:#C9E9F4;
    line-height:1.5em;
    margin:1px 3px !important;
    white-space:nowrap;
    text-align:left;
    border:1px solid #339DC6;
    }
    .dafis-daf ol li a{
    text-decoration: none !important;
    color:#333 !important;
    display:block;
    padding-left:10px;
    }
    .dafis-daf ol li a:hover{
    background: #7BC4DF;
    border-left: 5px #333 solid;
    padding-left: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    }
  5. Selenjutnya cari kode </head>, lalu letakkan kode dibawah ini diatas kode </head>.
    view plainprint?
    1. <script type='text/javascript'  src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>  
  6. Nb : Jika sebelumnya sobat telah memasang scipt jQuery ini lewati saja langkah diatas
  7. Kemudian Klik Simpan Template.
Langkah Kedua
  1. Buatlah sebuah posting blog dengan judul terserah (Misalnya : Daftar Isi Blog Lengkap Atau Table Of Content )
  2. Selanjutnya Masukkan kode di bawah ini pada postingan, caranya seperti membuat postingan seperti biasa tetapi dalam mode Edit HTML.
    view plainprint?
    1. <script type="text/javascript"  src="https://sites.google.com/site/bangkolis/javascript/daftarisimaskolis.js"></script>  
    2. <script src="<span style="color: #990000;">http://namablogsobat.blogspot.com/</span>feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>  
  3. Ubah namablogsobat dengan url blog anda
  4. Selanjutnya Klik Publish Post.
Itu tadi tutorial kali ini, jika ada di antara temen-temen yang bingung, isi saja kotak komentar yang ada di bawah. Karena komentar temen-temen semua sangat berarti bagi blog ini. Selamat mencoba dan semoga bermanfaat.