Tutorial Blogger.Com

Belajar Berbagi meskipun Tak Ternilai

Kamis, 12 Maret 2015

Cara Buat Cursor Di Ikuti Tulisan Pada Blogg



Selain menggunakan Animasi ,Cursor pada saat ada pengunjung mengunjungi blog kita juga bisa di tambahkan dengan tulisan atau teks yang slalu mengikuti saat cursor di geser dan pada saat cursor diam teks tersebut akan berputar mengelilingi panah cursor.jadi tutorial kali ini adalah tutorial tambahan untuk mempercantik blog.nahh.. buat sobat yang ingin membuat Cursor yang di ikuti sebuah tulisan mudah koq caranya .karena kali ini Bang candra hahahah, akan menjelaskan tentang bagaimana Cara Buat Cursor Di Ikuti Tulisan.

 Silahkan Buat yang berminat, langsung aja ikuti tutorial Cara Buat Cursor Di Ikuti Tulisan di bawah ini.


1.Login ke blogger Sobat.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Selanjutnya Copy dan paste kode berikut di dalamnya.

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='tulis teks sobat disini'.split('').reverse().join('');

Sabtu, 07 Maret 2015

Cara Membuat Efek Lipatan Kertas Dipojok Kanan Atas Blog

Selamat Siang blogger Lovers, ketemu lagi dengan saya Candra Tasmin , kali ini saya kembali akan mencoba membagikan tutorial tentang cara membuat efek lipatan kertas di Pojok Kanan blog Sobat. Bagaimana sobat anda berminat tapi janji jangan di pamerin ya hahahhaaha Oke!!! ga usah panjang lebar, mari kita sama - sama belajar untuk membuat efek lipatan kertas di pojok kanan atas blog, caranya ga begitu sulit kok tinggal ikuti saja langkah-langkahnya dibawah ini .

1. Login ke blog anda.
2. Masuk design Templete --> Edit HTML
3. Centang Expand Templete Widget.
4. Anda Cari </body>
5. Letakkan code dibawah ini tepat diatas code </body>

Cara Menampilkan Jumlah Pengunjung Pada Blog

Ok langsung aja ya sobat Blogger nda usah banyak cincong jangan sampai sobat Blogger ngga sabar mau lihat uda berapa banyak pengunjung yang ada di Blogg sobat..hehehe , Buat sobat bogger yang tertarik silahkan ikuti langkah-langkah dibawah ini :


1. Masuk ke blog.Com atau Blog anda.
2. Klik Menu Opsi lain.
3. Klik Tata Letak.
4. Klik Add Gadget.
5. Klik HTML/Javascript.
6. Copy kode berikut :

Cara Membuat Menu Melayang Diatas Header Blogger

Sebenarnya untuk memodifikasi sebuah menu dropdown blog menjadi melayang sangatlah tidak terlalu sulit , kita hanya menggunakan fungsi sistem z-index yang berfungsi untuk membuat menu tersebut seolah-olah akan terlihat melayang. Dengan mengubah menu template blog anda menjadi melayang anda dapat mempunyai banyak keuntungan diantaranya yaitu , pageviews anda akan bertambah dua kali lipat dibandingkan sebelumnya , karena pengunjung akan terus tertarik dengan menu yang tersedia di blog anda

Selain menu melayang yang responsive , navigasi kali ini juga support valid HTML5 namun dalam valid CSS3 ada mengalamai kesalahan warning sedikit dikarenakan karena ada kode seperti webkit yang tidak support valid CSS3 , namun itu tak menjadi masalah dan tak perbengaruh pada seo blog sobat.
  1. Seperti biasanya , silahkan sobat masuk ke Template => Edit Html
  2. Cari kode <body> Tekan Ctrl + F secara bersamaan untuk mempermudah pencarian
  3. Salin dan tempelkan kode dibawah ini tept diatas kode <body> tersebut

Cara Membuat Buku Tamu Auto Hide Pada Blog

Apa kabar blogger Lovers...!!? Setelah sebelumnya memposting artikel cara memasang link menyala pada Blog, kali ini dengan wajah yang ceria. Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, 
Tutorial :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan kodenya di kotak yang di sediakan.
  3. Klik Save
silahkan masukkan kode berikut di HTML/Javascript blog sobat.

Cara Membuat Aplikasi Sosial Media Melayang Pada Blog

Selamat Siang, Malam, Pagi, Sore..Heheheh sobat Brow, tak lupa saya ucapkan selamat berhari libur, semoga dihari ini hari yang sangat menyenangkan bagi kita semua. Oke sobat langsung saja kita menuju ke pusat sakit kepala yaitu Cara Membuat Sosial Media Melayang Di blog.
1. Login Ke blogger.Com
2. Pilih Tata Letak
3. Tambahkan Gadget
4. Pilih HTML/JavaScript

Cara Memasang Widget Slide Gambar Bergerak Pada Blog

