Cara Membuat Link Dan Gambar Bergoyang Pada Blog

Memberi efek link bergeser/goyang saat di sentuh kursor merupakan trik unik menarik pada blog yang kami akan bagikan  pada siang ini, karena banyak sobat yang menanyakan bagaimana membuat link bergeser ketika disentuh kursor? dan pada kesempatan kali ini saya akan menjawab pertanyaan sobat di artikel yang satu ini, cara membuat link dan gambar bergoyang pada blog untuk membuat link dan juga gambar bergeser saat di sentuh kursor, mau coba? Langsung saja ikuti cara dibawah ini:

• login ke blogger
• pilih template >> edit html
• cari kode ]]></b:skin>
• copy paste kode dibawah ini tepat diatas kode ]]></b:skin>

.link-nudge  {
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

CARA PENGGUNAANNYA

• untuk membuat link bergeser gunakan kode dibawah ini

class="link-nudge"

contoh: 

<a href="http://depermana-share.blogspot.com" class="link-nudge">depermana12</a>

• untuk membuat gambar bergeser gunakan kode dibawah ini

 class="link-nudge"

contoh:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UtmmAgjeL5qxiDOVnonfkdPbguL8CvdjpeL6H6rJeJRbczjqQGXRQQ7aIATNXbgAOHMqbX0JUgto2Hnng4v9tzRaMQxaO20v2bZZpW2Zlnd7cv0T4TQM5vzstxvTh4m8UqWG2hVvFgxg/s1600/computer.png" alt="komputer gw"  class="link-nudge" /> 

Semoga bermanfaat!!

Ikuti @keluarkemana

Cara Menghapus Tulisan Tampilkan Posting Dengan Label Di Blog

Cara menghapus tulisan tampilkan posting dengan label di blog dan juga tulisan tampilkan semua posting yang berada diatas posting pertama dari label atau kategori atau dibawah menu header blog. Tepatnya ketika kita buka salah satu label, maka tulisan tersebut akan muncul. Untuk lebih jelasnya silakan lihat gambar dibawah ini.

 

Tulisan diatas akan muncul setiap kali kita buka label atau kategori. Nama label yang muncul sesuai dengan nama label yang kita pilih. Ada 2 cara untuk menghapus tulisan tampilkan posting dengan label, yaitu menghapus tulisan tersebut dari blog dan yang kedua hanya menyembunyikannya dari halaman blog label yang kita buka. Ikuti langkah-langkah dibawah ini.

 

Cara Mengganti Tulisan Home Previous Dan Next Pada Blog

Cara mengganti tulisan home previous dan next di blog dengan kata-kata sendiri atau dengan gambar navigasi halaman. Salah satu cara untuk menghias blog agar terlihat lebih rapi dan indah dipandang. Untuk blog yang diatur kedalam bahasa indonesia biasanya tulisan navigasi halamannya adalah beranda, posting lama dan posting baru dengan desain asli blogger, kurang menarik menurut saya. Silakan lihat gambar dibawah ini, atau untuk lebih jelasnya silakan lihat navigasi halaman blog saya yang ada dibawah, karena navigasi jenis gambar seperti itu lah yang akan saya bagikan di posting kali ini.

Jika sudah, silakan ikuti langkah-langkah dibawah ini.

1. Login ke blog, dan pilih pengaturan template.
2. Selanjutnya klik Edit HTML dan cari 3 kode Merah dibawah ini. Gunakan Ctrl F untuk mempermudah Pencarian.

Cara Membuat Zoom Otomatis Pada Gambar Di Blog

Kali ini kami akan memposting sesuatu yang bisa jadi dapat membantu mempercantik blog anda. pernahkah anda melihat sebuah postingan yang didalamnya berisi sebuah gambar yang relatif kecil, namun apa bila kursor kita letakkan pada gambar tersebut maka gambarnya otomatis terZOOM atau menjadi ukuran besar. mau tahu bagaimana cara membuatnya? Ikuti langkah-langkah dibawah ini:

• Login ke blog anda
• Buat postingan baru / new post kemudian pilih HTML, letaknya disamping "compose"
• Kemudian copy kan script dibawah ini.

 <style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript"></script><img border="0" class="expando" height="100" src="URL GAMBAR ANDA" width="100" />

• Ganti TULISAN BERWARNA MERAH  Diatas dengan url gambar yang anda inginkan dan TULISAN BERWARNA HIJAU bisa anda ganti sesuka hati anda, angka tersebut menyebutkan tinggi dan lebar gambar yang akan anda masukkan.

Kemudian klik PUBLIKASIKAN

Semoga bermanfaat!

TERIMA KASIH TELAH MENGUNJUNGI KAMI! SEMOGA ANDA MENDAPATKAN MANFAAT DARI BLOG INI!

Ikuti @keluarkemana

Cara Membuat Gambar Berputar Pada Widget Popular Posts

Gambar pada Widget Popular Posts mempunyai efek berputar, akan mempercantik tampilan Blog. Ketika cursor disentuhkan pada gambar di widget popular posts, gambar tersebut akan berputar. Mudah-mudahan dengan ini dapat mengurangi kejenuhan pada tampilan Blog sobat.

Memang tampilan pada blog tidak terlalu dipentingkan. Yang penting itu kerapihan, konten-konten yang berkualitas, dan SEO yang baik. Namun tidak ada salahnya untuk mempercantik tampilan blog. Asalkan tidak memasang widget yang tidak perlu dan malah memberatkan Blog sobat ketika dimuat.

Ok, jika sobat ingin membuat gambar pada widget popular posts berputar, beginilah langkah-langkahnya:

• Login ke akun Blogger sobat.
• Pastikan widget popular posts telah terpasang di Blog sobat. Jika belum pasanglah terlebih dahulu. Saya yakin hal tersebut gampang dan tidak perlu panduan khusus.
• Jika telah terpasang, sobat masuk pada bagian template.
• Klik Edit Template.
• Cari kode ]]></b:skin> , agar lebih mudah gunakan tombol ctrl+F.
• Masukan kode berikut diatas kode ]]></b:skin>.

