Dua Cara Menambahkan Kode CSS Pada Blogspot

Menambahkan kode CSS pada blogspot sendiri kita perlukan untuk customize tampilan blog kita. Karena biasanya ketika kita ingin menambahkan fitur ke blog kita, kita harus menambahkan kode CSS ke dalamnya. Nah untuk itu jika anda belum mengerti dimana dan bagaimana kita bisa menamnahkan kode CSS ke dalam blog kita, berikut adalah dua cara yang bisa anda gunakan.

Dua Cara Tersebut Adalah Sebagai Berikut :

1. Melalui Edit HTML Template

Untuk cara ini mungkin sudah amat umum sekali digunakan oleh blogger, sebegaimana yang diberikan kepada setiap tutorial yang bisa anda temukan lainnya. Cara memasukkannya ke dalam template blog kita adalah sebagai berikut :

1. Masuk ke blogger >> dashboard

2. Pilih Template >> Edit HTML

3. Cari ]]></b:skin> di template kamu, gunakan CTRL + F untuk lebih mudahnya.

4. Jika anda sudah menemukan kode tersebut, letakkan kode CSS di atasnya.

5. Klik simpan kalau sudah di simpan.

Nah, hal tersebut merupakan cara yang pertama untuk menambahkan kode CSS pada blogspot. Nah, berikut ini merupakan cara kedua :

2. Dengan Menggunakan Designer Template

Untuk cara ini sebenarnya cukup mudah sekali untuk diterapkan. Namun sebenarnya ini adalah cara yang jarang untuk dilakukan.

1. Masuk ke blogger kemudian masuk Dashboard

2. Pilih tata letak >> Designer Template

3. Kemudian pilih "Tingkat Lanjut"

4. Masukkan kode CSS kemudian klik "Terapkan Ke Blog"

Nah semoga tutorial yang saya berikan pada kali ini bisa bermanfaat dan semoga saja setelah membaca tutorial ini anda sudah bisa menambahkan kode CSS pada blogspot anda.

Jalantikus.com Download Game PC dan Android Gratis Terbaru dengan server lokal

Tags: Tutorial Blogspot

Dua Cara Menambahkan Kode CSS Pada Blogspot

By Unknown →

Cara Memasang Meta Tag Untuk Optimasi Blogspot

Salah satu cara untuk optimasi blogspot adalah dengan cara memasang meta tag pada blog kita. Untuk memasang meta tag sendiri bukanlah hal yang sulit, namun bagi kita yang tidak tahu pasti juga akan kesulitan ketika ingin memasang meta tag di blog kita. Untuk apa sih kita melakukan ini? Iya jelas untuk optimasi blog kita agar mendapatkan banyak pengunjung dari mesin pencari.

Untuk optimasi blogspot sendiri memang susah-susah gampang. Mengapa saya bilang demikian? Karena kita tidak pernah tahu apakan blog yang kita buat ataupun artikel yang kita buat sudah SEO Friendly atau tidak. Berbeda ketika kita menggunakan wordpress. Ada banyak plugins seo wordpress yang bisa kita gunakan untuk membantu mengoptimasi blog kita.

Cara Memasang Meta Tag Di Blogspot

Anda bisa memasang meta tag dengan mengikuti beberapa langkah mudah di bawah ini. Saya harap anda berkenan untuk membacanya dengan pelan-pelan karena ini sebenarnya mudah tapi kalau salah akan terjadi error dalam pengeditan template anda. 

Langkah 1 : Silahkan Login ke akun blogger anda. 

Langkah 2 : Masuklah ke Dashboard >> Template >> Edit HTML 

Langkah 3 : Cari kode di bawah ini (gunakan Ctrl + F untuk membantu pencarian) : 

<b:include data='blog' name='all-head-content'/>

Langkah 4 : Silahkan letakkan code di bawah ini di bawah kode yang anda temukan di atas.

<meta content=' Deskripsi blog kamu' name='description'/>
<meta content='keyword 1 ,keyword2 ,keyword3 ...' name='keywords'/>
<meta content='Nama Anda' name='Author'/>
<meta content='Alamat email Anda' name='Email'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='country'/>

Sudah anda masukkan? sekarang waktunya untuk menggantinya sesuai dengan kebutuhan blog yang anda miliki. Sekarang kita akan mencari tahu cara mengeditnya. Ganti yang berwarna merah sesuai kebutuhan anda.

Note : Untuk meta deskripsi jangan sampai lebih dari 156 karakter. Karena kalau lebih juga akan sia-sia.

