Kali Ini gw share "Cara buat profil berputar saat di sentuh mouse", sebenarnya ne trik udah banyak yang tw, tp karna ada yang pengen tau caranya, ya sudah saya posting, ok langsung saja ke caranya :
Pertama Login dulu ke akun blogger kalian
Klik rancangan----> Edit HTML
Cari Kode Yang mirip Seperti dibawah ini
.profile-img {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
border: 4px solid #e28d44;
}
Jika sudah ketemu Ganti kode tersebut dengan kode di bawah ini, tetapi jika kode yang diatas tidak ketemu, letakkan kode di bawah ini diatas kode ]]></b:skin>
.profile-img{
border:5px dashed #F00;
opacity:0.8;
border-radius:6px;
margin:0px 0 0px 0px;
padding:4px;
box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F00;
-moz-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F00;
-webkit-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F00;
-o-transition:margin-left 1.5s ease-in 2s,margin-top 1.5s 2.5s,-o-transform 1.5s ease-out 1s,opacity 2s ease-in; -moz-transition:margin 1.5s ease-in 2s,-moz-transform 1.5s ease-out 1s,opacity 2s ease-in; -webkit-transition:margin 1.5s ease-in 2s,-webkit-transform 1.5s ease-out 1s,opacity 2s ease-in
}
.profile-img:hover{
opacity:1.0;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
-webkit-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
-o-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
margin:40px 0px 20px 10px;
-o-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
-moz-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
-webkit-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
-o-transition:margin-left 1.5s ease-in 0.4s,margin-top 1.5s,-o-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s;
-moz-transition:margin 1.5s ease-in 0.4s,-moz-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s; -webkit-transition:margin 1.5s ease-in 0.4s,-webkit-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s
}
Source: http://dicky-ajha.blogspot.com/
Kamis, 19 Juli 2012
Link untuk membuat blog gratis
Macam-macam Penyedia Blog Gratisan di Internet - Penyedia blog gratisan itu sangat banyak, diantaranya yang paling banyak dipakai adalah blogger dan wordpress. Mengapa demikian, karena mudah digunakan atau bahasa inggrisnya "user friendly". Namun, sebenarnya masih ada banyak penyedia blog gratisan yang lain dan layanan gratis juga. Disini akan saya berikan daftar penyedia layanan blog gratisan
yang lain :
yang lain :
- Blog.com – Memberikan kuota 2 GB dengan bandwith tidak terbatas dan fasilitas mirip wordpress.com.
- Blogdetik.com – Layanan blog dari situs detik.com Indonesia.
- Blogsome.com – Blog yang berpusat di Irlandia, menggunakan platform WordPress MU, disediakan beberapa plihan tema.
- Dagdigdug.com – Blog dengan platform wordpress MU buatan Indonesia.
- Edublogs.org – Blog untuk dunia pendidikan.
- WordPress.com – Anda akan diberikan jenis platform dan fasilitas yang sama dengan situs wordpress.com, mengikuti perkembangan versi terbaru platform wordpress, kapasitas kuota besar, bandwith tidak terbatas.
- LiveJournal.com – Merupakan salah satu layanan hosting blog paling terkenal. Di Indonesia mungkin kuran populer karena tidak banyak yang menggunakannya. Layanan yang disediakan ada beberapa jenis mulai dari yang mendukung iklan sampai yang berbayar. Biasanya LJ digunakan sebagai tempat perdebatan isu-isu kontroversial.
- WordCountJournal.com – Blog yang unik dimana hari pertama anda hanya bisa menulis 1 kata, pada hari kedua 2 kata dan seterusnya. Pada akhir tahun anda bisa menulis 66.795 kata.
- Blogger.com – Layanan yang bagus untuk memulai blogging, sangat mudah digunakan.
- Blogr.com – Memungkinkan untuk ngeblog, unggah foto dan video, serta audio.
- BlogSpirit.com – Situs blog yang berpusat di Eropa, memberikan layanan 30 hari masa percobaan.
- Blogster.com – Memberikan layanan hosting gambar selain blog gratisan.
- Multiply.com – Penggabungan antara jejaring sosial dan blog, disediakan pula fasilitas simpan foto, video, dan banyak lagi yang lainnya. Kini muliply mendukung akun yang berbayar dimana anda bisa memasang iklan sendiri.
- Tumblr.com – Sebauh platform blog platform yang fokus dalam menyuguhkan posting kaya media.
- Windows Live Spaces – Blog gratisan dari akun MSN.
Sangat banyak sekali bukan penyedia layanan blog gratisnya, dan sekarang tinggal anda yang memilih ingin pakai layanan yang mana. Kalau saya sarankan sih pakai blogger atau wordpress saja karena lebih mudah dan banyak sekali template yang tersedia.
Menjadi blogger Suksess
Sukses perlu dilakukan sebelum kita membuat sebuah blog. Dari penjelasan yang saya dapatkan dari master SEO, untuk membuat blog yang sukses perlu dilakukan rencana awal yang bagus, dari memikirkan gimana alamat url yang bagus sampai dengan usaha membuat konten atau postingan yang berkualitas.
Kali ini saya akan berbagi tentang tips langkah-langkah awal untuk membuat blog kita menjadi terkenal dan banyak dikunjungi orang. Berikut tipsnya :
1. Pilihlah topik yang sesuai dengan apa yang kita bisa atau bidang apa yang kita geluti. Bukankah lebih baik menggeluti sesuatu pekerjaan yang menjadi bidang kita daripada menggeluti pekerjaan cuma ikut-ikutan saja.2. Buatlah konten yang isinya bermanfaat buat orang lain dan diri kita sendiri. Tapi lebih banyak ke orang lainnya. Diantaranya dengan berbagi tips dan trik, tips kesehatan, tips komputer, atau tips-tips lainnya. Menulis konten hasil karya sendiri lebih bagus daripada hasil karya orang lain yang kita postingkan di blog kita alias copy paste konten orang lain.
8 Langkah awal diatas mungkin kita sudah pernah membacanya, tapi belum pernah untuk mencobanya, maka dari itu coba dan tetap fokus pada rencana awal kita. Tetap semangat dan pantang menyerah, semoga kita berhasil dan sukses dalam nge blog.
3. Sesuaikan domain (contoh: omdading.com) blog kita dengan isi blog yang kita buat. Pikirkan matang-matang, jangan menggonta-ganti domain name, itu membuat google sulit mendeteksi blog kita.
4. Bila kita jago dalam HTML, maka kita bisa menggunakan keahlian kita untuk mengelola blog supaya blog kita tampil lebih bagus dan pengunjung tidak bosan dengan tampilan blog kita.
5. Bila kita jago dalam hal SEO, maka akan lebih mudah untuk mendatangkan pengunjung ke blog kita melalui mesin pencari seperti GOOGLE, YAHOO, BING, dan lainnya. Dengan begitu pasti blog kita ramai dan kita bisa memasang iklan yang dimana bisa menghasilkan uang bagi kita.
6. Apabila kita tidak begitu jago SEO, maka promosikan blog kita. Yaitu dengan cara blog walking (mengunjungi blog lain) dan memberi komentar yang bermanfaat. Selain itu juga dengan cara memanfaatkan social network seperti FACEBOOK, TWITTER, GOOGLE+, dan lainnya.
7. Melakukan evaluasi terhadap blog kita juga perlu untuk meningkatkan kualitas blog kita. Salah satunya yaitu dengan mengunjungi blog lain dan melakukan riset, terutama pada blog berpagerank tinggi dan sering muncul dihalaman satu google. Amati apa saja teknik dan trik yang diterapkan blog tersebut dan pelajari.
8. Dan yang terpenting, hindari sifat malas dan bosan. Hal tersebut menghambat kesuksesan pekerjaan kita. Teruslah berkarya dan tetap semangat. Pengorbanan waktu, dana, dan pikiran selalu dibutuhkan kalau ingin blog yang kita buat menjadi blog yang sukses dan terkenal.
8 Langkah awal diatas mungkin kita sudah pernah membacanya, tapi belum pernah untuk mencobanya, maka dari itu coba dan tetap fokus pada rencana awal kita. Tetap semangat dan pantang menyerah, semoga kita berhasil dan sukses dalam nge blog.
source: http://www.omdading.com/
Saya hanya berbagi info,,, dan bukan plagiaat karena saya selalu menerapkan sumbernya
link bergoyang saat di sentuh cursor
" Cara Membuat Link Begoyang Saat Disentuh Oleh Mouse "
Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog anda.
2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Widget
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template
5. Kemudian cari kode </Head> gunakan Ctrl+f
6. Copy kode dibawah simpan di atas kode </Head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
9. Jika sudah selesai klik Simpan Template dan lihat hasilnya.
source: http://wizyuloverz.blogspot.com/
Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog anda.
2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Widget
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template
5. Kemudian cari kode </Head> gunakan Ctrl+f
6. Copy kode dibawah simpan di atas kode </Head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
9. Jika sudah selesai klik Simpan Template dan lihat hasilnya.
source: http://wizyuloverz.blogspot.com/
Cara membuat effect meteor di blog
Login dulu ke blog
Langsung menuju rancangan -> add widget (HTML/JavaScript)
Lalu masukkan kode dibawah ini :
<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://dicky-ajha.googlecode.com/files/IGmeteorjatuh.js.txt">
</script>
Simpan Template Anda
Sekian postingan saya kali ini semoga bermanfaat bagi anda
Source: http://dicky-ajha.blogspot.com/
Langsung menuju rancangan -> add widget (HTML/JavaScript)
Lalu masukkan kode dibawah ini :
<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://dicky-ajha.googlecode.com/files/IGmeteorjatuh.js.txt">
</script>
Simpan Template Anda
Sekian postingan saya kali ini semoga bermanfaat bagi anda
Source: http://dicky-ajha.blogspot.com/
Membuat Search Box di blog
Anda pasti bertanya-tanya gimana sih ngebuat blog kita mempunyai search box untuk mencari file yang kita posting? daridulu saya cari itu dan akhirnya ketemu "allhamdulillah ya sesuatu" hahahahaha ni toturialnya
- masuk ke blog
- klik tata letak
- tambah javascript
- masukkan code ini
- <style type="text/css">
#searchbox
{
background: #eaf8fc;
background-image: -moz-linear-gradient(#fff, #d4e8ec);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));
-moz-border-radius: 35px;
border-radius: 35px;
border-width: 1px;
border-style: solid;
border-color: #c4d9df #a4c3ca #83afb7;
width: 200px;
height: 35px;
padding: 10px;
overflow: hidden;
}
#search, #submit
{
float: left;
}
#search
{padding: 5px 9px;
height: 23px;
width: 180px;
border: 1px solid #a4c3ca;
font: normal 13px 'trebuchet MS', arial, helvetica;
background: #f1f1f1;
-moz-border-radius: 50px 3px 3px 50px;
border-radius: 50px 3px 3px 50px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1); }
#submit
{ background: #6cbb6b;
background-image: -moz-linear-gradient(#95d788, #6cbb6b);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));
-moz-border-radius: 3px 50px 50px 3px;
border-radius: 3px 50px 50px 3px;
border-width: 1px;
border-style: solid;
border-color: #7eba7c #578e57 #447d43;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
height: 35px;
margin: 0 0 0 10px;
padding: 0;
width: 60px;
cursor: pointer;
font: bold 14px Arial, Helvetica;
color: #23441e;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#submit:hover
{ background: #95d788;
background-image: -moz-linear-gradient(#6cbb6b, #95d788);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #95d788),color-stop(1, #6cbb6b));
}
#submit:active
{
background: #95d788;
outline: none;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
#submit::-moz-focus-inner
{
border: none;
}
#search::-webkit-input-placeholder {
color: #9c9c9c;
font-style: italic;
}
#search:-moz-placeholder {
color: #9c9c9c;
font-style: italic;
}
#search.placeholder {
color: #9c9c9c !important;
font-style: italic;
}
#search:focus
{
border-color: #8badb4;
background: #fff;
outline: none;
}
</style>
<form id="searchbox" action="/search" method="get">
<input id="search" name="q" type="text" placeholder="Type here" />
<input id="submit" type="submit" value="Search" />
</form> - klik Simpan
- selesai
Membuat Blog Kita Menjadi SEO
Akan tetapi sudah sejak tahun lalu script ini sudah tidak bekerja.
Tapi tenang dulu, sekarang scriptnya sudah diperbaiki berkat bantuan seorang teman, Ganda Manurung namanya. Beliau adalah salah seorang programmer indonesia terbaik. Beliaulah salah seorang sahabat blogger yang banyak memberikan saran2 bermutunya kepada juragan. Terimakasih sekasih2nya kepada beliau. Ikuti tutorial memasang seo smart link plugin untuk blogspot/blogger dibawah ini.
Bagaimana cara kerja seo smart link untuk blogspot ini ?
Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "seo" akan di link ke alamat url yang telah sobat tentukan.
Apakah script autolink ini melanggar google guidelines?
Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi juragan, cukup 1 link saja.
Bagaimana cara memasang kode autolink ini di blogspot sobat ?
- Step pertama, Login ke blogger.com lalu ke design(rancangan).
- Menuju tab edit html. Tekan ctrl+f di keyboard. Dan cari kode
</body> - Lihat kode scriptnya disini (klik untuk melihat di tab baru)
- Setelah halaman script terbuka silahkan copy pastekan semua kode di script tersebut tepat diatas kode
</body>
- Lihat bagian paling akhir kode dan ganti SEO dengan kata atau kata kunci yang sobat pilih.
- dibawahnya Ganti http://blogjuragan.blogspot.com/ dengan alamat url yang dituju.
Source: http://blogjuragan.blogspot.com/
Langganan:
Postingan (Atom)