Posts

Showing posts from June, 2015

Cara Optimalisasi Seo Memakai Description

By -
Image
Deskripsi pada blog merupakan salah satu teknik SEO On Page yang mesti Anda ketahui. Fungsinya sendiri untuk memperkuat deskripsi blog Anda yang akan di index oleh google. Deskripsi ini akan muncul serp dikala sudah di aktifkan. Makara yang belum mengaktifkan deskripsi blognya silahkan simak tutorial berikut. Cara Memasang Description Pada Homepage 1. Silahkan cek meta tag Description pada blog Anda. Caranya, silahkan menuju ke Template > Edit Html, letaknya berada di antara aba-aba <head> hingga </head> . Bila ternyata belum ada, silahkan letakkan meta tag description berikut dibawah aba-aba <head> , kemudian save. <meta expr:content='data:blog.metaDescription' property='og:description'/> Baca juga : Memasang Meta Tag Full Seo Pada blog 2. Aktifkan meta tag description yang telah di pasang sebelumnya dengan cara, pergi menuju sajian Setelan > Preferensi penelusuran > Meta Tag > Deskripsi . 3. Isi deskripsi sahabat sesuai harapan A...
Post a Comment
Read more

Tips Ampuh Tingkatkan Links In Alexa

By -
Image
Tips Ampuh Tingkatkan Links In Alexa Belajar dari pengalaman waktu mulai ngeblog, saya ingin sekali meningkatkan links in alexa. Links in alexa berupa backlink yang akan di index oleh pihak alexa. Mungkin ada yang sudah sebar backlink kemana-mana namun tidak di index juga, hal ini di sebabkan oleh dua kemungkinan. Pertama, links in Alexa belum di update oleh pihak Alexa, jadi sebaiknya tunggu saja hingga terupdate. Kedua, backlink tersebut tidak terindex, sanggup jadi backlink diletakkan pada situs nofollow. Langsung saja, berikut tips untuk meningkatkan links in alexa. Cara Meningkatkan Links In Alexa 1. Menyebarkan Link Blog Pada Forum Sesuai Niche Cara ini yakni yang pertama saya lakukan. Simple dan kemungkinan links in bertambah cukup tinggi, Anda tinggal menjelajahi forum-forum yang sesuai dengan niche blog Anda. Ketika itu saya mengunjungi situs idblogschool.com soalnya blog saya mempunyai banyak isi seputar tutorial blog. Jadi, Anda sanggup share artikel atau menjawab perta...
1 comment
Read more

Cara Menciptakan Gallery Blog Dengan Css3

By -
Image
Awesome Gallery With CSS3 Gallery ini sangat cocok untuk blog dengan niche travelling atau backpaker. Fungsinya untuk menciptakan tampilan gambar menjadi lebih keren lagi memakai animasi CSS3. Sebenarnya cukup gampang jikalau ingin menggunkan CSS3 pada gambar, namun seringkali css tidak support jikalau ada kesalahan pada css code nya, walau hanya sedikit. Cukup basa basinya, bagi yang ingin mencoba silahkan ikuti tutorial berikut dan untuk preview silahkan lihat di final artikel. Cara Membuat Halaman Gallery Blog 1. Siapkan halaman dengan mode HTML, jangan Compose semoga kodenya aktif. 2. Masukkan CSS berikut ke halaman tersebut. <style type="text/css"> .post img{max-width:100%} .post-body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtpuoc7cZoYX1yubbYhI6IZTw_pOaghM_nWucXACxZGWScIE3zktFfXkWDsICLvxJSmhT6JhVepT7YIc4mW2Hs0EDNzIigzIkRDxSxbCXbR6zxTSRoOKvhrmuq70WAVU_r_-mYmU_Nv58/s1600/465_13_wood-textures-desktop-background.jpg) repeat;padding...
Post a Comment
Read more

Cara Gampang Memasang Widget Translate

By -
Image
Simple Translate Widgets Widget translate dengan tampilan simple sangat cocok untuk blog atau web dengan visitor yang kebanyakan berasal dari luar negri. Untuk blog internasional atau yang mempunyai sasaran market luar negri sangat aku rekomendasikan untuk memakai widget ini. Widget ini mempunyai banyak bahasa yang sanggup Anda setting sendiri jumlahnya. Namun, jumlah bahasa yang dipakai dihentikan melebihi jumlah pada Google Translate. Tidak perlu basa-basi lagi, silahkan simak tutorial cara memasang widget translate simple ini. Cara Memasang Simple Translate Widget 1. Letakkan CSS berikut sempurna sebelum atau di atas instruksi ]]></b:skin> atau </style> , kemudian save. /* CSS Simple Translate Widget */ #translator-wrapper{display:block;width:100%;max-width:350px;border:none;background-color:#fff;color:#444;overflow:hidden;position:relative;height:40px;line-height:40px;border:1px solid #e0e0e0} #translator-wrapper select{border:none;background:transparent;font-f...
Post a Comment
Read more

Bahaya Duplikat Konten Pada Blog

By -
Image
Melakukan duplikat konten atau yang biasa di sebut Copas (copy paste) yakni hal berbaya. Namun, kurangnya pengetahuan para blogger seputar ancaman duplikat konten mengakibatkan blog copaser semakin banyak. Blog copaser yang mempunyai duplikat kontent terbagi dua, ada yang copas manual dan ada yang memakai robot. Tapi disini saya akan membahas lebih banyak dampak yang di timbulkan oleh duplikat kontent, problem cara copasnya akan kita bahas lain waktu. Duplikat kontent juga sanggup berupa kontent ganda yang ada berada di blog. Hal ini biasa dilakukan secara sengaja maupun tidak. Banyak yang percaya bahwa konten ganda akan meningkatkan peluang berada di page one SERP (Search Engine Result Page). Namun kenyataannya hal tersebut akan menciptakan kontent berada di page one tetapi tidak permanen. Secara tidak di sengaja juga sering terjadi, yaitu saat ingin melaksanakan impor blog. Jadi, perhatikan baik-baik konten yang sudah pernaah di impor biar tidak terjadi duplikat konten. Source :...
Post a Comment
Read more

