™Xiteria-Zone™

Hari ini saya akan menuliskan tutorial cara pasang fb like botton, twitter share, dan tombol Google +1 di blogger menggunakan script sharethis.

Tutorial pasang fb like, twitter share, dan Google +1 ini sengaja saya tuliskan untuk menjawab sekaligus memberikan solisi bagi teman-teman yang belum berhasil menggunakan Cara Menambahkan Facebook Like Button Di Blogger yang sudah saya tulsikan dulu.

Panduan cara pasang facebook like, twitter share, dan Google +1 ini saya tuliskan disela-sela kesibukan dan dalam kondisi yang masih capek, jadi jika ada kekurangan atau ada salah dalam penulisan tutorial blogger kali ini saya harap teman-teman bisa maklum dan mohon ditegur jika ada yang salah, dengan cara menuliskan yang benar lewat kolom komentar.

Ok saya rasa cukup curhatnya, mari kita lanjut.

Panduan Cara Pasang FB Like, Twitter Share, dan Google +1 Di Blogger

Karena tutorial kali ini menggunakan script yang disediakan oleh ShareThis, maka langkah pertama yang harus kamu lakukan adalah mengunjungi situs penyedia script tersebut melalui alamat www.sharethis.com

Setelah situs ShareThis sudah terbuka, silakan klik menu Sign in

Lihat di sebelah kiri, di sana ada pilihan untuk Sign in (Login) tanpa harus daftar, silakan pilih login menggunakan akun yang kamu mau.

Kemudian klik menu Get the Button

Pilih Website dan klik Next (Jika ingin memasangnya di sidebar silakan langsung pilih Blogger)

Silakan pilih tombol / button yang kamu mau dan klik Next

Dihalam ketiga ini kamu bisa menambah atau mengurangi tombol yang kamu mau dengan cara menyeretnya kesebelah (kiri jika ingin menambahkan, dan kanan jika ingin menguranginya). Jika sudah pas dengan yang kamu mau silakan klik FINISH: Get the Code, maka kode yang harus dipasang akan keluar.

Keterangan:

• Kode no1 nantinya dipasang di bawah atau sebelum kode <data:post.body/> (bisa juga ditempat lain yang kamu mau.
• Kode no2 nanti dipasang sebelum kode </head>

Tutorial Pasang Kode Facebook Like, Twitter Share, dan Google 1+ di Blogger

Berikut panduan langkah demi langkah Cara Pasang FB Like, Twitter, Google 1+ Di Blogger


Silakan Pasang kode FB Like, Twitter, dan Google 1+ yang didapat dari ShareThis tadi sesuai keterangan yang sudah saya tuliskan di atas.

Social Bookmarking memang tidak wajib ada di blog kita, namun tidak ada salahnya juga kan kalau blog blogger kesayangan kita di pasangi script social bookmarking seperti script sexy bookmark berikut


Dengan adanya script social bookmarking seperti sexy bookmark yang saya pasang di blog ini maka pengunjung blog bisa menyebarkan isi artikel yang ada di blog kita dengan cara mengklik icon yang ada. Misalnya ingin menyebarkan ke facebook, maka pengunjung blog kita tinggal klik icon facebook saja.

Panduan Cara Membuat Read More Di Blogger Tanpa Menggunakan Script Read More

Hari ini saya ingin menuliskan cara membuat read more tanpa script atau cara membuat posting yang ada tulisan baca selengkapnya tanpa harus menutak-atik template yang kita gunakan, tanpa harus repot-repot menambahkan kode/script lagi. Bagi yang ingin mencoba membuat Auto Read More (Read More Otomatis menggunakan script) silakan baca Cara Membuat Auto Read More di Blogger.

Tutorial Cara Membuat Text Animasi atau Animasi Tulisan Berwarna di Blogger.

Pada artikel kali ini saya akan menuliskan panduan cara bikin teks flash (teks animasi flash / tulisan berwarna bergaya flash) yang nantinya bisa teman-teman pasang pada postingan blog (untuk mempercantik tulisan) atau di widget/sidebar (sebagai widget selamat datang yang keren).

Tutorial blog ini berbeda dengan Tutorial Cara Bikin Tulisan Kelap Kelip (Blink) yang sudah saya tuliskan dulu, karena tutorial cara membuat text animasi flash atau animasi tulisan berwarna ini menggunakan script sedangkan untuk membuat tulisan kelap kelip (Blink) tidak memerlukan script, hanya kode html saja.

Sebelum saya menuliskan panduan membuat text animasi flash atau animasi tulisan berwarna, saya akan memperlihatkan demonya dulu, agar teman-teman bisa melihat langsung bagaimana hasilnya nanti.



Nah itulah seperti itulah nanti penampakannya di blog teman. Next .

Panduan Tutorial Cara Membuat Text Animasi atau Animasi Tulisan Berwarna

Untuk Di Pasang Pada Postingan Bagi teman-teman yang ingin memasukkan text flash animasi ini pada postingan silakan ikuti langkah berikut:

1. Buat posting baru / Edit postingan yang sudah ada.
2. Masukkan kode script Text / Tulisan Flash Animasi Berwarna di sana (kode ada di bawah). Sebelum memasukkan kode script pastikan teman memasukkannya di bagian Edit HTML bukan di Compose (lihat di sebelah kanan atas forum isian posting)
3. Terbitkan Entri (boleh juga dipratinjau dulu)

Untuk Di Pasang Pada Widget Bagi teman-teman yang ingin memasukkan text flash animasi ini pada widget/sidebar silakan ikuti langkah berikut: 1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode Text Animasi Tulisan Berwarna di sana. 5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut) Nah itulah langkah yang harus di lakukan.

