Ferikun: tutorial blog

Breaking News

Showing posts with label tutorial blog. Show all posts

Saturday, 7 February 2015

Cara mendapatkan uang dengan mudah

Hai semua sobat ferikun.com
Post kali ini saya ingin membagikan trik cara mendapatkan uang ..

1. Lewat internet ..
Gampang gampang susah sih ..
Ada google adsense,

pas buat yang suka ngeblog kaya ane..
Penghasilannya bisa mencapai $100 per hari lho.. coba aja..
2. Lewat dunia nyata
Kalo ga mau kerja keras ya tinggal bobol atm, nyuri, rampok ( ini sih ga ada kerjaan kalo menurut ane)

Jadi intinya kalo mau dapet duit ya KERJA , bukan males malesan..
Bukan search di google bagaimana cara mendapatkan duit..
Kesindir yah..
mikir dulu deh.. dari pada agan pada benci blog saya ini , lebih baik agan berfikir, lalu cari kerja , apa aja yang penting halal .. udah gtu aja kok..

Thursday, 6 March 2014

Cara membuat Backlink di blog

nah kita kali ini akan memberikan cara untuk membuat backlink..
backlink sendiri adalah link masuk ke alamat web atau blog kita..

nah caranya kalian copy link dibawah ini dan
lalu kalian buat entri baru,,
dan pasti di entri yang kalian buat...

1. google
2. Yahoo
3. Twitter
4. indoboox
5. banghuda
6. mywapblog
7. logspot
8. Kreativitas
9. Ramabuk
10. 4shared
11. sandy'z syimbian blog
12. anonymous blog
13. alkatrans tour and Travel
14. informasi
15.all for we

sebelum sobat ingin memasang backlink tersebut kalian harus menghapus link yang berada diurutan pertama dan yang diurutan berikutnya naik urutan jadi misalnya dua jadi satu... dan seterusnya..
barulah anda memasang link anda di urutan no 15.

perhatian.

jika kalian sudah mempublikasikannya kalian wajib mengunjungi link tersebut walaupun cuma lima detik..
link tersebut jangan sampai terganti dan juga jangan rusak,,
dan apabila link sobat sudah mencapai peringgkat 1 berarti anda mendapatkan backlink sebanyak 6.103.515.625

Friday, 15 March 2013

cara membuat website gratis

Untuk membuat website itu tidaklah sulit, bahkan mudah sekali. Anda dapat membuatnya dengan gratis. Dalam kesempatan kali ini, paling heboh ingin memberikan bagaimana cara membuat website gratis dan mudah.

Untuk membuatnya kita perlu hosting, domain dan Platform Blog. Karena tema kita tentang membuat website gratis maka hosting dan domain saya sarankan menggunakan hosting gratis, Anda akan mendapatkan 2000 MB Disk Space, 100GB Data Transfer serta Jumlah Domain Unlimited. Untuk Platform Blog menggunakan Wordpress karena mudah dalam pengintalan.

Membuat Website Gratis

Silahkan Anda membuat akun di hosting gratis, klik disini untuk menuju ke web hosting gratis

Selanjutnya Klik Order Sekarang dan Isi Form Pendaftaran.

Setelah mendaftar, Anda akan mendapat email verifikasi, buka email dan klik link verifikasi yang di kirimkan ke email Anda.

Setelah klik link verifikasi, Anda akan di bawa masuk dalam pilihan hosting. Silahkan pilih yang gratis kemudian klik order.

Silahkan pilih nama sub domain yang akan Anda jadikan website.

Jika sudah, klik Buat. Nama sub domain kamu sedang dalam proses. Jika sudah selesai klik kontrol panel. Kemudian klik Beralih untuk masuk ke Cpanel.

Setelah berada dalam Cpanel, silahkan scroll ke bawah dan cari tulisan penginstalan otomatis, ini akan memudahkan Anda dalam menginstal wordpress.

Setelah Anda klik penginstalan otomatis maka Anda akan di bawa ke banyak pilihan pengintalan seperti membuat Web, Forum, social bookmark dan lainnya. Karena tema kita membuat website, maka pilih di bagian Blog dan klik Wordpress

