Home » Posts filed under Tutorial
D-G BLOG sudah sebulan lebih tidak update ya, yah itu karena adminnya dah males blogging bos. Jadi
D-G BLOG hanya akan udpdate jika hanya ada hal hal yang penting saja, dan kali ini adalah cara menggunakan We Chat di Komputer. We chat adalah program chat yang sudah mulai banyak digunakan. Namun hanya bisa digunakan di handphone, android, ataupun Ipad serta smart phone. Jadi untuk komputer tidak bisa, namun di post ini akan saya bongkar rahasianya.
Gear berputar, kali inilah yang akan di share
D-G BLOG. Sebenarnya ini sih post kurang kerjaan karena saya kagak ada ide lagi jadi menggunakan css simple. Sebenarnya ini hanya kumpulan dari keyframes dan animation saja. Namun dengan ini kalian bisa mengkreasikannya dan merubahnya menjadi yang kalian inginkan.
Kali ini
D-G BLOG akan mengeshare salah satu jenis border ciptaan ane. Meskipun kalian pernah melihat di blog lain namun saya telah membuatnya sendiri. Yaitu border pelangi. Karena jika saya perhatikan template blogger selalu menggunakan border 1 warna ataupun bergradient jadi saya memikirkan bagaimana membuat itu menarik.
Jadi saya membuatnya border pelangi meskipun tidak dengan kombinasi "mejikuhibiniu".
Sebenarnya ini adalah ajaran dari bang johanes yaitu trick css pseudo, jadi saya kembangkan ide tersebut menjadi sebuah border.
Previewnya seperti ini
Kali ini
D-G BLOG akan posting cara membuat menu, namun menunya bukan menu biasa melainkan menggunakan css dan hover. Jadi dijamin keren dan dengan tampilannya lingkaran dan rapi jadi cocok kalian gunakan.
Sebelum kalian melihat caranya kalian bisa melihat dulu demonya, seperti dibawah ini
Memang di blog lain ada yang mengeshare seperti ini namun yang saya share disini sudah saya edit sedikit sedikit sesuai keinginan saya.
Kali ini
D-G Blog akan update postingan mengenai menu, dan menu kali ini menggunakan css. Bagi kalian yang bosan dengan menu yang biasa aja, kalian harus mencoba menu bagus , keren dan luar biasa berikut.
Kali ini
D-G Blog akan mengepost cara membuat logo google dengan CSS. Sebenarnya ini hanya css dasar, yaitu dengan membuat spesifikasi dari masing masing huruf dari GOOGLE tersebut. Namun sepertinya masih ada kelemahan karena saya belum terlalu bisa CSS. Hanya saran, logo ini akan bertabrakan kodenya dengan background. Bagi yang belum tau apa itu HTML bertabrakan klik
disini
CSS tersebut akan berfungsi seperti gambar diatas, yang paling atas adalah dalam keadaan normal dan gambar kedua adalah gambar ketika di blok.
Sebenarnya
D-G Blog kurang tahu harus memberi judul apa untuk post ini, cara membuat bullet dengan A:hover, itulah yang akan D-G Blog share kali ini. Sebenarnya ini efeknya hanya untuk membuat bullet anda menjadi lebih rapi dan lebih indah dipandang saja namun efeknya luar biasa, saya pun merasa trick ini benar benar mantap.
Kali ini
D-G Blog akan mengeshare tutorial kembali yaitu cara menghapus widget yang tidak bisa dihapus, memang ada widget yang bisa dihapus dan tidak, yang tidak bisa contohnya adalah laman dan beberapa feed. Seperti tulisannya file komputer, kumpulan PC dll itu sih tergantung template kalian. Dan sekarang akan saya ajarkan
Kali ini
D-G Blog akan mengeshare cara mempopulerkan artikel blog yang sudah lama. Jadi biasanya kita sebagai blogger selalu mengupdate setiap hari bukan tetapi jika artikel anda sudah 500 lebih bukankan paling tidak ada1/4 artikel yang tidak menglobal seperti artikel lainnya. Kalau begitu
D-G Blog akan mengeshare cara mempopulerkan artikel blog yang sudah lama alias basi namun berkualitas.
Halo sob kali ini
D-G Blog akan mengeshare Slide To Unlock , fungsinya hanya untuk memperkeren tampilan blog saja, dulu saya pernah mengeshare yang
welcome intro, bedanya kali ini full CSS jadinya keren abis, sebelum kita buat alangkah lebih baik kalian lihat dulu Preview atau Pratinjaunya klik
disini, sesudah muncul panahnya diklik lalu ditahan kekanan dan blog kalian akan terbuka, wah keren ya .Mau tahu cara bikinnya?
Langsung saja
2. Template
3. Edit HTML, Expand Template Widget
4. Pertama cari kode ]]></b:skin>
5. Letakan kode dibawah ini diatas ]]></b:skin>
#well {padding: 140px 20px 20px 300px;background:#000;overflow: hidden; width:100%;height:100%;position:fixed;z-index:9999999999999999;-webkit-user-select: none;font-family: 'Open Sans', sans-serif;}
#well h2 {background: -moz-linear-gradient(left, #8B836F, 0.4, #8B836F, 0.5, #52CFD2, 0.6, #8B836F, #8B836F); background: -webkit-gradient(linear,left top,right top,color-stop(0, #8B836F),color-stop(0.4, #8B836F),color-stop(0.5, #52CFD2),color-stop(0.6, #8B836F),color-stop(1, #8B836F)); -moz-background-clip: text;-webkit-background-clip: text;border-radius: 15px;-moz-text-fill-color: transparent;-webkit-text-fill-color: transparent;-webkit-animation: slidetounlock 5s infinite;border: 1px solid #FEA21D;font-size: 80px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: 300;margin-top: 130px;padding: 0;width: 720px;-webkit-text-size-adjust: none;}#slider {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsDQIyudWM8UqNzHlP2M_ZnNA9FPZRlaNGXWdbjsKESccBBQ3f96vHdMcO-JViiOO41RLD80DxpfifOPy5NC4MuzgjEWIQ0Hjv-0avE5ZdZTMsLPi_yzcKhCMthWZWOX-vBSIdJJcIMs/s1600/arrow.png) no-repeat;width: 146px;height: 98px;display: inline-block;vertical-align: middle;line-height: 1;opacity:0.8;}#slider:hover {opacity:1;}
@-webkit-keyframes slidetounlock {0% {background-position: -720px 0;}100%{background-position: 720px 0;}}
.bgslide {background:#000;width: 722px;border-radius: 15px;}
6. Cari kode
<body>
7. Letakan kode ini dibawah
<body>
<div id='well'><div class='bgslide'><h2><strong id='slider'/> <span>slide to unlock</span></h2></div></div>
8. Cari kode
</head>
9. Letakan kode ini diatas kode <
/head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'/><script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'/><script src='http://css-tricks.com/examples/SlideToUnlock/js/slidetounlock.js'/>
10. Selesai dan hasilnya akan seperti ini
Thanks To
Djogz atas kodenya
Terima Kasih
Sob kali ini
D-G Blog akan mengeshare cara mengetahui Posisi Artikel di halaman pencarian google, sebagai blogger pastinya ingin artikelnya dilihat dunia bukan, ya cara salah satunya adalah mendaftarkan blog ke google, tapi setelah itu artikel kita akan terindex bukan. Nah tapi setelah cari di google koq artikel saya tidak ada meskipun sudah di halaman 20.
Kali ini
D-G Blog akan mengeshare tutorial lagi, yaitu cara membelah sidebar menjadi 2 tetapi sebelum dimulai kalian sudah membaca cara mengubah posisi sidebar dan main, belum kalau belum klik
disini. Nah kalian pasti bertanya tanya apa sih maksudnya membelah sidebar dan jadi 2 lagi, pasti kalian bingung kan daripada bingung kalian lebih baik lihat aja dulu screenshootnya dibawah ini
- Screenshoot luar
- Screenshoot Tata Letak
Nah sudah jelas kan, modelnya dibelah 2 gitu. Pengen buatnya? Tapi siapin waktu dulu ya karena pastinya tidak sebentar. Eh ngomong ngomong blum ya saya jelasin apa fungsinya, kalau fungsinya ya pastinya buat taruh blogroll dan affilates, tetapi kalau tidak mau tidak masalah karena itu terserah kamu , tapi biasanya orang taruh buat blogroll dan affilates.
Halo kali ini
D-G Blog akan mengeshare cara merubah posisi sidebar dan main di blog, mungkin dengan sidebar kalian pasti sudah tau bukan, kalo main disini maksudnya adalah bagian yang ada disebelah sidebar itu sendiri, bisa berupa widget ataupun post.Jika biasanya kalian menggunakan template dan sudah diatur maka kalian dapat mengubahnya dengan trik ini.
Jika kalian ingin melihat contohnya bisa seperti ini
- Bentuk Asli Blog ini
- Bentuk Setelah ditukar posisinya dengan trik ini
Sudah terlihat kan bedanya
Tetapi ada 1 syarat untuk melakukan trik ini yaitu template kalian harus memiliki sidebar agak lebar dan modelnya tidak seperti saya karena kalau seperti saya bisa dilihat tuh hasilnya jadinya panjang sebelah, jadi setelah kalian menggunakan trik ini kalian harus preview dulu ya.
Kali ini
D-G Blog akan mengeshare cara membuat dropdown link, ini juga merupakan salah satu cara menampilkan link secara banyak tetapi tidak bertumpuk jadinya tetap nampak rapi dan cara ini bisa digunakan untuk sebagai kumpulan link partner ataupun kumpulan tempat tempat link anda dan sebagainya, kalau mau lihat saja previewnya
Hai kali ini
D-G Blog akan mengeshare cara membuat backlink, jika kalian pernah lihat tempat backlinknya gitu gitu aja sekarang
D-G Blog akan mengeshare yang keren karena ada CSSnya yah modelnya kagak jauh beda seperti yang ada di blog ini, kalau mau liat screenshootnya lihat dibawah ini dan untuk previewnya bisa langsung dilihat di blog ini
Kali ini
D-G Blog akan mengesahre cara memanipulasi jumlah visitor Who Among Us, tetapi sekilas terlebih dahulu mengenai who among us, Who among us adalah widget yang dipasang blog atau widget yang digunakan untuk memantau jumlah pengunjung. Tetapi widget itu selalu menampilkan hasil sebenarnya tetapi bagaimana jika widget itu kita hack , tetapi jamin tidak kenak banned karena sebenarnya itu cuma memanipulasi saja , alias sebenarnya pengunjung kita masih sedikit hanya saja tampilan yang diubah. Widget ini berbeda dengan google analytic sehingga mudah dipengaruhi.
Hai, kali ini
D-G Blog akan mengeshare mengenai Cara Mengetahui dan Mengatasi malware, kalian tahu tidak kalau
D-G Blog waktu itu pernah terserang malware karena sekarang sudah sehat dari malware, kini D-G Blog ingin berbagi cara untuk mengatasi hal tersebut.Kalian boleh coba dan jamin berhasil karena sudah
D-G Blog coba dan cara ini tidak sama dengan cara di blog lain , saya saat terkena malware saya langsung saja mencari ke google tetapi rupanya hampir semuanya artikelnya sama dan semuanya model lama , jadinya tidak bisa dilakukan. Kini
D-G Blog akan senang berbaginya kepada kalian.
Kali ini
D-G Blog akan mengeshare cara membuat like fanspage FB with timer. Like FansPage serasa menjadi widget wajib di setiap blogger termasuk
D-G Blog, tetapi kalau saya lihat di blog blog lain mereka memasang like fanspage di sidebar ataupun tersembunyi seperti saya tetapi saya rasa itu kurang efektif, jadi silakan coba cara seperti ini kotak like fb akan muncul pada saat blog dibuka dan kadang ada kadang tidak jadi bisa dibilang random dan memiliki timer alias waktu penghitung mundur sebelum hilang sendiri,D-G Blog tidak menggunakan ini karena saya lebih suka mendapatkan like secara sukarela dan tanpa paksaan. Mau tau cara membuatnya? Kalau begitu langsung saja
Kali ini
D-G Blog akan mengeshare 3 Jenis Anti Klik kanan dengan gambar, kan kalau anti klik kanan terbagi 2 yaitu anti klik kanan dengan gambar dan dengan teks, kali ini akan saya share pembagian jenis anti klik kanan dengan gambar, sebenarnya ini bukan pembagian melainkan jenis jenis kreasi dari para master blogger yang mengkreasikan anti klik kanan tersebut.
Sebenarnya disini saya hanya merangkum saja dari blog blog lain yang saya temui saat blog walking jadinya biar kalian mudah membacanya , Yasudah kita langsung saja dari yang pertama
Kali ini
www.davidgunawan123.blogspot.com akan mengehare cara memasang tombol print di blog, jika kalian berpikir print jangan ya kalian pikir printer bakal lengket di blog kalian, yang ditampilkan hanya tombol untuk memprint, nanti previewnya dalam posting ini akan saya berikan.
D-G Blog merasa tombol ini perlu dipasang apabila pengunjung menginginkan print artikel yang kita buat, dan membuat pengunjung tidak perlu copas ke word lagi sampe capek. Tapi saya rasa saya tidak perlu pasang karena saya rasa
D-G Blog selalu memberikan artikel dengan bahasa sehari hari jadinya tidak perlu , kalau mau langsung saja caranya
![-=[+] v3n0m_cyb3r [+]=-](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sTof_o5FqMe2HnmXuQqUW4vfGIU_IKFvnq1T7w66h_CdGMeFpjb7WW99RY3FwHfzN_GZloM5EW2-Kc9cW2LCiqcw=s0-d)
.png)