baca juga -
Jalantikus.com Download Game PC dan Android Gratis Terbaru dengan server lokal

Tags: SEO → Tutorial Blogspot

Cara Memasang Meta Tag Untuk Optimasi Blogspot

By Unknown →

Cara Mudah Menampilkan Widget Hanya Di Halaman Depan / Home Page

Ketika anda menambahkan widget ke blog anda, mungkin anda akan menemukannya di setiap halaman baik itu di halaman depan (Beranda) ataupun di halaman posting. Hal ini mungkin akan memenuhi ruang blog kita. Misalkan saja ketika kita meletakkannya di sedebar kita, sidebar kita akan terlihat penuh dan seakan-akan tidak ada ruang kosong lagi.

Maka dari itu ada kemungkinan atau pada saat-saat tertentu kita ingin menampilkan suatu widget hanya di halaman depan saja. Hal itu bisa aja kita lakukan dan bukan merupakan hal yang sulit bagi kita. Cukup beberapa langkah saja yang harus kita jalankan untuk melakukannya.

Hal ini bisa saja kita butuhkan ketika kita telah diterima google adsense. Seperti yang kita ketahui bersama bahwa google adsense tidak menginjinkan kita untuk menampilkan lebih dari 3 slot iklan google adsense pada satu halaman yang sama. Jadi untuk mengatasinya anda bisa memasang iklan google adsense pada halaman depan/homepage saja.

Baca Juga : Widget Yang Harus Ada Di Blog

Berikut ini merupakan langkah-langkah untuk menampilkan widget di halaman depan saja

1. Silahkan masuk/login ke blogger

2. Masuk ke dashboard >> Tata Letak

3. Jika sudah masuk tata letak seperti yang ada pada gambar di atas, kemudian kita pilih widget mana yang akan kita tampilkan hanya di halaman depan saja. Setelah kita pilih silahkan klik kanan pada "edit" kemudian pilih salin alamat tautan! 

4. Jika sudah silahkan buka notepad atau microsoft word mungkin, kemudian paste alamat tautan yang sudah copy (salin) pada langkah di atas. Kamudian temukan kode setelah widgetId= . Untuk lebih jelasnya silahkan lihat gambar di bawah ini !

6. Setelah mendapatkan kode tersebut, kemudian kita buka Template >> Edit HTML. Jangan lupa untuk mencentang expand widget template.

7. Kemudian kita temukan kode widget yang akan kita tampilkan hanya di halaman depan saja. Caranya dengan menggunakan CTRL + F di keyboard kita.

Klik Untuk Memperbesar

• Setelah anda menemukan widgetId dari widget yang akan kita tampilkan di halaman depan saja, kemudian kita lihat ke bawahnya sampai menemukan kode berikut ini (Seperti yang saya tunjuk dengan nomor satu di gambar di atas) :

<b:includable id='main'>

• Tepat di bawah kode di atas/sebelum, silahkan sisipkan kode berikut ini :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

• Cari sedikit kebawah lagi dan temukan kode di bawah ini (Lihat yang saya beri nomor 2) :

</b:includable>

• Di atas </b:includable>, paste kode di bawah ini :

</b:if>

Setelah itu simpan template anda dan silahkan lihat hasilnya. Semoga bisa membantu anda.

Tags: Tutorial Blogspot

Cara Mudah Menampilkan Widget Hanya Di Halaman Depan / Home Page

By Unknown →

Cara Menghapus Link Di Komentar Blogger Secara Otomatis

Mungkin salah satu hal yang paling dihindari oleh para blogger adalah komentar spam yang ada di blog mereka. Dengan banyaknya komentar spam, maka lama-kelamaan blog kita akan menjadi blog yang tidak sehat.

Ada beberapa cara yang bisa kita gunakan untuk mengurangi komentar spam seperti ini. Salah satunya adalah dengan mengganti sistem komentar blogger dengan sistem komentar Disqus. Hal ini sangat mengunutkngkan menurut saya karena semua komentar yang masuk tidak dihosting di blog kita, melainkan di hosting di servernya Disqus.

Jika kita menggunakan kotak komentar bawaan blogger, kita tidak bisa memilih opsi untuk memfilter secara otomatis komentar yang ada di blog kita. Kita hanya bisa memoderasi secara manual komentar yang ada di blog kita.

Baca Juga : Cara Membuat Kotak Komentar Faccebook Di Samping Kotak Komentar Blogger