Selanjutnya Anda akan masuk pada bagian penginstalan Wordpress. Silahkan isi Form yang tersedia

Install Ke - Kosongkan saja
Nama Pengguna Administrator - Nama Pengguna, untuk Login ke website Anda
Password administrator - Password, untuk Login ke website Anda

Setelah selesai mengisi form, lanjutkan dengan klik Instal Wordpress. Tunggu hingga semua proses selesai, kemudian klik kontrol panel dan coba cek dengan klik alamat website Anda.

Sampai disini, Anda sudah memiliki website dengan gratis dan mudah. Untuk masuk ke website Anda, silahkan ketikkan alamat berikut http://namadomainanda.com/wp-login.php ( ganti namadomainanda.com dengan alamat website Anda ) atau Anda bisa ke website Anda dan klik Log in.

Setelah itu Anda bisa mengisi website dengan tulisan-tulisan terbaik atau mengedit website sesuai keinginan Anda.

Semoga bermanfaat.

Tuesday, 5 March 2013

CARA MEMBUAT DAFTAR ISI PADA BLOG

hai sobat magnet apa kabar nich ,,,, setelah sebelumnya saya postng tentang tips dan trik photoshop kali ini saya akan posting tentang cara membuat daftar isi pada blog kita
caranya mudah banget

1. login pada blog sobat
2. buat entri baru
3. masuk pada bagian html yang disamping compose seperti gambar dibawah ini

4. masukan kode berikut

</script>

</script>

5. ganti tulisan yang warna biru dengan nama blog sobat

6. bagikan

7.lihat hasilnya

Thursday, 3 January 2013

cara membuat screen saver di blog

Silahkan sobat >> Masuk/Login >> Ke blog sobat.
Pada "Dashboard" tampilan blogger baru, Pilih dan klik menu >> Tata Letak >> klik >> Tambah Gadget >> Pilih dan klik >> HTML/JavaScript.
Kemudian Masukkan semua Kode CSS berikut pada kotak HTML/JavaScript.

Keterangan:

Sobat bisa mengedit kode CSS tersebut dengan catatan bila sudah mahir mengenai kode CSS.
Warna HIJAU silahkan sobat ganti dengan Nama sobat atau Nama blog sobat.
Warna MERAH silahkan sobat ganti dengan kata-kata atau tulisan sesuai dengan keinginan sobat.

4. Setelah sobat selesai mengganti dan mengedit kode CSS diatas, Jangan lupa kilk >> Simpan dan nikmati hasilnya screensaver yang sudah terpasang di blog, Pada semua halaman blog sobat.

Wednesday, 26 December 2012

Cara Membuat Animasi Berjalan Di Bagian Bawah Blog

Jika sobat tertarik dan ingin membuat dan memasangnya pada blog sobat, Saya punya tips dan triknya untuk membuat animasi berjalan seperti itu. Cara membuat dan memasangnya di blog sangatlah mudah, Karena sobat hanya memasang kode pada widget blog dan tidak perlu susah-susah edit HTML dalam template blog sobat. Dan tentunya hal itu sangatlah rumit di lakukan oleh para blogger pemula atau newbie seperti saya ini.

Silahkan sobat ikuti langkah-langkahnya untuk membuat Foto dan Gambar Bergerak di Blog atau Cara Membuat Animasi Berjalan Di Bagian Bawah Blog adalah sebagai berikut ini:

1. Silahkan sobat >> "Masuk atau Login" ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/Javascript. Jangan di beri judul.

3. Kemudian silahkan sobat masukkan Kode Script di bawah ini ke dalam kotak Konten HTML/Javascript. Pilih salah satu kode saja yang sobat sukai.

1. Animasi Zombie Berjalan Loncat-Loncat

2. Animasi Alien Berjalan

3. Animasi Naruto Berjalan Berubah-ubah

4. Animasi Kiba Akamaru Naik Hewan Berlari