Kode Script Text / Tulisan Flash Animasi Berwarna

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

<div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #990099; border: 1px solid #ECEDE8; box-shadow: inset 0 1px 5px 0 #555; font-family: Cataneo BT; font-size: 21px; font-weight: bolder; padding: 5px 20px; text-align: center;"> <script type="text/javascript"> var message="Selamat Datang Di Blog Ahmad Rifai Net" var bgsGR1color="#FFFFFF" /* Warna utama teks */ var bgsGR2color="#FFFF00" /* Warna teks flash pertama */ var bgsGR3color="#00FF66" /* Warna teks flash ke dua */ var flashspeed=100 // kec. ganti warna (1/1000 dt) var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2) var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2) var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk) var n=0 if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>')}else document.write(message) function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++) crossref(m).style.color=bgsGR1color} crossref(n).style.color=bgsGR2color if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color if (n<message.length-1) n++ else{n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return}} function beginneon(){if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed)} beginneon() </script> </div>

Catatan :

Ganti tulisan Selamat Datang Di Blog Ahmad Rifai Net yang ada di line 3 dengan tulisan yang teman mau. var flashingletters=19 - var flashingletters2=19 : pada link 8 & 9 . Ganti angka 19 dengan angka yang teman mau (Tips* hitung seluruh tulisan dan spasi yang teman masukkan pada line 3 (kode 1) atau line 5 (kode 2), kemudian bagi 2, setelah itu ganti angka 19 dengan hasil pembagian tadi.

Selamat mencoba membuat text animasi tulisan berwarna & Semoga berhasil

Cara Memasang Status YM di Blog - Cara Memasang Status Yahoo Messenger di Blog - Cara Memasang Status Yahoo Meseenger ON/OFF - halo bertemu lagi dengan saya Fariz Ramadhan selaku yang punya blog ini dan ini hehe kali ini saya akan membuat artikel mengenai Cara Memasang Status YM di Blog. apa sih itu YM ? YM itu singkatan dari Yahoo Messenger. Keuntungan itu kita bisa chat sesama pemilik akun yahoo loh seperti halnya chat di facebook. sahabat blogger pasti punya blog kan ? kalau gapunya hhhaadeehhh haha nah maksud dari judul adalah Memasang status YM kita ON/OFF. Hmm kayanya saya terlalu banyak basa basi ya ? yaudah langsung saja deh Cara Memasang Status YM di Blog  =))


Langkah-langkahnya :
1. Anda harus mempunyai email yahoo terlebih dahulu. kalau gapunya bisa masuk kesini