Menambahkan tampilan gambar di blog dapat memperindah dan memperamai blog. Ketika ingin menambahkan gambar di blog secara biasa dapat dengan menambahkan gadget gambar. Namun ada keterbatasan, yaitu hanya satu gambar untuk setiap upload, sehingga apabila ingin menampilkan beberapa gambar dapat memakan ruang. Solusi untuk mengatasi masalah tersebut sebenarnya simpel yaitu dengan memanfaatkan fitur marquee (gerak). Fitur marquee yang biasanya digunakan pada teks saja kini juga dapat dilakukan untuk gambar. Hasilnya gambar dapat bergerak secara otomatis dan tidak terlalu memakan ruang yang banyak di blog.
Untuk menambahkan widget slide gambar bergerak caranya lebih mudah dari apa yang kita bayangkan,, Ok langsung saja ikuti petunjuk dibawah ini :
1. Buka blogger.com dan login ke dalam akun blog Sobat.
2. Pilih Tata Letak (Layout) blog.
3. Pilih Tambahkan Gadget (Add Gadget) >> HTML/JavaScript.
4. Salin dan tempelkan kode script di bawah ini.
<marquee direction="up" onmouseover="this.stop()" scrollamount="4" onmouseout="this.start()">
<img src="URL GAMBAR 1" width="100%" height="100%" /><br />
<img src="URL GAMBAR 2" width="100%" height="100%" /><br />
<img src="URL GAMBAR 3" width="100%" height="100%" /><br />
<img src="URL GAMBAR 4" width="100%" height="100%" /></marquee>
Keterangan:
a. Mengganti arah gerak gambar dapat dilakukan dengan mengubah: direction="up"
b. Menambahkan gambar dengan cara menganti URL GAMBAR
c. Lebar (Width) dan Tinggi (Height) dapat diubah sesuai selera anda. Jika 100% maka secara otomatis akan memenuhi batas widget
5.Tekan Simpan (Save) >> Simpan Setelan untuk menampilkannya pada blog dan kemudian lihat blog sobat, jika berhasil maka berikan Uplos untuk anda..!!!

Cara Pasang Meta Keyword Otomatis di Setiap Postingan Blogger

Tahukah anda bahwa meta tag keyword sangatlah berpengaruh besar dalam masalah search engine optimation atau SEO , karena meta keyword ini berfungsi untuk menembak artikel kita , agar mau nongkrong di page one google . Biasanya pada template bawaan blogger , belom terpasang meta tag keyword dan meta tag deskripsi. Maka dari itu bagi anda yang templatenya belum menggunakan meta tag keyword , ayoo mulai dari sekarang mari kita pasang meta tag keyword pada template anda yang baik dan benar serta valid . Sebenarnya di blog saya yang lain saya sudah memberikan tutorial ini , namun meta tag keyword itu masih jadul , belom di update dan belom menyesesuaikan dengan algoritma google terbaru ini.

Jumat, 06 Maret 2015

Cara Menambah Widget Slide Pada Postingan Blogger



Buatlah blog sobat terlebih keren dengan memasang widget Post Slide. Bagaimana cara membuat Post Slide? Atau bagaimana cara memasang Post Slide di blog? Sangat mudah dan sangat gampang. Sobat blogger tidak perlu edit template dan sobat blogger cukup menambahkan widget Post Slide dalam hitungan kurang dari 30 detik. Hahahaha Asik

1. Login ke akun blog Anda
2. Pilih Tata Letak 
3. Kemudian Klik Tambahkan Gadget 
4. Pilih HTML/javascript 
5. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi.

Cara Buat Efek Link Menyala Pada Blog


Cara Membuat Text Efek Menyala. Terlihat seperti menyalakan? Jika tidak mungkin faktor browser anda,karena efek ini hanya terlihat di browser tertentu saja seperti Firefox, Google Chrome Terbaru.Secara teknis sebenarnya efek ini menggunakan efek text shadow dengan CSS3. Dan dengan sedikit modifikasi RGBA jadilah efek text menyala ini. Langsung saja ke cara pembuatan texk menyala ini.

Kode yang saya gunakan untuk membuat text menyala di atas adalah seperti ini :

text-shadow: rgba(255, 150, 220, 1) 0px 0px 8px;

yang artinya kurang lebih seperti ini :
  • text-shadow = buatlah bayangan pada text
  • rgba(255, 150, 220, 1) = Warna dengan komposisi RGB dan Alpha (R, G, B, Alpha). Ganti sesuai warna cahaya yang anda inginkan --untuk mencari komposisi warna RGB, kamu bisa menggunakan photoshop--
  • 0 0 8px = 0(ofset x) 0(ofset y) 8px(lebar/blur bayangan)

Sekarang untuk penerapan di Blog.
Langganan: Postingan (Atom)

Cursor Choy

Jumlah Pengunjung

Blog Archive

Pages

Diberdayakan oleh Blogger.

Video

Recent Posts

Text Widget

Copyright © Tutorial Blogger.Com | Powered by Blogger
Blogger Templates