5. Animasi Sasuke Berlari

6. Animasi Deidara Naik Burung

7. Animasi Neji Strikes Mainkan Jurus

8. Animasi Leecombo Beraksi

9. Animasi Jurus Andalan

10. Animasi Kakashi

11. Animasi Jiraiya Summoned Naik kodok Menyembur Api

KETERANGAN:

Silahkan sobat pilih salah satu Kode saja di atas.

Kode berwarna BIRU adalah Kode Alamat URL Image atau gambar. Bisa sobat ganti dengan Alamat URL Image atau gambar milik sobat sendiri.

Kode warna PINK (direction="right") adalah Kode Marquee berjalan dari kiri ke kanan. Silahkan di hapus, Jika sobat ingin merubah arah dari kanan ke kiri.

Kode warna MERAH (scrollamount="7") adalah Kode Marquee Kecepatan Berjalan atau melintas. Silahkan sobat atur nilainya sesuai dengan keinginan sobat.

sumber : kuc0pas.blogspot.com

Tuesday, 11 December 2012

membuat page number

Kali ini saya akan membahas bagaimana cara membuat membuat Navigasi Page Number Di Blogspot, Pada template Blogspot umumnya menggunakan navigasi Previous dan Next/Posting lebih baru dan Posting Lama yang ada pada bagian bawah postinagn blog, fungsinya yaitu membantu pembaca/pengunjung untuk berganti halaman menuju tulisan sebelum atau setelah dari tulisan yang sedang dibaca tanpa ada keterangan nomor halaman.Contohnya ada jg pada blog saya ini, Biar tidak bingung saya kasih contoh gambar dibawah ini.

Lihat Gambar

Nah, begitulah kiranya yang akan saya buat, Berikut adalah langkah-langkah membuat navigasi nomor halaman (kode script modifikasi ini dibuat oleh Abu Farhan dan Muhammad Rias).
Ikuti langkah-langkah berikut :

1. Seperti biasa, Login ke blogger sobat

2. klik Tata Letak dan pilih Edit HTML

3. Kalau sudah, klik Expand Template Widget

4. Lalu cari kode berikut (Ctrl + F) : ]]></b:skin>

5. Kemudian masukan kode script dibawah ini tepat di atas kode: ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

6. Selanjutnya kita cari lagi kode berikut: </body>

7. Kemudian masukan kode script berikut tepat di atas kode: </body>

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

Keterangan :
Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman.
Kode displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu). Kode upPageWord mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan).
Kode downPageWord mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan).

8. Terakhir kita cari kode script berikut: 'data:label.url'

9. Gantilah kode script diatas dengan kode dibawah ini:

'data:label.url + "?&max-results=5"'

Keterangan :
Fungsi dari script ini adalah untuk mengganti default (standar) Blogspot yang akan menampilkan 20 posting setiap halamannya, karena pada pageCount di atas kita isi 5, maka pada script ini pun juga diisi dengan 5 (menampilkan 5 posting per halaman).

10. Simpan template, dan lihat hasilnya.

Semoga bermanfaat.

Friday, 7 December 2012

membuat hujan salju

kita langsung aja yah bikin effect salju di blog anda

Pertama :

>>Login Ke Account Blogspot anda,

>>Kemudian masuk pada Layout,

>>Selanjutnya Edit HTML

Kedua :

Cari Code </head>

lalu copy paste code ini dibawah code </head>

<script src='http://www.geocities.com/mailforyay/yay_snow.js' type='text/javascript'/>

Ketiga :

Klik Save

Galat... nggak Mungkin.. Yay dah coba koq sebelum posting artikel ini...

tapi kalo memang galat juga..

Coba Bersihin dulu Cache Ma Cookiesnya. Lalu ulangi langkah langkah diatas.

brrrr... dingiiin...

Hujan Salju nih

moga-moga aja makin semangat blogingnya ya...

Thursday, 6 December 2012

cara membuat kotak scroll pada blog

Cara Memasang Fungsi Scroll Di Arsip Blog