Disini saya menawarkan suatu solusi bagi anda untuk menghadapi komentar spam pada blog anda. Trick ini memang saya berikan khusus buat kamu yang tidak ingin mempunyai blog yang banyak spam. Ada dua cara sobat yang saya tawarkan, merubah link menjadi teks biasa dan yang kedua adalah Menghapuskan link.

1. Merubah Link Menjadi Teks Biasa

Jika tidak mau repot-repot untuk menghapus komentar spam di blog kita, kita cukup untuk menggantinya secara otomatis menjadi sebuah teks biasa. Jadi yang semula link hidup, bisa menjadi teks biasa. Bagaimana cara merubahnya? Ikuti langkah-langkah di bawah ini :

1. Masuk ke Blogger >> Dashboard >> Template
2. Kemudian pilih edit HTML
3. Cari </body> (Gunakan CTRL + F) untuk mempermudah
4. Letakkan kode di bawah ini di atas </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/> <script>$('.comment-content a[rel$=nofollow]').replaceWith(function(){return ($(this).text());});</script>

 Note : Jika kamu sudah pernah menambahkan JQuery ke template blog kamu, hapus yang warna merah.

2. Menghapus Link 

Jika kamu ingin menghapusnya secara otomatis, bisa dengan ikuti langkah di bawah ini :


1. Masuk ke Blogger >> Dashboard >> Template
2. Kemudian pilih edit HTML
3. Cari </body> (Gunakan CTRL + F) untuk mempermudah
4. Letakkan kode di bawah ini di atas </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/> <script>$('.comment-content a[rel$=nofollow]').hide());</script>

Note : Jika kamu sudah pernah menambahkan JQuery ke template blog kamu, hapus yang warna merah.

Sangat Direkomendasikan : Fitur yang harus dimiliki blog pada tahun 2013

Jika sudah selesai simpan template anda kembali. Kita tidak perlu menambahkan kedua kode diatas secara langsung. Cukup untuk memilih salah satu dari mereka saja. Semoga bisa membantu anda.

Tags: Comment Widget → Tutorial Blogspot

Cara Menghapus Link Di Komentar Blogger Secara Otomatis

By Unknown →

Cara Mengilangkan Verifikasi Captcha Pada Komentar Blogger

Mungkin anda akan menemui sebuah verifikasi ketika anda ingin berkomentar di blog dengan platform blogger. Verifikasi kata ini biasanya berupa dua buah kata yang harus anda masukkan untuk menunjukkan bahwa anda bukanlah sebuah robot yang berkomantar secara otomatis di blog-blog yang menerapkan DoFollow.

Namun apakah anda menyadari bahwa dengan mengaktifkan captcha ini akan mengurangi minat pengunjung anda untuk meninggalkan komentar pada blog anda. Nah jika sudah begitu sudah bisa kita pastikan jika blog kita akan sepi akan komentar karena kebanyakan pengunjung akan malas untuk memasukkan verifikasi kata yang muncul.

Verifikasi kata ini sangat perlu apa bila banyak sekali komentar-komentar yang tidak nyambung dengan artikel yang anda tulis dan kadang-kadang menggunakan bahasa inggris, biasanya yang berkomentar bukanlah pengunjung blog anda, namun itu merupakan cara orang untuk mencari backlink otomatis.

Bagaimana Sih Cara Menghilangkan Dari Komentar Blogger

Nah, jika kamu masih bingung atau belum tahu cara untuk menghilangkan captcha pada blog kamu mungkin postingan ini tepat untuk kamu baca. Karena disini saya ingin berbagi cara untuk menghilangkannya. Nggak sabar ya? Berikut caranya :

Langkah 1 : Tentunya sebelum melakukannya anda harus masuk ke Blogger Dulu >> Dashboard

Langkah 2 : Pilih Setelan >> Pos dan komentar (Lihat Gambar Di bawah !!)

Seperti yang terlihat pada gambar di atas, untuk menghilangkan captha pada komentar blogger anda, anda harus memilih "Tidak" pada pilihan Tampilan verifikasi kata.

Semoga postingan ini bisa sedikit membantu anda. Keep spirit and go Ahead !!

Tags: Tutorial Blogspot

Cara Mengilangkan Verifikasi Captcha Pada Komentar Blogger

By Unknown →

Cara Mengganti Tampilan Blockquote Pada Blogger

Dunia ini adalah tentang keindahan dan bagaimana kita menciptakan sesuatu yang indah yang bisa membuat orang lain terpukau untuk melihatnya. Begitu pula dengan tampilan blog yang anda miliki, dengan mempercantik blog yang kita miliki dan membuatnya menjadi keren maka akan membuat pengunjung setia blog kita semakin suka untuk membaca blog kita.

Begitulah hukum yang sering berlaku untuk sebagian blogger, banyak cara memang yang bisa kita lakukan untuk memperindah blog yang kita miliki. Salah satu caranya adalah merubah beberapa fitur bawaan dari blogger yang sudah ada.

Berbicara mengenai merubah fitur dari blogger, pada kesempatan kali ini saya masih ingin berbagi cara untuk menjadikan bloquote blog anda semakin enak untuk dilihat. Bagaimana caranya? Yuk kita mulai tutorialnya.

Cara Mengganti Tampilan Bloquote Blogger

Pertama-tama yang harus anda lakukan adalah seperti biasa yaitu :

Langkah 1 : Masuk akun blogger >> Dashboard >> Pilih menu Template

Langkah 2 : Pilih yang edit HTML

Langkah 3 : Cari kode di bawah ini (Gunakan bantuan CTRL + F agar lebih mudah) :

]]></b:skin>

Langkah 4 : Tepat di atas kode tersebut, letakkan kode di bawah ini. (Ingat harus di atas ]]></b:skin>)

blockquote{
border:5px solid #007FFF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
font-family:courier;
color:#000000 ;
width: 360px;
    position: relative;
    margin: 0 auto 20px auto;
 padding: 12px 80px 15px;
    text-align: left;
    border-radius: 5px;
     box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
    cursor: default;
 background: #ffe691;
    border: 1px solid #f6db7b;
background: #ffe691 url(http://png.findicons.com/files/icons/2448/wpzoom_developer/47/quote.png) no-repeat 5% 9%;
}
blockquote:hover {
border:5px solid #008000;
border-radius: 15px;
}
]]></b:skin>

Langkah 5 : Simpan Template.

Cara Menggunakan Bloquotes Pada Blog

Secara otomatis kamu bisa menggunakan bloquotes ini dengan memblok kalimat yang ingin kamu masukkan dalam bloquote, kemudian tekal icon seperti yang saya tandai di bawah ini :

Untuk Menggunakan secara manual :

<blockquote>
Kode Yang Kamu Ingin Masukkan/ Text Yang Ingin Kamu Masukkan
</blockquote>

Catatan : Untuk menggunakan bloquote secara manual terlebih dahulu kamu harus memilih mode HTML dalam post editor kamu. Lebih jelasnya lihat gambar di atas !

Tags: Tutorial Blogspot

Cara Mengganti Tampilan Blockquote Pada Blogger

By Unknown →

Cara Menonaktifkan Klik Kanan Pada Blogspot Blog

Bagaimana rasanya jika postingan blog kamu di copy oleh orang lain? pasti kesel kan? Apalagi jika dalam hasil pencarian google blog kamu berada di bawah hasil pencarian dari blog yang telah mencuri tulisanmu itu. Saya yakin kamu pasti ingin marah jika mendapati hal seperti itu.

Salah satu cara untuk menghindari pencurian konten atau copas pada blogspot blog adalah dengan menonaktifkan klik kanan pada blog kamu. Cara ini tidak sulit kok, namun sangat efektif untuk kamu terapkan pada blog kamu.

Namun ada kelemahan dari menonaktifkan klik kanan pada blog yang kita miliki. Terutama jika blog kamu berisi tutorial dan berisi beberapa kode HTML, maka pengunjung blog kamu tidak akan dengan mudah bisa mengcopy kode yang kamu berikan.

Tidak usah berlama-lama.

Cara Menonaktifkan Klik Kanan Pada Blogspot Blog

Untuk menonaktifkan klik kanan pada blog, kita hanya perlu menambahkan widget untuk membuat klik kanan menjadi non aktif. Dan berikut ini merupakan cara untuk menambahkan widget tersebut :

Langkah 1 : Masuk ke Blogger >> Dashboard

Langkah 2 : Pilihlah Tata Letak Kemudian Pilih Tambahkan Gadget / Add Gadget

Langkah 3 : Pilih Widget HTML / Javascript

Langkah 4 : Masukkan kode di bawah ini ke kotak script yang muncul :

<script language=JavaScript>
<!--
//Disable right mouse click Script
var message="Function Disabled!";
///////////////////////////////////
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>

Langkah 5 : Simpan Gadget

Semoga postingan singkat ini bisa membantu anda untuk menonaktifkan klik kanan pada blog kamu. Dan jangan lupa meninggalkan komentar jika telah menerapkannya.

Tags: Tutorial Blogspot

Cara Menonaktifkan Klik Kanan Pada Blogspot Blog

By Unknown →