Cara Membuat Auto Zoom Pada Gambar Postingan Di Blog

Menyertakan sebuah gambar dalam postingan Blog memang sangat bermanfaat untuk memperjelas sebuah pembahasan yang kita buat. Misalnya kita sedang membuat posting tentang blog yang kita buat, kita menjelaskan bagaimana cara membuat sebuah widget.

Di sana kita menjelaskan bahwa untuk membuat sebuah widget maka harus memilih Tools Tata Letak. Lalu kita berikan screenshot yang menunjukan di mana Tools Tata Letak itu berada.

Namun mungkin saja sobat Blogger lain kadang-kadang mendapat kendala dari gambar yang disertakan dalam posting Blog ini. Seperti gambar dalam posting terlihat kurang jelas karena disebabkan oleh berbagai hal. Sebenarnya kendala ini tidak terlalu serius karena jika kita memberikan link pada gambar yang mengarah pada URL gambar itu sendiri, maka pengunjung dapat melakukan klik pada gambar dan melihat gambar tersebut dalam ukuran original yang tentunya akan terlihat jelas.

Tapi ada cara lain yang akan saya bagikan yang mungkin saja sobat akan menyukainya. Kita bisa Memberikan Efek Zoom Pada Seluruh Gambar Dalam Posting Blog. Selain dapat mempercantik tampilan Blog, pengunjung juga tidak perlu melakukan klik pada gambar jika ingin melihat gambar dengan jelas karena gambar akan membesar ketika disentuh kursor. Berikut contohnya, silakan sentuhkan kursor pada gambar di bawah ini.

Cara Memasang Widget Burung Twitter Terbang Di Blog