Silahkan login kehalaman blog masing-masing
Untuk menambah fungsi Scroll pada arsip blog kamu, jelas kamu harus memasang Widget Arsip terlebi dahulu kehalaman blog kamu.
Jika Widget Arsip sudah kamu tambahkan kehalaman blog kamu sekarang masuk kehalaman edit HTML dengan cara Pada Bagaian Dhasbord blog Pilih Template --> Edit HTML --> Proses Atau lanjutkan
Jangan Lupa centang kotak kecil yang bertulisan Expand Widget Template.
Sekarang Cari kode Seperti ini :<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> (gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
Sudah ketemu, kamu akan menemukan kode Widget Arsip kurang lebih seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>

Sekarang Tambahkan kode berikut ini <div style='overflow:auto; width:ancho; height:100px;'> dibawah kode <div class='widget-content'>, kemudian tambahkan kode </div> diatas kode <div class='widget-content'>, Sehingga susunannyam menjadi seperti ini:

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>

Jika sudah Klik Simpan Template
Selesai dan lihat hasilnya

Wednesday, 5 December 2012

cara mengetahui pengunjung yang online pada blog

Cara Mengetahui Jumlah Pengunjung Online di Blog

Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua yang khususnya masih awam dan pemula dalam dunia blog tentang bagaimana caranya mengetahui jumlah pengunjung online di blog.Mempunyai sebuah blog yang ramai pengunjubg merupakan dambaan terbesar bagi sebagian besar pemilik blog.Menarik perhatian pengunjung merupakan sasaran utama dibuatnya sebuah blog.Tanpa adanya pengunjung blog akan terasa "sia-sia".Untuk bisa mendatangkan banyak pengunjung di blog,banyak cara yang bisa dilakukan.Diantaranya adalah dengan mendaftarkan blog ke beberapa situs social bookmark,mendaftarkan blog ke beberapa situs blog/website direktori dan lain sebagainya.

Namun dalam panduan ini,pembahasan lebih difokuskan tentang cara melihat atau mengetahui jumlah pengunjung yang sedang online di blog.Dalam perkembangannya,saat ini seorang pemilik blog bisa mengetahui berapa jumlah pengunjung blog yang sedang online di blog miliknya..Dengan memanfaatkan widget gratis dari penyedia layanan untuk mengetahui pengunjung online.Sebenarnya banyak sekali penyedia widget gratis untuk melihat pengunjung online.Dan salah satunya adalah RadarUrl.Dengan widget ini kita bisa mengetahui secara langsung jumlah pengunjung yang sedang online di blog kita.

widget untuk melihat pengunjung online di blog

Dan untuk mendapatkan widget tersebut,silahkan ikuti langkah-langkah berikut ini :

1. Kunjungi http://radarurl.com/

2. Masukkan alamat blog sobat,terus klik "Click Here To Proceed The Simulation"

3. Tentukan letak widgetnya (terserah sobat)

4. Setelah menentukan letak widgetnya,silahkan klik "Generate Widget Code..."

5. Silahkan Copy kodenya

Untuk memasangnya di Blog,ikuti langkah-langkah berikut ini :

1. Login ke Blogger

2. Klik Tata Letak

3. Klik Tambah Gadget

4. Pilih opsi HTML/Java Script

5. Paste-kan kode yang telah sobat Copy tersebut

6. Klik Simpan

7. Klik Simpan Setelan

8. Semoga Berhasil

Tuesday, 4 December 2012

cara memasang burung twitter

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

Klik Layout > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiVgh-qM1x51RKrrU2YW5siymec10JMyPRINOK8fERjT4oQ5L6POkMl7XKu45dqNgU5ppk77fmHMi4PbR3_NEZnB0BcgcS_N1Owqd2G5bZn5Iew0NwxR_ITt08JyEMqHnvidSwYWeewgo/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKb38ife3qIM5fGxF3aoGVl9z_U2l3jFfQ9DhB7qShdo63N4OXomPhIAYXWwfn7cqQTxKC9S3MheLYFgiyThyphenhyphenu7nc_LbcPvcYD4_N9uDVpFXuQPcP4CDISrFu2fN3OPgvW7kLyuQYbiLY/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-zSgk8-CZndi48HPN7t7gESGriW9KcCpJsBAz65ixYIkB5DV7B_ljtsD9l8eJLCZKIFG9HjYw-A-9UZrqOn3pqRh0TE9FqnbUqx3z-i3M_voz7fU1swS_oKcTEKBjg9QHGgV2PqQDLSs/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuiB85ErqkqSRSMj_zpHcKFGPunI_ZVKNCvW3Ty0KbI1IPc6NeNaoyd0oglYiyotI7K74ZUm6Mv_8-wl5h6LB9PZOwrKClCeET3GhBZWmLDj00Ff4rYoylpgdA4EMqSXQfflzaadWb0rs/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJOyQc6ATTUK5040ULsIDvIC50SYvr-edhT5tgBBiPgOhOLqgyTZHxLyBQ0AlNRIzwGnxYyb6ylkWxLemwIZJan6eFlmjJSXYq_w5unnvg2evPTbTVbnzo-e6cTPPEkdfqMD33kpIHrJo/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4VHokLs0hYAKVMM1sWIjHgHVXsVqf_RXcpSEahwLRKe5vo5_NgK58BxcVNVv72oH12FecBBirrg7qKDV9deAjQnra75zOR9kUUy-PIYt3ocq_vpslclen0yHCiuiI0qbwsZNsytIID-Q/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisrxAFR3IAW8sh50Ct3JEnYMwH06pcm0SQk_w-D0_iznmXZ8YB4yOKQgi07Nawag1LW6PgupgEJ1X0Iw6vIU3qCX5AmO2LvDlSs9MCpnt3le9oMMtrdcAKmJctnQr9imlhjan9-n5Q6U4/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClxbSi4TC1BQ8egZZAoHZz23FD1jr9xnOCcGSn-lcZhWTaDWDjUHQ7pq2VIjEpE1wrsKa_kftStiaeZW6gfO19ZRJb-Te61E0wUnSOXikW-H9rqud1-0Sv3hh1X2l553xbBJ78osXCS4/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOg7bijYQrDLEQLtV8ABd8jCRoBVefFV2AJRD2jUrKGti4UoqYFo0-TFgFQLuh05eMKfzRa8k4i8GQ8EwcVbvZPuPzbQsVpprWRU2mqgmBMewFbz-KbgSrFG3S_lJuUMdJVyxkrzhrAOY/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good lucK
sumber : bloggerpeer.com

Sunday, 2 December 2012

Cara Membuat Animasi Loading blog

Masuk ke Dasbord klik Rancangan.
Pilih Edit HTML.
Cari kode <body>
Selanjutnya ganti dengan kodenya disamping.
<body onLoad='init()'><div id="loading" style="left: 35%; position: fixed; top: 25%; width: 100%;"><img border="0" src="http://i1270.photobucket.com/albums/jj603/cyiberart/th_loading.gif?imgmax=800" /><span style='font-size:30px;'>Loading Gitu Lho....</span></div>
<script src="https://sites.google.com/site/ndesopoll55/loading.js" type="text/javascript"></script>

Sumber: cyberart

Friday, 30 November 2012

Cara Memasang Tanda Tangan di Blog

Apa kabar sobat blogger! Senang di sore yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap -lengkapnya.
Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.

3. Setelah itu, klik tulisan Using the signature creation wizard.

4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step

5. Pilih jenis huruf yang di inginkan dan klik Next Step.

6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.

7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.

Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.

8. Atur kemiringan ( slope ) teks dan klik Next Step

9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.

Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya

Beginilah hasilnya

sumber : christiantatelu

Cara Membuat Menu Horizontal Di Blog

- Ada yang pingin buat menu horizontal tapi nggak tahu caranya?
Gini nih caranya, eh tapi tunggu dulu, apasih menu horizontal itu? Menu horizontal adalah menu-menu yang disusun secara horizontal (menyamping). Kayak gini ini lho:

kalo pingin ikuti cara berikut ini:

pertama-tama kamu harus punya gambar kayak gini nih:

dan

kalo nggak punya gimana? kalo nggak punya pake gambar yang aku sediain ini aja deh.

blackleft.gif blackright.gif

greenleft.gif greenright.gif

redleft.gif redright.gif

unguleft.gif unguright.gif

yellowleft.gif yellowright.gif

blueleft.gif blueright.gif

Ok, bahan-bahannya sudha ada, mari kita mulai maraciknya:
1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup dulu.
2. Cari script seperti ini ]]></b:skin>, kalo udah ketemu copy script dibawah ini dan taruh diatasnya

