Cara Membuat Tombol Follow Twitter Di Blog

Lama saya tidak update, kali ini saya akan berbagi kepada kalian sebuah tutorial tentang bagaimana caranya membuat atau lebih tepatnya memasang tombol/button follow akun twitter di blog dengan mudah. Dalam blogging, kita juga perlu memanfaatkan sosial media seperti twitter untuk menunjang blog kita. Untuk itu, kita perlu mempunyai follower twitter yang banyak. Nah, akan sangat sulit mendapat follower jika kita hanya memberikan link menuju twitter blog kita karena visitor mungkin malas atau tidak punya waktu untuk membuka twitter. Nah, hal itu bisa diatasi dengan membuat tombol follow twitter ini. Tinggal klik, langsung follow selesai. Untuk contoh tombolnya, kalian mungkin akan melihatnya di blog saya ini. Bagaimana? Apa kalian tertarik untuk memasangnya? Jika iya, kalian bisa mengikuti caranya di bawah ini :

• Pertama, tentu saja kita harus mempunyai akun twitter. Jika belum, kalian bisa daftar terlebih dahulu.
• Jika kalian sudah punya, langkah selanjutnya, klik link ini.
• Pertama-tama kalian akan diarahkan ke adf.ly. Tunggu sekita 5 detik. Kemudian akan muncul Skip Ad di pojok kanan atas.
• Kemudian kalian akan diarahkan ke tempat pembuatan tombol follow ini.
• Pada Choose a button, pilih yang Follow.
• Di bawahnya terdapat Button option. Isi user dengan username twitter kalian. Contoh : @Yondarkness, @FreeNum, dan sebagainya.
• Untuk setting lainnya, kalian bisa sesuaikan sesuai selera kalian.
• Jika sudah, kalian bisa melihat hasilnya di preview di samping bagian kanan.
• Nah, di bawah preview ini terdapat sebuah kode seperti ini :

<a href="https://twitter.com/Yondarkness" class="twitter-follow-button" data-show-count="false">Follow @Yondarkness</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

• Kode inilah nanti yang akan kita butuhkan. Jika sudah puas dengan settingannya, copy kode tersebut.
• Sekarang kita tinggal memasangnya. 

Kalian bisa memasangnya di postingan, header, sidebar, footer, dimana saja bisa. Namun, saya hanya akan memberi caranya lewat tambah gadget blogger. Bagaimana caranya? Berikut ini adalah caranya :

• Seperti biasa, masuk ke dasboard blog kalian.
• Masuk ke pilihan Tata Letak (Layout).
• Kemudian klik Tambah Gadget (Add a Gadget). Jika ada banyak, klik salah satu. Yang mana saja tidak masalah.
• Pilih yang  HTML/JavaScript.
• Masukkan judul dan masukkan kode yang tadi kalian dapat pada konten.
• Jika, sudah tinggal kita simpan.

Hasilnya nanti akan terlihat seperti ini :

Follow @Yondarkness

Bagaimana? Sukses bukan? Sekian artikel saya kali ini. Semoga bermanfaat bagi kita semua. Jangan lupa untuk terus mampir ke blog sederhana saya ini, tinggalkan komentar, dan klik tombol like di bawah ini. Follow twitternya juga tidak apa. Hehehe..

Cara Membuat Social Media Buttons Keren Melayang Di Samping Blog

Seperti biasanya, saya akan berbagi kepada kalian sebuah tutorial blogger. Kali ini adalah tutorial tentang bagaimana caranya membuat tombol sosial atau social button yang melayang di samping blog. Sosial button ini sangatlah penting bagi blog kita, oleh karena itu jika kalian belum punya di blog kalian, saya sarankan untuk mencobanya. Tenang saja, widget ini tidaklah berat alias ringan. Desainnya yang bagus ala Om-dayz.blogspot.com juga akan menunjang tampilan blog kalian. Untuk lebih jelasnya, kalian bisa melihat demonya di link di bawah ini :

Demo

Bagaimana? Bagus bukan? Kalian tertarik? Terus bagaimana cara membuatnya? Sabar. Berikut ini adalah caranya :