Halo semuanya sobat blogger. Kali ini kami akan share artikel mengenai tentang Cara Membuat / Memasang Widget Burung Twitter Terbang Di Blog. Untuk para sobat blogger yang sudah lama berkecimpung di dunia Blog atau ada dari sobat semua yang suka blogging, mungkin trik ini sudah tidak asing lagi dimata sobat blogger. Sudah banyak sekali sobat-sobat blogger yang lainnya memasang widget burung Twitter terbang ini dengan berbagai style dan warna burung yang berbeda-beda. Kali ini saya akan mengulas kembali bagaimana Cara Membuat / Memasang Widget Burung Twitter Terbang Di Blog khusus buat sobat yang baru membuat blog dengan platform Blogspot.

Twitter adalah salah satu jejaring sosial yang sangat populer saat ini selain Facebook dan Google+. Banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis atau hanya sekedar berteman saja. Untuk itu, bagi sobat yang sudah mempunyai blog tidak ada salahnya memasang widget burung Twitter terbang ini. Selain untuk membuat blog sobat menjadi cantik, widget ini juga berguna untuk menjalin hubungan pertemanan baru dengan pengunjung blog sobat dan bisa menaikan page rank blog sobat dengan cepat.

Kumpulan Istilah Internet Lengkap Dengan Penjelasannya

Daftar Istilah Blogging - Dalam blogging atau blogosphere, banyak istilah yang terkadang sulit kita mengerti. Atau sering didengar, tapi tidak tahu, apa arti singkatan dan maknanya. Dalam postingan ini, penulis akan berbagi beberapa istilah IT dan Blogging yang para Blogger harus mengetahuinya terutama yang mau tenggelam lebih dalam di dunia blogging.

List Istilah Blogging ini saya repost dari miliknya Kang Agus Ramadhani disitus blognya http://www.o-om.com. Berikut adalah Kamus Istilah Blogging dan IT, disajikan dari alphabet A s/d Z. Semoga membantu Kamus Blogger ini:

Cara Menghilangkan Tulisan Berlangganan Entri Atom Pada Blog

Cara Menghilangkan Tulisan Langganan Entri Atom. Langganan Entri Atom. Tulisan yang berada di bawah daftar posting blog. biasanya setelah tulisan Home-Previous-Next di blog. Tulisan asli dari bawaan blogger yang muncul pada setiap blog. Fungsinya sendiri adalah tombol untuk berlangganan artikel atau posting blog.

Jadi ketika ada pengunjung yang ingin berlangganan artikel di blog, tinggal klik langgana entri atom itu saja. Maka akan terbuka halaman baru untuk berlangganan, dengan memasukan alamat email yahoo, google atau bookmart dari browser yang ingin di kirimkan berlangganan artikel. Untuk lebih jelasnya silakan lihat gambar dibawah ini.

Tulisan langganan entri atom diatas mungkin sedikit menggangu tampilan blog, sehingga banyak blogger yang ingin menghapusnya, agar tampilan blognya terlihat rapi sesuai dengan keinginan. Cara menghilangkan tulisan langganan entri atom di blogger. Ikuti langkah-langkah dibawah ini:

Cara Memasang Fungsi Scroll Pada Arsip Blog

Hay sobat KK? Disini kami akan berbagi tutorial kepada kalian mengenai Bagaimana Cara Memasang atau Membuat Scroll pada Archive Blog kita, yang biasanya di kenal dengan Scroll Naik-Turun, dengan kita memasang Scroll di Blog maka tidak akan memakan banyak tempat untuk Archive Blog kita, sehingga semua isi/konten (daftar isi) pada blog kita bisa di baca dan di lihat oleh pengunjung blog dengan tampilan yang dinamis, Nah, Kalian ingin tahu caranya bukan? Yang hsilnya nanti seperti ini:

Atau kalian bisa melihatnya pada sidebar keluarkemana, karena kami sendiri juga memasang fungsi ini! Yuk langsung saja ikuti tutorial dibawah ini:

Cara Membuat Daftar Isi Pada Blog

Cara membuat daftar isi blog. Gunanya untuk memudahkan pengunjung untuk melihat semua daftar artikel blog yang dikelompokan sesuai dengan kategori artikel. Setiap membuat artikel atau posting baru, otomatis akan masuk ke daftar isi ini. Contoh gambar:

Ikuti langkah-langkah dibawah ini:

1. Login ke Blog dan pilih laman.

Cara Membuat Kotak Script Pada Postingan Di Blog

Kotak script, biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi dan tidak memakan banyak tempat. Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Cara membuatnya, Ikuti langkah-langkah dibawah ini.

1. Login ke blogger. Dan pilih entri baru.
2. Selanjutnya buatlah tulisan seperti dibawah ini.

3. Selanjutnya Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script. 
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>
4. Untuk lebih jelasnya, lihat gambar dibawah ini.

Cara Mudah Menambahkan Related Post Pada Blog (Update 2014)

Related Post adalah sebuah widget yang biasanya terdapat dibawah postingan dan mempunyai hubungan terkait antara satu postingan dengan postingan yang lainnya berdasarkan label atau kategori. Fungsi dari related post atau dalam bahasa Indonesianya disebut dengan artikel terkait, artikel yang berhubungan dengan postingan yang sedang dibaca atau artikel yang direkomendasikan oleh pemilik blog kepada pembacanya untuk memahami lebih dalam suatu topik dalam kategori tertentu, intinya sederhana, blogger dapat pageviews yang lebih banyak, dan pembaca mendapat informasi yang lengkap. Siapa sih yang gak ingin kalo pengunjung betah buka informasi di blog sobat?

Nah, setelah mengetahui apa itu related post beserta fungsinya, langsung kita praktekkan cara membuat related post diblog sebagai berikut:

Cara Menyesuaikan Gambar Pada Postingan Di Blog Secara Otomatis

Memasukan gambar didalam posting blog, merupakan salah satu cara agar isi artikel lebih mudah untuk dimengerti oleh pembaca. Namun, jika ukuran gambar melebihi lebar halaman posting, maka tampilan artikel terlihat menjadi tidak rapi. Apalagi sampai menyentuh widget-widget yang berada di samping kanan blog.

Sebenarnya, blogger sudah menyediakan tool untuk mengatur ukuran gambar, gambar bisa dikecilkan atau dibesarkan. Caranya klik gambar maka akan ada tool dengan pilihan small, medium, large, x-large atau ukuran gambar yang sebenarnya. Tapi pada postingan tertentu, mungkin kita ingin menambahkan gambar yang lebar dengan title gambar yang terlihat jelas.

Cara Membuat Related Post Diatas Kolom Komentar Pada Blog (2014)

Pada kesempatan kali ini kami akan memberikan versi ke dua nya . apa beda nya dengan related post yang sebelumnya ? kalo yang ini bedanya Related Post atau Artikel Terkait  berada di atas kotak komentar atau berada di luar postingan , contohnya bisa di lihat di blog ini. Jadi dengan begini tidak terlalu mengganggu isi postingan bukan, apa anda tertarik ? Kalau begitu berikut adalah langkah-langkah nya:

1. Login ke blogger.com

2. setelah itu pilih Rancangan >> Edit Html

3. kemudian backup template anda dulu , pilih Download Template Lengkap

4. lalu centang Expand Template Widget

5. kemudian letakan kode di bawah ini , tepat di bawah kode ]]></b:skin>

Cara Menambahkan Link Blog Pada Atribution Terbaru (2014)

Kepala saya lagi Blank sekarang, tidak tau mau buat tutorial blog tentang apa. Jadi, saya ikutin saja kemana jari jemari saya menekan lembutnya Keyboard. Ujung-ujungnya ketemu juga ide untuk membuat Tutorial blog tentang cara menambahkan Link blog kita pada Widget Attribution. Kalau sobat lihat bagian footer blog ini terdapat tulisan dan link yang bertuliskan "Copyright © 2012 Keluar Kemana. Powered by Blogger". Sebelumnya, footer tersebut hanya bertuliskan Powered by Blogger, kemudian saya lakukan sedikit modifikasi, sehingga tampilannya seperti yang sobat lihat saat ini. Untuk menambahkan link blog kita pada Widget Attribution, kita tidak perlu melakukan Edit Template, kita hanya menambahkan sedikit anchor text. Sudah, tanpa berbicara panjang lebar, ikuti saja langkah di bawah ini. 