/*credits : http://trik-tips.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5; /* Garis Bawah*/
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("http://superinhost.com/gambar/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("http://superinhost.com/gambar/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}

#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}

Tulisan yang dicetak tebal bisa kamu ganti dengan gambar-gambar (text dibawah gambar) diatas tadi. Misalnya, jika kamu pilih yang warna merah maka scriptnya menjadi seperti ini;

background: url("http://superinhost.com/gambar/redleft.gif") no-repeat left top;

background: url("http://superinhost.com/gambar/redright.gif") no-repeat right top;

Mudeng nggak loe :D
Kalo sudah selesai mari kita lanjutkan, sampai angka berapa tadi? oh ya sampai angka ketiga ya.
3. Copy script berikut ini

<div id="tabshori">
<ul>
<li><a href="http://trik-tips.blogspot.com"><span>Home</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Free Template</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Kamus</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >

4. Ganti http://trik-tips.blogspot.com dengan link yang kamu tuju. Link tersebut bisa berupa alamat blog lain atau link postingan km. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa kamu ganti dengan text yang kamu suka. Text tersebut adalah text yang muncul di tombol/menu.
5. Cara memasangnya ada beberapa macam tergantung dari template yang digunakan, salah satu contoh memasangnya yaitu begini
cari kode berikut ini :

caranya nyari biar gampang, copy script diatas lalu tekan Ctrl-fkemudian paste di kotak find, nha langsung ketemu kan. Kalo udah ketemu copy script yang tadi diatasnya

6. Simpan hasil pengeditan.
7. Lihat hasilnya.
8. kalo hasilnya kurang bagus/acak-acakan coba script tadi dipindah tempatnya, misalnya pindah keatasnya yaitu diatas kode </div>. kalao nggak cocok juga tempatnya dicoba lagi yang diatasnya atau juga dibawahnya, begitu terus sampai ketemu tempat yang cocok.
9. Kalo masih belum berhasil juga coba cara ini:
- Cari kode berikut ini :

<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>

teru ganti text yang berwarna hijau sihingga menjadi seperti ini:

<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>

terus di Save

Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, nha gitu, terus simpan dan lihat hasilnya.

hasilnya pasti akan berbeda-beda di setiap template.
kalo berhasil berarti kamu pinter, kalo gagal berarti kamu kurang pinter :r coba diteliti lagi langkah-langkahnya dan dipahami maksudnya, jangan cuma di plototin. OK BOZ, Good luck

Thursday, 29 November 2012

Pasang link Share FB, G+ dan Twitter dibawah judul posting

oke ketemu lagi,,,, ini yang terakhir untuk hari ini ya,,,,
semoga kalian suka,,,,
oke langsung saja

Login ke blogspot
Masuk ke "templet" -> Edit HTML, Jangan lupa di download dulu untuk backup
Centang expand widget templates
Cari kode :
<div class='post-body entry-content'><b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script></b:if>
<b:if cond='data:blog.pageType == "item"'>
Letakkan kode di berikut ini tepat di BAWAH kode <b:if cond='data:blog.pageType == "item"'>

<div style='background:#f9f9f9;border-top:1px solid #bbb;border-bottom:1px solid #bbb; padding:6px 0px;margin:30px 0px 8px 0px;width:100%;float:left;height:20px;'>

<div style='float:right;'>
<a class='twitter-share-button' data-count='horizontal' data-via='borneotemplates' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

<div style='float:right;padding-right:5px;'>

<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>

<g:plusone size='medium'/>
</div>

<div style='float:right;padding-right:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#333'>
Share <strong>on</strong> :
</div>
</div>
<br/>

Pasang Link Share FB, G+ dan Twitter di Footer (Bagian paling bawah di setiap posting) :

Masih menggunakan script di atas, Cari kode berikut :
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == "item"'>
Taruh kode script di atas persis di bawah kode : <b:if cond='data:blog.pageType == "item"'>

SIMPAN template, dan SELESAI !
Bagaimana sobat BC ? Penempatan Icon Share FB, G+ dan Twitter ini selain sebagai media promosi juga bisa mempercantik tampilan blog dan terlihat profesional. Selamat mencoba.

cara membuat efek Bintang Jatuh Pada Cursor di Blogger

oke kita ketemu lagi ,,,,,

kita langsung aja,,, cekidot

Login di Blogger
Pilih Design > Add gadget > HTML/Javascript
Masukkan kode dibawah ini ke kolom HTML/Javascript

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat

Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

cara membuat gambar melayang di pojok pada blog

ketemu lagi sobat,,, kali ini saya posting tentang cara membuat gambar melayang di pojok
oke langsung saja

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://ti3peri.blogsot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

"http://ti3peri.blogsot.com" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

membuat kata atau tulisan berkedip (efect blink)

Klo kita sering liat web atau blog yang ditampilannya terdapat kata atau kalimat yg berkelap kelip misalnya seperti kata ini yg sedang kelap kelip, mungkin buat yang belum tau, pasti kita sedikit heran..gimana y caranya..?

dulu juga sy kaya gtu, bingung banget, kq bisa y...tp ternyata setelah ditelusuri lebih lanjut..gampang banget, kita cuma tinggal sisipkan aja kode HTML di dalam kata atau kalimat yang mau kita kelap kelipkan..

kode HTML nya seperti ini.....

<blink>(Kata yang ingin anda kelap kelipkan)</blink>

contoh kalimat yg mau kita kelap kelipkan :

"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"

caranya kita tinggal sisipkan aja kode HTML diantara kalimat tersebut menjadi :

<blink>"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"</blink>

maka hasilnya akan seperti ini :

"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"

Mudah Kan..
Jangan lupa, trik ini cuma bisa kita pake buat yang mendukung HTML aja, contohnya klo di blogger, masuk ke "ADD GADGET"---->"HTML/ Java Script". klo yang ngga ngedukung HTML sih jangan digunakan not mach...

Ferikun

Test Footer

Random post

Saturday, 7 February 2015

Cara mendapatkan uang dengan mudah

Thursday, 6 March 2014

Cara membuat Backlink di blog

Friday, 15 March 2013

cara membuat website gratis

Membuat Website Gratis

Tuesday, 5 March 2013

CARA MEMBUAT DAFTAR ISI PADA BLOG

Thursday, 3 January 2013

cara membuat screen saver di blog

Wednesday, 26 December 2012

Cara Membuat Animasi Berjalan Di Bagian Bawah Blog

Tuesday, 11 December 2012

membuat page number

Friday, 7 December 2012

membuat hujan salju

Thursday, 6 December 2012

cara membuat kotak scroll pada blog

Wednesday, 5 December 2012

cara mengetahui pengunjung yang online pada blog

Tuesday, 4 December 2012

cara memasang burung twitter

Warna Pilihan Burung Terbang Twitter

Sunday, 2 December 2012

Cara Membuat Animasi Loading blog

Friday, 30 November 2012

Cara Memasang Tanda Tangan di Blog

Cara Membuat Menu Horizontal Di Blog

Thursday, 29 November 2012

Pasang link Share FB, G+ dan Twitter dibawah judul posting

cara membuat efek Bintang Jatuh Pada Cursor di Blogger

oke kita ketemu lagi ,,,,,

cara membuat gambar melayang di pojok pada blog

membuat kata atau tulisan berkedip (efect blink)