• Pertama, buka dulu dasboard blog kalian.
• Masuk ke menu Template.
• Pilih Edit HTML.
• Cari kode ]]></b:skin>.
• Masukkan kode di bawah ini tepat di atas kode ]]></b:skin>.

.staticbar {position: fixed;right: 0;top: 35%;width: 25px;animation:static-bar .8s;-moz-animation:static-bar .8s; -webkit-animation:static-bar .8s;}
.staticbar:hover {z-index: 1000;}
.rt-social-buttons a, .loginbtn {background: none repeat scroll 0 0 #0e0e0e;background-repeat: no-repeat;display: block;height: 20px;margin-bottom: 3px;padding: 4px 0 4px 4px;right: 0px;width: 140px;position: relative;-moz-border-radius: 3px 0px 0px 3px;-webkit-border-radius: 3px 0px 0px 3px;-khtml-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px;background-position: 4px 4px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border:1px solid rgb(51, 51, 51)}
.rt-social-buttons span, .loginbtn span {background-repeat: no-repeat;color: #FFFFFF;display: block;font-size: 10px;height: 18px;letter-spacing: -1px;line-height: 1.9em;padding-left: 20px;text-transform: uppercase;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.2);}
.rt-social-buttons a:hover, .loginbtn:hover {background: none repeat scroll 0 0 #4bb847;border:1px solid rgb(70, 0, 0);
right: 119px;}
.rt-social-buttons a#rt-buzz-btn span {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYAK7cfJyPaAkOSPvKbssLT8sGWJOtPRCav5dCnVj-0on9-qOYwdXT_9eHblyBdfm7x1QejuGcY_Jvd6xjT7JEwfq9jzA_hFNEoJFN5THrr1OCoj9f2Tov3oHGLIaUQCK2OgCJ3MbDf-w/s1600/socialsprite.png);background-position:-2px -68px;}
.rt-social-buttons a#rt-twitter-btn span {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYAK7cfJyPaAkOSPvKbssLT8sGWJOtPRCav5dCnVj-0on9-qOYwdXT_9eHblyBdfm7x1QejuGcY_Jvd6xjT7JEwfq9jzA_hFNEoJFN5THrr1OCoj9f2Tov3oHGLIaUQCK2OgCJ3MbDf-w/s1600/socialsprite.png);background-position:-2px -24px;}
.rt-social-buttons a#rt-facebook-btn span {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYAK7cfJyPaAkOSPvKbssLT8sGWJOtPRCav5dCnVj-0on9-qOYwdXT_9eHblyBdfm7x1QejuGcY_Jvd6xjT7JEwfq9jzA_hFNEoJFN5THrr1OCoj9f2Tov3oHGLIaUQCK2OgCJ3MbDf-w/s1600/socialsprite.png);background-position:-2px -46px;}
.rt-social-buttons a#rt-rss-btn span {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYAK7cfJyPaAkOSPvKbssLT8sGWJOtPRCav5dCnVj-0on9-qOYwdXT_9eHblyBdfm7x1QejuGcY_Jvd6xjT7JEwfq9jzA_hFNEoJFN5THrr1OCoj9f2Tov3oHGLIaUQCK2OgCJ3MbDf-w/s1600/socialsprite.png);background-position:-2px -89px;}
a.loginbtn span {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYAK7cfJyPaAkOSPvKbssLT8sGWJOtPRCav5dCnVj-0on9-qOYwdXT_9eHblyBdfm7x1QejuGcY_Jvd6xjT7JEwfq9jzA_hFNEoJFN5THrr1OCoj9f2Tov3oHGLIaUQCK2OgCJ3MbDf-w/s1600/socialsprite.png);background-position:-2px 0px;}
@keyframes static-bar{0%   {right:-25px;} 100%   {right:0px;}}
@-moz-keyframes static-bar{0%   {right:-25px;} 100%   {right:0px;}}
@-webkit-keyframes static-bar{0%   {right:-25px;} 100%   {right:0px;}}

Keterangan :

Kode yang berwarna BIRU adalah kode warna background tombol. Kalian bisa menggantinya sesuai keinginan.

Kode yang berwarna HIJAU adalah kode warna background tombol saat diarahi cursor. Kalian bisa menggantinya sesuai keinginan.

Untuk melihat kode warna, kalian bisa klik disini.

• Masih di Edit HTML, cari kode </body>.
• Masukkan kode di bawah ini tepat di atas kode </body> :

<div class="staticbar">
<div class="login">
<div id="rt-login-button">
<a class="loginbtn buttontext" href="http://blogger.com" rel="nofollow" target="_blank" title="Login Blogger">
<span class="desc">Blogger Login</span></a>
</div>
<div class="clear"></div>
</div>
<div class="rt-social-buttons">
<a class="lightbox" data-options="{&quot;width&quot;:300, &quot;height&quot;:430, &quot;iframe&quot;: true}" href="https://facebook.com/pages/Yondarkness/372878842803751?ref=hl" id="rt-facebook-btn" rel="nofollow" title="Facebook Yondarkness">
<span> Facebook Fanspage</span></a>
<a class="lightbox" data-options="{&quot;width&quot;:420, &quot;height&quot;:405, &quot;iframe&quot;: true}" href="https://www.twitter.com/yondarkness/" id="rt-twitter-btn" rel="nofollow" title="Twitter Yondarkness">
<span>Follow Me On Twitter</span></a>
<a href="https://plus.google.com/118163047156925704991" id="rt-buzz-btn" rel="nofollow" target="_blank" title="Google Plus Yondarkness">
<span>Circle Me On Google Plus</span></a>
  <a href="http://www.yondarkness.com/" id="rt-rss-btn" rel="nofollow" target="_blank" title="RSS Yondarkness">
<span>Subscribe To RSS Feed</span></a>
</div>
</div>

• Terakhir, tinggal kalian simpan. 

Keterangan :

Kode yang berwarna UNGU adalah url Fanspage Facebook. Kalian ganti dengan url Fanspage Facebook kalian sendiri.

Kode yang berwarna PINK adalah url Twitter. Kalian ganti dengan url Twitter kalian sendiri.

Kode yang berwarna ORANGE adalah url Google Plus. Kalian ganti dengan url Google Plus kalian sendiri.

Kode yang berwarna CYAN adalah url RSS Blog. Kalian ganti dengan url RSS blog kalian sendiri.

Bagaimana? Sudah jadi bukan? Sekian tutorial saya kali ini. Semoga bermanfaat bagi kita semua. Saya berterima kasih juga kepada blog Om-Dayz. Jangan lupa untuk mampir ke blog saya lagi, tinggalkan komentar, dan klik tombol like di bawah ini.

Cara Membuat Akun SSH Gratis Sendiri Di Fast Premium SSH

Oke, kali ini saya akan berbagi kepada kalian, terutama para pengguna SSH yang cinta akan gratisan. Saya akan berbagi tentang bagaimana caranya menbuat akun SSH gratis sendiri menggunakan jasa dari Fast Premium SSH. Oke, tidak ada salahnya sih gratisan. Kenapa harus bayar kalau ada yang gratis? Hehehe.. Pertama, tentu saja kita harus sudah tahu bagaimana caranya menggunakan SSH dan software-software yang dibutuhkan. Jika belum, kalian bisa mencarinya di link di bawah ini :

• Cara Menggunakan SSH Internet Unlimited Tanpa Kuota.
• Download Proxifier 3.21 Full Free.
• Download Bitvise 4.6 Full Free.

Nah itu dia. Jika kalian sudah tahu dan punya softwarenya, kalian bisa mengabaikannya dan lanjut membahas tentang bagaimana cara membuat akun gratisnya. Oke, langsung saja, berikut ini adalah caranya membuatnya :

• Pertama, buka link berikut ini : Free Premium SSH. Kalian akan di arahkan ke halaman adf.ly. Tunggu sekitar 5 detik dan klik Skip Ad. Kalian akan di arahkan ke halaman untuk membuat akunnya.
• Nah, di situ akan banyak tersedia beberapa list server akun ssh beserta detailnya. Kalian bisa memilih yang kalian inginkan. Namun saya sarankan untuk memilih yang ada detail Limit Acc : 999999/Day.
• Atau kalian juga bisa menggunakan filter untuk menemukan akun yang kalian inginkan.

• Jika sudah, klik tombol Create SSH Account Singapore. (Dalam hal ini saya menggunakan server Singapore. Kalian bisa menggunakan yang lain).

• Kalian akan diarahkan ke sebuah halaman. Di sana ada formulir. Kalian harus mengisinya sesuai keinginan kalian.

• Jika sudah, klik Create Account. 
• Tunggu loadingnya.
• Dan akan muncul detail mengenai akun yang kalian buat. (Maaf, sekarang saya menggunakan server USA Public 2 karena Singapore sudah limit tadi. Tapi kalian tetap bisa menggunakan server lain selama belum limit. Inilah alasan mengapa saya sarankan menggunakan server yang ada detailnya Limit Acc : 999999/Day.

Bagaimana? Sudah jadi bukan? Selamat sekarang kalian sudah punya akun SSH sendiri. Akun ini hanya akan aktif selama 3 hari. Jika sudah mati, kalian bisa membuatnya lagi. Namun, 1 akun ini hanya boleh dipakai oleh 1 user saja. Oke, sekian artikel saya kali ini. Semoga bermanfaat bagi kita semua. Jangan lupa mampir terus ke blog Yondarkness, tinggalkan komentar, dan klik tombol like di bawah ini.

Cara Membuat Anti Ctrl+U Dengan Gambar Di Blog

Oke, kali ini saya akan berbagi kepada kalian sebuah script untuk blog kalian. Script apa itu? saya akan berbagi kepada kalian script anti Ctrl+U yang membuat blog kita memunculkan peringatan seperti gambar saat ada visitor yang mencoba membuka source kode blog kita. Tahukah kalian kalau source kode ini berisi beberapa kode dari template blog kita? Jika template yang kalian pakai adalah template buatan kalian sendiri dan ada orang yang ingin mencuri kode template kalian pastilah kalian merasa tidak rela bukan? Nah, untuk mencegahnya, kita bisa menggunakan script ini untuk mencegah para plagiator untuk mengintip source code blog kita. Namun, saya ingatkan. Script ini hanya bisa mengatasi plagiator kelas teri. Jika musuh kalian plagiator kelas kakap, mohon maaf. Mungkin script ini tidak akan terlalu membantu. Script ini saya dapat dari blog teman saya, bloganb.blogspot.com kemudian saya ubah sedikit supaya lebih mudah memasangnya. Kalian bisa melihat demonya di link di bawah ini. Saat, ada di blog demonya, kalian bisa menekan tombol Ctrl+U untuk melihatnya.

Demo

Lalu bagaimana cara memasangnya? Nah, berikut ini adalah caranya :

• Seperti biasa, masuk ke dasboard blog kalian.
• Masuk ke pilihan Tata Letak (Layout).
• Kemudian klik Tambah Gadget (Add a Gadget). Jika ada banyak, klik salah satu. Yang mana saja tidak masalah. Namun saya sarankan untuk meletakannya di paling atas, supaya lebih cepat diload.
• Pilih yang  HTML/JavaScript.
• Kosongkan saja judulnya dan masukkan kode di bawah ini pada konten :

<script src='https://googledrive.com/host/0B0E3jachWu1WLWJrVnNLNmhtSHM/' type='text/javascript'></script>

•  Jika sudah, sekarang tinggal kalian simpan.

Nah, bagaimana? Sekarang kalian bisa mengeceknya dengan cara menekan tombol Ctrl+U di blog kalian.

Kalian juga bisa mencoba trik ini : Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog.

Atau menggunakan encryprt HTML dan kode ekternal supaya lebih aman.

Sekian artikel saya kali ini. Semoga bermanfaat bagi kita semua. Jangan lupa tinggalkan komentar dan klik tombol like di bawah ini untuk menghargai jasa penulis.

Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog

Oke, kali ini saya akan berbagi kepada kalian sebuah tutorial blogger lama dari dickeymaru.com tentang bagaimana caranya membuat anti right click/klik kanan di dengan menggunakan gambar yang muncul di blog. Dengan ini, kita akan membuat blog kita menjadi lebih aman dari copaser. Karena jika ada orang yang melakukan klik kanan akan muncul sebuah gambar. Tenang saja, widget ini ringan. Jadi tidak terlalu menghambat loading blog. Untuk contohnya, kalian bisa melihat demonya di link di bawah ini :

Demo

Bagaimana? Lumayan bagus bukan? Lalu bagaimana cara membuatnya? Untuk cara membuatnya, kalian bisa mengikuti langkah berikut :

• Seperti biasa, masuk ke dasboard blog kalian.
• Masuk ke pilihan Tata Letak (Layout).
• Kemudian klik Tambah Gadget (Add a Gadget). Jika ada banyak, klik salah satu. Yang mana saja tidak masalah. Namun saya sarankan untuk meletakannya di paling atas, supaya lebih cepat diload.
• Pilih yang  HTML/JavaScript.
• Kosongkan saja judulnya dan masukkan kode di bawah ini pada konten :

<script type='text/javascript'>

var DADrightclicktheme = 'Dark';

var DADrightclickimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJd_Rn46C2ASqQdsFR3h5BqdTtCAIfwrIDRBAP_dTr61KiIZkybUeokLuz54U6YRm7_ebWkOaPThEGN6L3mjPSIqU1cNPRVL-SYVy8DcfX5cEWuUPmZgSwUOeO0F40iRyVIyvnXe4GkFJe/s1600/No+Right+Click+copy.png';

</script>

<script type="text/javascript" src="https://googledrive.com/host/0B0E3jachWu1WWVNiRDlwLWdXT3M/"></script>

•  Jika sudah, sekarang tinggal kalian simpan.

Keterangan :

Ganti kode berwarna BIRU dengan skema blog kalian. Jika blog kalian berwarna dasar gelap, isi dengan Dark. Dan jika blog kalian berwarna dasar terang, isi dengan Light.

Ganti kode berwarna HIJAU dengan URL/Alamat gambar Anti Klik Kanan kalian.

Bagaimana? Sudah jadikan? Sekarang blog kalian menjadi lebih aman dari para copaser. Namun, hanya copaser newbie menengah sedikit. Kalau copaser pro, beda lagi ceritanya.

Kalian juga bisa mencoba trik ini : Cara Membuat Anti Ctrl+U Dengan Gambar Di Blog.

Atau menggunakan encryprt HTML dan kode ekternal supaya lebih aman.

Sekian artikel saya kali ini. Semoga bermanfaat bagi kita semua. Jangan lupa mampir lagi, tinggalkan komentar, dan klik tombol like di bawah ini.

Cara Membuat Lapor Link Rusak Dengan Google Formulir

Hai, seperti biasanya, kali ini saya akan berbagi kepada kalian sebuah tutorial tentang blog. Tutorial apakah itu? Kali ini saya akan berbagi kepada kalian tentang bagaimana caranya membuat lapor link rusak atau mati menggunakan fasilitas yang disediakan oleh Google Drive. Dengan menggunakan lapor link rusak ini, visitor akan lebih mudah melaporkan masalah seperti link rusak atau mati sehingga kita bisa segera memperbaikinya. Untuk contohnya kalian bisa mengklik link demo di bawah ini :

Demo

Bagaimana? Apakah kalian tertarik? Baiklah, kalian bisa mengikuti tutorialnya di bawah ini :

• Pertama, kalian buka dulu Google Drive : Klik disini.
• Jika ada tulisan "Installing Drive lets you keep files on your computer backed up and ready to access from anywhere.", kalian bisa memilih No thanks.

• Kemudian kalian akan masuk pada halaman utamanya.
• Klik tombol buat.
• Kemudian pilih Formulir.

• Kalian akan di arahkan ke sebuah halaman untuk mengatur isi formulirnya.
• Sesuaikan seperti keinginan kalian. Isi judul dan temanya.

• Jika sudah, kalian bisa mengaturnya seperti sedemikian rupa. (Sebenarnya terserah kalian mau diatur seperti apa).

• Kemudian kalian tinggal melanjutkan untuk pertanyaan lain. Seperti judul postingan, url postingan, keterangan, dan lainnya.

• Jika kita ingin melihat hasil jadinya, kalian bisa mengklik Lihat bentuk jadi.

• Jika kalian ingin melihat tanggapan (Hasil pengisian formulir dari visitor), kalian harus mengaturnya terlebih dahulu. Caranya dengan mengklik pilihan Pilih tujuan tanggapan dan pilih Spreadsheet baru.

• Jika sudah selesai, kalian klik Kirim formulir.
• Akan muncul sebuah pop up dan Klik Sematkan.
• Disana akan ada kode. Kode ini nanti yang akan kalian butuhkan. Atur terlebih dahulu lebar dan tingginya.
• Kemudian copy kodenya.

Nah, sekarang kita sudah mendapatkan kodenya. Sekarang kita akan memasangnya di postingan atau laman. Berikut ini adalah caranya :

• Pertama, masuk ke dasboard blog kalian.
• Buatlah postingan atau laman seperti biasanya.
• Di editor postingan atau laman akan ada dua pilihan, Compose dan HTML.
• Pilih yang HTML.
• Pastekan kode yang tadi sudah kita dapatkan tadi.
• Kemudian tinggal kalian edit postingan atau lamannya sesuai yang kita inginkan.
• Jika sudah, tinggal kita publikasikan seperti biasa dan menunggu kalau ada yang mengisi formulirnya.

Untuk melihat hasil pengisian formulir dari visitor, kalian bisa membuka Google Drive. Disana akan ada file baru berupa Spreadsheet dengan nama "Judul Formulir (Tanggapan)". Kalian bisa membuka dan melihat hasilnya. Jangan lupa untuk mengeceknya secara rutin.

Bagaimana? Sudah jadikan? Mudah sekali menggunakan fasilitas yang di sediakan Google ini.  Sekian artikel saya kali ini. Semoga bermanfaat bagi kita semua. Jangan lupa terus berkunjung di blog saya ini, tinggalakan komentar, dan klik tombol like di bawah ini.

Download Kumpulan Ikon Folder Anime

Oke, kali ini saya akan berbagi sesuatu kepada kalian para pembaca blog ini terutama untuk yang suka mengoleksi anime hingga berfolder-folder. Sesuatu apakah itu? Saya kan berbagi sebuah file berisi 2000 lebih ikon/icon anime untuk kalian. Wah, banyak sekali ya. Iya lah, ukurannya saja hingga 800 MB. Tapi tenang saja, setelah di jadikan file .rar ukurannya menjadi 300 MB. Jadi kalian tidak perlu mendownload hingga hampir 1 GB. Untuk previewnya, kalian bisa melihat gambar di bawah ini :

Bagaimana? Apakah kalian tertarik? Oke langsung saja. Kalian bisa mendownloadnya secara gratis di link di bawah ini :

Download
( Nama File : File Lain 004 )

Cara menggunakannya sangatlah mudah. Pertama, tentu saja kalian harus mendownload file. Jika sudah, kalian ekstrak menggunakan WinRar. Kemudian cari folder anime yang ingin kalian ganti ikonnya. Klik kanan. Pilih Properties. Klik tab Customize. Nah, disana ada tulisan Change Icon.... Kemudian cari ikon folder yang sesuai yang tadi sudah kalian download. Kemudian tinggal di Ok dan selesai.

Oke, sekian artikel saya kali ini. Semoga bermanfaat bagi kita semua. Jangan lupa terus berkunjung, klik join this site di menu blog, tinggalkan komentar, dan klik tombol like di bawah ini.

Cara Membuat Widget Anime Bergeser Di Pojok Blog

Oke, kali ini saya akan berbagi kepada kalian sebuah widget yang akan mempercantik blog kalian. Widget apakah itu? Ya, seperti judulnya ini adalah widget anime bergeser di pojok blog. Untuk demonya, kalian bisa klik link di bawah ini :

Demo

Bagaimana? Tertarik? Namun, saat ini saya hanya mempunyai 4 koleksi saja. Jika kalian ingin lebih, kalian bisa mengirim gambar seperti widget yang saya share ini ke Fanspage Yondarkness. Berikut ini adalah link gambarnya, klik untuk melihat :

Widget 1 Widget 2

Widget 3 Widget 4

Lalu bagaimana cara membuatnya? Oke langsung saja, berikut ini adalah caranya :

• Seperti biasa, masuk ke dasboard blog kalian.
• Masuk ke pilihan Tata Letak (Layout).
• Kemudian klik Tambah Gadget (Add a Gadget). Jika ada banyak, klik salah satu. Yang mana saja tidak masalah.
• Pilih yang  HTML/JavaScript.
• Kosongkan saja judulnya dan masukkan kode di bawah ini pada konten sesuai dengan widget yang kalian inginkan.

Widget 1 :

<script type="text/javascript" src="https://googledrive.com/host/0B0E3jachWu1WelFHUDBKRGdGZ2s/"></script>

Widget 2 :

<script type="text/javascript" src="https://googledrive.com/host/0B0E3jachWu1WS2V5ODJwdkx3TGM/"></script>

Widget 3 :

<script type="text/javascript" src="https://googledrive.com/host/0B0E3jachWu1WX2ZPY0lqMXF0TEk/"></script>

Widget 4 :

<script type="text/javascript" src="https://googledrive.com/host/0B0E3jachWu1WWVN5d0NVTXZIVzg/"></script>

• Jika sudah, sekarang tinggal kalian simpan.

Sudah jadi kan? Bagaimana sekarang blog kalian ditemani tokoh anime di pojok dan seakan-akan malu jika disentuh? Hahaha.. Saya sudah mengupdate tutorial ini beberapa kali supaya lebih sempurna. Jika ada kesalahan harap laporkan. Sekian artikel saya kali ini. Semoga bermanfaat bagi kita semua. Jangan lupa mampir lagi, tinggalkan komentar, dan klik tombol like di bawah ini.

Apa Itu Template Blog Responsive?

Template blog Responsive, mungkin kalian sering mendengar kata itu di kalangan blogger. Lalu, apa itu template blog Responsive? Mungkin kalian bertanya seperti itu. Template blog Responsive adalah template blog yang membuat  blog yang menerapkannya menyesuaikan tampilan secara otomatis sesuai dengan lebar gadget yang digunakan untuk membuka blog tersebut. Bagaimana? Masih bingung? Baiklah tidak apa apa. Supaya kalian lebih mengerti, saya akan memberikan contoh 1 blog yang menggunakan template Responsive ini. Untuk melihatnya, kalian bisa mengklik link ini.

Setelah kalian buka, sekarang coba kalian zoom tampilan blog tersebut (Ctrl+Scroll) menjadi lebih besar atau kalian coba membuka blog tersebut menggunakan pc, hp, smartphone, dan sebagainya dengan lebar layar yang berbeda. Tampilannya akan menyesuaikan bukan?

Lalu apa kelebihan dari template Responsive ini dan apa pula kekurangannya? Kelebihan template ini akan membuat blog kita menjadi lebih Visitor Friendly karena menyesuaikan dengan gadget yang digunakan oleh visitor. Apa lagi saat ini Google sedang menggunakan algoritma Mobilegeddon yang mana Google akan memprioritaskan web atau blog yang Mobile Friendly pada pencarian menggunakan Mobile. Salah satu cara agar blog menjadi Mobile Friendly adalah dengan menggunakan template Responsive

Untuk kekurangannya mungkin karena untuk template Responsive ini membutuhkan kode lebih. Sehingga akan sedikit memperlambat loading blog kita. Dan tentu untuk membuatnya akan lebih sulit.

Saat ini template Responsive inilah yang menjadi trend dan banyak dicari. Kalian bisa mencarinya dengan mudah menggunakan google dengan keyword "Download Template Responsive" karena sekarang sudah banyak tersedia template responsive, baik free alias gratis ataupun premium alias berbayar.

Untuk mengcheck apakah template Responsive atau tidak, kalian bisa mengzoom tampilannya atau menggunakan beberapa fitur yang tersedia di beberapa web seperti Responsinator dan lainnya.

Lalu bagaimana cara membuatnya? Untuk saat ini saya sendiri belum tahu bagaimana. Jadi saya belum bisa memberi tahu.

Oke, saya rasa cukup. Sekian artikel dari saya. Semoga bermanfaat bagi kita semua. Jangan lupa kunjungi blog saya ini, tinggalkan komentar, dan klik tombol like di bawah ini.