Cara menambahkan link blog di Widget Attribution: 

• Sign in terlebih dahulu di blog sobat
• Klik Design pada Dashboard
• Klik Layout dan lihat bagian Footer blog sobat
• Pada bagian Widget Attribution, klik Edit

Cara Menyingkat Link Yang Panjang

Jika anda memiliki alamat url yang sangat panjang dan susah untuk diingat maka disini saya akan mencoba menulis tentang bagaiman caranya menyingkat alamat url. Untuk dapat menyingkat alamat url saya akan menggunakan layanan penyingkat URL  dari GOOGLE lewat situsnya.
Sebenarnya ada beberapa layanan penyingkat URL lain yang bisa digunakan, tetapi saya mengunakan Goo.gl karena Goo.gl merupakan penyingkat URL paling stabil, aman dan cepat, ujar Google. Google mengklaim kecepatan penyingkat URL ini meningkat dua kali lipat dalam sembilan bulan terakhir. 
Perihal keamanan, Google mengatakan cara kerja penyingkat URL ini sama dengan filter pada Google Search dan Gmail. Pengguna akan diperingatkan saat mencoba mengakses link yang berisi malware atau spam.

Cara Menghilangkan Navbar Pada Blog

Navbar berada di bagian atas Header Blog. Navbar merupakan menu Horizontal yang terdiri atas kotak pencarian dan beberapa link seperti Link Bebagi, Link Laporkan Penyalahgunaan, Link Blog Berikut, Link Buat Blog dan Link Masuk. Navbar memiliki banyak tampilan warna seperti warna biru, hitam, silver, tan, transparan terang dan transparan gelap. Navbar merupakan fitur default dari sebuah template.

Sudah beberapa kali terjadi perubahan bentuk Navbar dari versi sebelumnya. Perubahan tersebut membuat Tampilan Navbar terlihat lebih bagus. Walaupun seperti itu, 95 dari 100 blog, menghilangkan fitur tersebut. Mungkin, mereka merasa dengan adanya Navbar, tampilan blog mereka kurang indah. Jadi kalau sobat blogger termasuk orang yang merasa seperti itu, ikuti tips menyembunyikan Navbar di bawah ini.

Cara Menghilangkan Attribution Pada Blog

Sebenarnya tutorial cara menghapus tulisan diberdayakan oleh Blogger, sudah banyak sobat yang lain membahasnya. Akan tetapi karena ada pertanyaan dari rekan blogger, maka saya akan share kembali cara menghilangkan tulisan diberdayakan oleh Blogger.

Sebenarnya ada beberapa cara menghapus tulisan diberdayakan oleh Blogger atau Powered by Blogger, namun di sini saya akan share 2 cara, dengan menggunakan kode CSS dan menghapus permanen.

Cara 1 : Menyembunyikan dengan kode CSS

Untuk menyembunyikan tulisan diberdayakan oleh Blogger dengan kode CSS, silahkan ikuti langkahnya :

1. Login ke blogger sobat
2. Cari kode ]]></b:skin>, simpan kode ini di atasnya

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

3. Simpan template.

Cara Mudah Membuat Blog Dengan Menggunakan Blogger/Blogspot

Cara membuat blog di Blogger / blogspot  sebenarnya tidak begitu sulit. Syaratnya Anda harus punya email dari gmail, daftar disini. Jika sudah pernah membuatnya, Anda cukup login dan langsung masuk ke blogger.com. Jika belum, Anda harus mendaftr lebih dahulu (Sign Up). Ya, gmail dan blogger sebenarnya adalah produk Google, jadi keduanya semacam berada di rumah yang sama, tapi beda kamar.

Oke, agar tidak membingungkan, saya kasih tau cara membuat blog gratis ini dengan sangat mudah. Tapi lebih bagus lagi jika dipraktekan langsung.

Langsung saja yah: