ummu abdullah

Posts

Showing posts with the label blogging tutorial

Tutorial How To Change Blogspot.co.id to Blogspot.com

Tutorial How To Change Blogspot.co.id to Blogspot.com - Assalamu'alaikum, bloggers! So I just knew that my .blogspot.com was changed into blogspot.co.id. Surely I'm a lil bit shocked cause it will effected to my seo and alexa rank. huhu :( I also knew it wasn't just me who have this sort of thing, yeah.. dunno what's happen with blogspot these days -.-" But alhamdulillah, I've found a tips to change it back to .blogspot.com. How ? Sign In to your blog Go to your Template → Edit HTML Find <head> code (CTRL + F) If it's found, copy this script below and then paste into your blog template, right under that code <head> <script type='text/javascript'> var str= window.location.href.toString(); if ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot.")); if (str1.indexOf('/')=='-1') { ...

Take Me Further »

Tutorial Remove Navbar

Login Blogger → Template → Edit HTML Cari ( CTRL+F ) kode /* Variable definitions Copy kode dibawah ini dan kemudian Paste diatas kode /* Variable definitions #navbar-iframe { display: none !important; } Save Template

Take Me Further »

Tutorial Mempercantik Tampilan Comment Box

Login Blogger → Template → Edit HTML Cari ( CTRL+F ) kode /* Comments Delete Coding dibawahnya (source code comment nya aja yaa ) Masukkan Coding Berikut dibawah /* Comments

Take Me Further »

Tutorial Membuat Energy Saving Mode

Login Blogger → Template → Edit HTML Cari ( CTRL+F ) kode </head> Letakkan coding berikut sebelum kode </head> <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/> Save Template Kembali ke Dashboard → Layout → Add a Gadget → HTML/JavaScript

Take Me Further »

Tutorial Membuat Copyright Pada Blog

Login Blogger → Template → Edit HTML Cari ( CTRL+F ) kode </body> Letakkan Coding berikut tepat diatas kode </body> <center>Copyright © 2014. All Right Reserved by <a href='http:/ /www.ismimiitsme.blogspot.com /'><b> Ismi Islamia Fathurrahmi </b></a></center> Note: biru : ganti dengan link blog/website kalian hijau : ganti dengan nama kalian Save Template

Take Me Further »

Tutorial: Cara Mengganti/Mengubah Favicon Blogger

Cara Mengganti/Mengubah Favicon Blogger - Heloo Budies! Hari ini saya akan memposting tutorial mengubah favicon pada blogger. Oke, langsung aja ya :) Login Blogger → Layout → Pilih Edit pada tab Favicon Klik Choose File . Kemudian Browse gambar (icon) yang sudah kalian ubah menjadi persegi 1:1 (misal: 32x32 pixels) Klik Save → Save arrangement Goodluck!

Take Me Further »

Tutorial Membuat Efek Dashed Border Pada Saat Cursor Diarahkan Ke Link

Assalamu'alaikum. Tutor kali ini tentang cara membuat efek top&bottom border saat cursor diarahkan ke link. Penasaran gimana caranya? okay follow the steps ya:) Login Blogger → Template → Edit HTML Copy coding dibawah ini a:hover { color: #50b1c9 ; border-top: 2px dashed pink ; border-bottom: 2px dashed pink ; }

Take Me Further »

Tutorial Mengganti Warna Background Text Saat di Blok

Login Blogger → Template → Edit HTML Cari kode ( CTRL+F ) ]]></b:skin> , Kemudian Letakkan coding dibawah ini tepat di atas ]]></b:skin> ::selection {background: #FE8080 ;color: #FFFFFF ;} ::-moz-selection {background: #FE8080 ;color: #FFFFFF ;} ::-webkit-selection {background: #FE8080 ;color: #FFFFFF ;} Note! #FE8080 : warna background text yang di blok #FFFFFF : warna text yang di blok Preview , Save Template

Take Me Further »

Tutorial Disable Right Click With Message

Login Blogger → Layout → Add a Gadget → HTML/Javascript Copy dan Paste kode di bawah ini <script> var message=" YOUR MESSAGE "; /////////////////////////////////// function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script> Save

Take Me Further »

Cara Memasang Scroll Pada Blog Archive

Cara Memasang Scroll Pada Blog Archive - This tutorial requested by one of my friend. I'm so glad if you guys ask me some tutobies bcs I'd love to posting your requests :) Login Blogger Template→Edit HTML Cari kode dibawah ini ( CTRL+F ) <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

Take Me Further »

Cara Memperbesar Gambar Saat Kursor Diarahkan

Hari ini saya mau posting tutorial memperbesar image saat kursor diarahkan ke image. How to make it? Okay, follow the steps bellow. Cara I Sign In Blogger Template → Edit HTML Search this code ( CTRL+F ) ]]></b:skin> Kemudian Copy dan Paste kode dibawah ini tepat diatas kode ]]></b:skin> .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); } Last step, Save Template .

Take Me Further »

Tutorial Membuat Search Box Transparan

Tutorial Cara Membuat Search Box Transparan - Aloha! Sorry request tutornya baru bisa saya posting hari ini :( Berikut cara membuat search box transparan. Note! Biru : Untuk pengguna Template Designer /Template biasa Ungu : Untuk pengguna Classic Templates (Blogskin, dsb) Login Blogger Layout → Add a Gadget → HTML/JavaScript Copy kode di bawah ini, kemudian Paste di box HTML/Javascript Template → Edit Template HTML Copy kode di bawah ini, kemudian Paste di box Edit Template HTML. Letaknya terserah kalian, yang pasti diantara <table> dan </table> <div> <center> <form action="/search" id="searchThis" method="get" style="display: inline;"> <input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: url( URL BACKG...

Take Me Further »

Tutorial Mempercantik Post Title

Cara Mempercantik Judul Post (Post Title) - Assalamu'alaikum, Chinguyaa :) Hari ini saya mau posting tutorial caranya bikin post title kayak blog saya. But before, thanks buat Safira yang udah request tutor ini. Honestly, saya bingung mau ngeposting tutor apa akhir-akhir ini, hehe. Well, bcs almost of you pake Classic templates (blogskin, dsb), kali ini saya bakal kasih tutornya dengan 2 cara, first , untuk pengguna Template Designer , and the second , for Classic Templates users (blogskin,dsb) Nah, here we goo~~ Note! - Coklat : Untuk pengguna template designer - Abu-abu : Untuk pengguna classic templates Login Blogger → Template → Edit HTML → Cari Kode(CTRL+F) .post-title { Login Blogger → Template → Edit Template HTML → Cari Kode(CTRL+F) .title { atau .post-title { Dibawah kode diatas terdapat bermacam-macam keterangan, iya kan? Nah, coba liat kode di bawah ini. Ini k...

Take Me Further »

Cara Membuat Agar Blog SEO Friendly

Cara Membuat Agar Blog SEO Friendly - Annyeong, yeorobun! As I promised yesterday, hari ini saya mau kasih tips agar blog kalian SEO friendly. Bagi kalian yang bertanya-tanya apa itu Search Engine Optimization (SEO), SEO adalah segala sesuatu yang kalian lakukan untuk membuat blog kalian muncul pada halaman-halaman hasil pencarian search engine. Tujuan utamanya untuk membuat blog kalian mendapat banyak pengunjung dari mesin pencari seperti Google, Yahoo, Bing, dll. Sekedar saran, sebaiknya kalian menggunakan template yang SEO friendly. Kebanyakan template yang SEO friendly ini menggunakan template designer. Bagi yang masih pake blogskin, dsb. saya saranin kalo mau blog nya SEO friendly, buruan deh ganti dengan template biasa. Tapi kalo mau coba tutor yang saya kasih juga gak apa2 kok :) Okee, tanpa basa-basi langsung cekidot aja yaah~ Memasang Meta Tag . Meta Tag digunakan untuk mengoptimalkan mesin pencari agar dapat mengindeks blog kalian dengan benar dan akurat.

Take Me Further »

Cara Meringankan Blog

Cara Meringankan Blog - Assalamu'alaikum. Hari minggu ini saya lagi mood posting nih :D Pernah nggak sih kalian ngerasa blog kalian loading nya lamaaa banget sampe kitanya aja sukar buka blog sendiri. Pernah dong ya? kk~ Nah, kali ini saya ingin bagi tutor gimana caranya meringankan blog agar loadingnya cepat gak pake lola (loading lama). Berikut cara-caranya: Cara 1 Yang pastinya kalian udah login di blogspot Pilih Layout (Design) → Add a Gadget → HTML/Javascript Copy coding di bawah ini → Paste di kotak HTML/Javascript tadi → Save <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script> <script type="text/javascript"> jQuery(document).ready(function($){ if (navigator.platform == "iPad"...

Take Me Further »

Cara Mengetahui Kecepatan Loading Blog

Cara Mengetahui Kecepatan Loading Blog - Apakah kalian pernah melakukan test kecepatan loading blog kalian? Test ini fungsinya untuk mengetahui lama atau tidaknya loading blog saat dikujungsi visitor. Gimana caranya? Buka link ini Masukkan URL blog kalian, kemudian klik Test Now Tunggu sampai proses selesai. Jika sudah selesai, hasilnya akan seperti ini:

Take Me Further »

Tutorial Mengganti Template Dengan Blogskin

Tutorial Mengganti Template Dengan Blogskin - Today I would like to give ya tutorial about how to change your template default → blogskin. Apa itu blogskin? Blogskin adalah sebuah website yang menyediakan berbagai macam template atau tema untuk blogger, wordpress, dan situs situs blog lainnya. Bedanya, template yang disediakan lebih cenderung bertampilan seperti tumblr. Oke, kita mulai cara mengganti template default blogger dengan blogskin. Buka blogskin Kemudian pilih template yang kalian inginkan. Scroll down sampe ketemu tab Actions. But wait! sebelum download blogskinnya ada baiknya preview it dulu, biar gak nyesel dengan tampilan template yang udah di pilih :) Untuk download, klik Blogger Main.

Take Me Further »

Cara Membuat Background Cbox Transparan

Cara Membuat Background Cbox Transparan - Postingan saya kali ini mengenai cara membuat background transparan pada cbox seperti pada tampilan cbox saya :) Okay, berikut caranya: 1. Pastinya kalian udah punya akun di cbox. Click here kalo belum punya 2. Login cbox 3.Pilih Look & Feel → Style Presets

Take Me Further »

Cara Membuat Chat Box atau Buku Tamu Pada Blog

Cara Membuat Chat Box atau Buku Tamu Pada Blog - Anyeong~!! Hari ini saya mau posting tutor cara bikin chat box / shout box / guest book / buku tamu pada blog. Well, lets go! 1. Sign up dulu di cbox 2. Kalo udah muncul konfirmasi ' Cbox Created! ', kemudian login 3. Klik Publish !

Take Me Further »

Cara Mengganti Navigasi Older Posts & Newer Posts Dengan Angka

Untuk para pengguna blogger, pastinya kalian tau kalo umumnya navigasi yang digunakan untuk pindah halaman di blogspot menggunakan link dengan teks Older Posts ( posting lama ) & Newer Posts ( posting terbaru ). Saat kita ingin mencari postingan yang sudah lama, Terkadang kita merasa risih untuk nge klik older posts nya. Well..itu juga ngabisin waktu kita, masa' untuk nyari 1 posting aja kita harus ngeklik berulang kali link older postsnya. Beda dengan dengan wordpress yang navigasinya berupa angka sehingga memudahkan kita untuk loncat beberapa halaman ke postingan yang lama ataupun baru. Okay, berikut tutorialnya :)

Take Me Further »