Membuat Tombol Long Shadow Effect Dengan Css

By -
Image
Membuat Tombol Long Shadow Effect dengan CSS Postingan kali ini masih membahas seputar css. Kali ini kita akan menciptakan tombol dengan pengaruh long shadow. Ini juga hampir menyerupai dengan tombol flat ui. Langsung saja, untuk tutorialnya silahkan disimak Berikut CSS dan Kode pemanggilnya .opickweblog-flat-icon{padding:0;list-style:none;display:inline-block;margin:10px auto}.opickweblog-flat-icon li{display:inline-block}.opickweblog-flat-icon a{display:inline-block;float:left;width:120px;height:35px;font-weight:bold;font-size:20px;color:#FFF;text-decoration:none;cursor:pointer;text-align:center;line-height:32px;background:#000;position:relative;transition:.5s}.long-shadow a{overflow:hidden;font-size:20px;border-radius:4px;margin:0 5px}.long-shadow a:hover{border:1px solid transparent;background:#fff;text-shadow:0 0 #d4d4d4,1px 1px #d4d4d4,2px 2px #d4d4d4,3px 3px #d4d4d4,4px 4px #d4d4d4,5px 5px #d4d4d4,6px 6px #d4d4d4,7px 7px #d4d4d4,8px 8px #d4d4d4,9px 9px #d4d4d4,10px 10p...
Post a Comment
Read more

Animasi Awan Bergerak Memakai Css3

By -
Image
Make Cloud Animation From CSS3 Sebenarnya cuma iseng-iseng aja ngedit CSS sambil berguru CSS3 dari blog kang rian, nemunya animasi awan bergerak ini. Ane utak atik trus kesudahannya gini deh hehe. Bagi yang ingin mencoba menciptakan silahkan di coba sendiri ya.. Berikut CSS dan instruksi pemanggilnya #awan { background-color:#C0DEED; background: url(https://abs.twimg.com/images/themes/theme1/bg.png) center top repeat-x; padding-top:100px; padding-bottom:10px; width: 100%; height: 135px; animation: awan-animasi 10s linear infinite; -ms-animation: awan-animasi 10s linear infinite; -moz-animation: awan-animasi 10s linear infinite; -webkit-animation: awan-animasi 10s linear infinite; } @keyframes awan-animasi { from { background-position: 0 0; } to { background-position: 100% 0; }; } @-webkit-keyframes awan-animasi { from { background-position: 0 0; } to { background-position: 100% 0; }; } @-ms-keyframes awan-animasi { from { ...
Post a Comment
Read more

Cara Menambahkan Efek Jiggle Pada Blog

By -
Image
How To Add Jiggle Effects On The Blog Jiggle Effects yaitu sebuah imbas yang sanggup menciptakan tulisan, tombol, link, dan sebagainya bergoncang. Efek Goncangan ini biasanya dibentuk untuk menarik perhatian visitor pada tulisan, tombol, atau link yang diberikan efek. Untuk previewnya sanggup Anda lihat pada result di final post. Baca juga: Membuat Tombol Slide Demo dan Download Keren Cara Menambahkan Efek Jiggle 1. Copy CSS berikut pada blog sobat. Letakkan sebelum atau di atas kode  ]]></b:skin> atau </style> . .anim { animation: jiggle 2s ease-in infinite; } @keyframes jiggle { 48%, 62% { transform: scale(1.0, 1.0) } 50% { transform: scale(1.1, 0.9) } 56% { transform: scale(0.9, 1.1) translate(0, -5px) } 59% { transform: scale(1.0, 1.0) translate(0, -3px) } } 2. Gunakan imbas jiggle dengan menambahkan atribut "anim" pada aba-aba class. Contohnya ibarat aba-aba tombol berikut. <a class='tombol anim ' href=...
Post a Comment
Read more

Kerugian Dari Link Exchange Atau Tukar Link

By -
Image
Link Exchange atau yang bahasa Indonesianya tukar link merupakan hal lumrah di kalangan para bloggers. Apa sih link exchange itu? Link Exchange ialah salah satu cara untuk menjalin silaturahmi antar sesama blogger selain lewat follow blog. Pengertian sederhananya sih menyerupai itu, tapi tentu saja yang di butuhkan ialah keuntungannya bukan? Manfaat Dari Link Exchange 1. Mendapatkan Backlink gratis dari blog lain, 2. Meningkatkan unique visitors dari sumber yang berbeda-beda, 3. Menjalin silaturahmi antar sesama blogger, 4. Mendapatkan perhatian dari google Jika Terindex . Muncullah pertanyaan, mengapa judulnya mengarah ke dampak negatif? Alasannya sangat simple, itu alasannya ialah saling tukar link yang sering dilakukan oleh para blogger tergolong tidak saling menguntungkan. Kalau Anda tukar link, pastinya ingin mendapat laba berupa backlink dari blog tersebut. Tetapi google juga akan mengindex setiap link yang ada di blog Anda, sehingga link partner atau sobat blogger yang mela...
Post a Comment
Read more