Tampilkan postingan dengan label Belajar Nge Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar Nge Blog. Tampilkan semua postingan

10
Memasang Replay to Comment di Kotak Komentar

Umumnya untuk membalas komentar di blogspot gak bisa reply layaknya seperti yang ada di wp, namun tak ada salahnya kita mencoba cara berikut yang mungkin kita udah sering lihat seperti membalas komentar teman-temann di status facebook kita.. hehe Masih sejajar namun seperti udah di tag in namanya secara otomatis...


OK.., langsung aja berikut caranya:
1. Masuk ke akun blogger anda
2. Masuk ke Rancangan > Edit HTML
3. Beri centang (v) dulu pada tulisan Expand Widget Templates
4. Cari kode berikut
<data:commentpostedbymsg/>

5. Kemudian letakkan kode berikut tepat dibawah kode diatas
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to comment]</a></span>

6. Ganti "YOUR-BLOG-ID" dengan ID Blogger anda.

7. Simpan Template anda...

>>> Untuk hasil bisa lihat disini

Selamat mencoba dan semoga berhasil...!!!

2
Menghilangkan Pesan Pencarian Blogger

Anda pasti pernah melihat tampilan seperti pada gambar disamping. Itu ditemukan pada saat melakukan pencarian di blog,melalui label ataupun arsip blog. Bagi yang gak ngerti ya mungkin itu biasa aja, namun bagi yang udah paham mungkin ini mengganggu keindahan blog anda.


Langsung aja gimana cara Menghilangkan Pesan Pencarian Blogger tersebut:
1 Masuk ke blogger anda.
2 Klik Rancangan.
3 Klik tab Edit HTML.
4 Klik tulisan Download Template Lengkap. (menghindari error pada template)
5 Cari kode seperti ini: ]]></b:skin>
6 simpan kode berikut di atas kode yang tadi :

 

.status-msg-wrap{
display:none;
}

 



7 Klik tombol Simpan Template.
8. Selesai, silakan liat pada label pencarian blog anda...

Semoga berhasil....

10
Mengganti Favicon Blogspot

Favicon adalah ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab. Kalau masih gak ngerti apa itu favicon coba kamu liat disamping http://ujie-caprone.blogspot.com di address bar itu ada gambar foto saya,dan berwarna hitam putih.. Nah, itulah yang disebut icon favicon.

Umumnya kalau kita membuat blog di blogger, awalnya pasti iconnya adalah tanda blogger. Karena kita menggunakan layanan Blogger dari Google.

Untuk mengganti icon tersebut, caranya yaitu :
- Masuk Ke Akun Blogger Anda.
- Pilih menu Rancangan (Tata Letak) » Edit HTML.
- Ingat jangan lupa untuk mencentang kotak disudut atas edit html
- Cari kode di bawah ini.
<head>

- klo udah ketemu, masukan kode di bawah ini tepat di bawah kode <head>
<link href='url-gambar' rel='shortcut icon' type='image/vnd.microsoft.icon'/>



Ganti tulisan berwarna merah dengan url gambar yang akan dijadikan favicon.
- Simpan template.

NB:
Untuk url foto/gambar bisa kamu gunakan tempat upload foto misal:
- facebook
- twitter
- flickr
- atau dimana aja yang bisa diambil urlnya

Selamat mencoba dan semoga berhasil...!!!

6
Membuat Kotak Daftar Link Teman

Bertukar link atau link exchange sangat berguna sebagai membina pertemanan sesama para blogger, menjalin sosialisasi dan yang sangat penting dapat menaikkan traffic dan page rank blog anda. Semakin banyak blog anda dilink orang, page rank anda akan cepat naik.Selain itu perlu diperhatikan isi blog anda dan SEO.

Caranya bertukar link dengan memasang link blog atau situs orang lain yang anda inginkan dan orang tersebut juga akan memasang link blog atau situs anda pada blognya. Seperti contoh link Blog Wandi adalah http://ujie-caprone.blogspot.com/ Link ini anda boleh pasang dikiri/kanan sidebar blog atau dibawah blog.

Ada beberapa cara memasang link blog. Cara-cara tersebut sebagai berikut:
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 300px;
text-align: center; ">
<a href="http://ujie-caprone.blogspot.com/">Blog Tutorial</a>
<a href="http://ujiecaprone.com/">Tutorial Web</a>
<a href="http://h4irani.blogspot.com/">Blog Wanita</a>
</div>


Keterangan:
1. width: 200px; angka lebar kotak blogroll
height: 300px; angka tinggi kotak blogroll
2. http://ujie-caprone.blogspot.com/ alamat URL blog teman kita Blog Tutorial adalah judul blog teman kita.
3. Kamu dapat menambahkan alamat blog temanmu di bawahnya sebanyak mungkin.

Selamat Mencoba.., semoga sukses...!!!!

16
Cara Memperbesar Kolom Blog

.
Sebelum kita masuk ke masalah ada baiknya kita mengenal dulu bagian- bagian dari templates blogger, maka sebuah template akan mempunyai tiga elemen penting, yaitu :
• Elemen Header
• Elemen Outer
• Elemen Footer
Untuk elemen Outer di bagi kembali menjadi :
• Elemen main, elemen main ini adalah elemen tempat kita menyimpan posting, jadi apabila kita memposting sebuah artikel maka akan masuk dan di tampilkan pada elemen ini

• Elemen Sidebar, elemen sidebar ini adalah merupakan elemen untuk menyimpan berbagai blog tools ataupun aksesori yang kita inginkan untuk mempercantik blog.


• Outer-Wrapper merupakan wadah untuk menyimpan main-wrapper serta sidebar-wrapper. Jadi jika kita ingin menambah kolom baru atau dengan kata lain sidebar baru, maka hal yang pertama wajib di lakukan adalah menambah nilai lebar dari Outer-wrapper itu sendiri

Ikuti langkah2 berikut ini tapi dengan catatan jangan mencentang Expand Widget Template, karena akan muncul kode-kode yang tidak saya mengerti

Nah Langkah pertama cari kode seperti dibawah ini

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Ganti 660px menjadi 760px sehingga menjadi seperti bawah ini

#header-wrapper {
width:760px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
cari kode seperti dibawah ini

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Ganti 660px menjadi 760px dan scriptnya menjadi seperti dibawah ini

#footer {
width:760px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
nah untuk wadah nya istilahnya kita sudah memperlebar dari 660px menjadi 760px maka kolom sidebarnya bisa kita tambahin lebar 100px dan untuk menambahkan lebar sidebarnya kita tinggal mencari kode di bawah ini

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

ganti 220px menjadi 320px ( atau selebar jumalah yang kita tambah tadi )jika kita ingin menambah lebar lagi tergantung berapa px yang kita tambah saat di #header-wrapper { dan footernya tadi,


jika yang ingin diperlebar main atau kolom utamanya yang biasanya berisi tentang postingan kita, maka kita tingagl cari kode di bawah ini

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Tapi ingat jika kita menambahkan lebar keduanya kita juga harus menambah jumlah px yang kita tambahkan di #header-wrapper, dan footer-wrapernya tadi


Bookmark and Share


 
Ujie Caprone | © 2011 Blogger Template by Ujiecaprone.com