Cara Membuat tombol Reply Pada Coment Blog

Untuk mempermudah membalas komentar pada blog sobat, maka perlu dipasang reply coment pada kotak komentar, sehingga kita bisa menggunakan fasilitas reply secara langsung. Tampilannya seperti gambar berikut:

Caranya adalah sebagai berikut:

1. Login ke akun bloggermu

2. Tata Letak > Edit HTML

3. Download Template Lengkap dahulu untuk berjaga-jaga jika ada kesalahan

4. Beri tanda centang pada Expand Template Widget

5. Cari kode di bawah ini

<b:include data='comment' name='commentDeleteIcon'/>

6. Letakkan kode berikut ini di bawah kode di atas

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Letakkan blog ID sobat disini&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=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='URL image sobat disini'/></a></span>

Catatan:
Tulisan yang berwarna biru (Letakkan blog ID sobat disini) ganti dengan ID blog sobat. Cara mengetahui ID blog, pada saat log in pada account sobat dan hendak menulis postingan baru, perhatikan tampilan kotak atas tempat URL pada browser (Id Blog hanya angka saja):

Tulisan warna merah URL image sobat disini Bisa sobat isi dengan URL dibawah ini atau URL image sendiri, ingat URL image harus diawali dan ditutp dengan tanda " atau '

http://lh5.ggpht.com/_5yyQgf23Pco/S_hrcrv-1oI/AAAAAAAABx8/VaBcE416Xr8/replyblue_thumb1_thumb1.png?imgmax=800

http://lh4.ggpht.com/_5yyQgf23Pco/S_hret-JTBI/AAAAAAAAByE/cCQDCC00b4A/replygray_thumb1_thumb1.png?imgmax=800

 

http://lh3.ggpht.com/_5yyQgf23Pco/S_hrgcoFzpI/AAAAAAAAByM/m7gOzD2ZKGg/replygreen_thumb1_thumb1.png?imgmax=800

http://lh5.ggpht.com/_5yyQgf23Pco/S_hril5mmSI/AAAAAAAAByU/hUIUeK2qZX0/replypink_thumb1_thumb1.png?imgmax=800

 

http://lh6.ggpht.com/_5yyQgf23Pco/S_hrksR_oKI/AAAAAAAAByc/X03osypysZY/replyred_thumb1_thumb1.png?imgmax=800

7. Simpan template, lihat hasilnya diblog sobat.

Selamat mencoba...
By: www.pradipha.com

Read More

Cara menampilkan judul postingan saja pada saat klik label di blogspot

Bagi Sobat yang sudah mempunyai blog dengan artikel yang banyak... Tidak ada salahnya mencoba trik ini. Dengan memakai trik ini ...maka setiap di klik label maka yang akan tampil hanya judul nya saja. Hal ini memudahkan pembaca untuk melihat-lihat posting yang dicari. Dan loadingnya pun menjadi lebih cepat. Coba bayangkan bila satu label ada 100 posting...terus diklik...tampil semua isi posting label tersebut...kan bisa lama banget loadingnya. Langsung aja caranya sebagai berikut:

1. Masuk ke Bloger Sobat. Pilih Rancangan-edit html.
2. Kemudian Sobat klik expand widged.
3. Anda cari kode berikut:

<b:include data='post' name='post'/>

4. Setelah ketemu kemudian Sobat ganti kode yang berwarna tersebut dengan kode yang berwarna merah di bawah ini:

 <b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. Kemudian klik save template.

Selamat mencoba semoga berhasil.
 
By: www.pradipha.com

Read More

Cara menampilkan judul posting saja pada halaman depan atau home page

Memang, beberapa blogger memilih blognya hanya menampilkan judul posting saja pada halaman depan atau home page. Mungkin dasar pemikiran dari pemilik blog itu sendiri adalah menampilkan hanya judul posting saja dapat menghemat ruang sehingga jumlah post yang ditampilkan bisa lebih banyak pada halaman depan atau beranda. alasan pendukung lainnya mungkin karena judul posting sangat mewakili isi dari posting itu sendiri sehingga dengan menampilkan judul posting di halaman depan lebih memungkinkan artikelnya akan lebih banyak di baca oleh para pengunjungnya. Berikut contoh blog yang hanya menampilkan judul post nya saja :

Agar pada halaman depan hanya menampilkan judul posting saja, berikut langkah-langkahnya :

• Silahkan login ke blogger dengan ID anda.
• Klik Rancangan  
  
• Klik menu Edit HTML.
  
• Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
  
• Carilah kode ]]></b:skin>
• Copy kode berikut, lalu paste di bawah kode ]]></b:skin>
  
  

  <style type='text/css'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
  <b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
  .post-body, .databarleft, .datebarright{display:none;}
  </b:if>
  </b:if>
  </style>

  
  
  
  Kemudian simpan...
  

By: www.pradipha.com

Read More

Cara Membuat Artikel Terkait

Artikel terkait sangat bermanfaat untuk menambah page view blog sobat dan biasanya berada dalam 1 kelompok postingan yang di kategorikan, dan umumnya diletakkan di bagian bawah postingan.

Berikut tutorial singkatnya :

1. Login ke Blogger.
   
2. Klik Tata Letak.
   
3. Klik tab Edit HTML.
   
4. Kemudian klik Expand Template Widgets .
   
5. Cari kode yang seperti ini :
   
   <p><data:post.body/></p>
   
   atau jika bingung tekan Ctrl + F kemudian ketikkan kode berikut :
   
   <data:post.body/>
   
6. Jika sobat sudah menggunakan read more pada template sobat, maka akan terdapat 2 kode <data:post.body/>.
   
7. Kemudian letakkan script berikut ini setelah kode <data:post.body/> yang pertama.

<b:if cond='data:blog.pageType == "item"'>        
<div class='similiar'>         

<div class='widget-content'>         
<h3>Artikel Terkait</h3>         
<div id='data2007'/><br/><br/>         
<script type='text/javascript'>         

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;         
var maxNumberOfPostsPerLabel = 4;         
var maxNumberOfLabels = 7;         

maxNumberOfPostsPerLabel = 7;         
maxNumberOfLabels = 3;         


function listEntries10(json) {         
var ul = document.createElement(&#39;ul&#39;);         
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?         
json.feed.entry.length : maxNumberOfPostsPerLabel;         
for (var i = 0; i &lt; maxPosts; i++) {         
var entry = json.feed.entry[i];         
var alturl;         

for (var k = 0; k &lt; entry.link.length; k++) {         
if (entry.link[k].rel == &#39;alternate&#39;) {         
alturl = entry.link[k].href;         
break;         
}         
}         
var li = document.createElement(&#39;li&#39;);         
var a = document.createElement(&#39;a&#39;);         
a.href = alturl;         

if(a.href!=location.href) {         
var txt = document.createTextNode(entry.title.$t);         
a.appendChild(txt);         
li.appendChild(a);         
ul.appendChild(li);         
}         
}         
for (var l = 0; l &lt; json.feed.link.length; l++) {         
if (json.feed.link[l].rel == &#39;alternate&#39;) {         
var raw = json.feed.link[l].href;         
var label = raw.substr(homeUrl3.length+13);         
var k;         
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);         
var txt = document.createTextNode(label);         
var h = document.createElement(&#39;b&#39;);         
h.appendChild(txt);         
var div1 = document.createElement(&#39;div&#39;);         
div1.appendChild(h);         
div1.appendChild(ul);         
document.getElementById(&#39;data2007&#39;).appendChild(div1);         
}         
}         
}         
function search10(query, label) {         

var script = document.createElement(&#39;script&#39;);         
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;         
+ label +         
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);         
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);         
document.documentElement.firstChild.appendChild(script);         
}         

var labelArray = new Array();         
var numLabel = 0;         

<b:loop values='data:posts' var='post'>         
<b:loop values='data:post.labels' var='label'>         
textLabel = &quot;<data:label.name/>&quot;;         

var test = 0;         
for (var i = 0; i &lt; labelArray.length; i++)         
if (labelArray[i] == textLabel) test = 1;         
if (test == 0) {         
labelArray.push(textLabel);         
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?         
labelArray.length : maxNumberOfLabels;         
if (numLabel &lt; maxLabels) {         
search10(homeUrl3, textLabel);         
numLabel++;         
}         
}         
</b:loop>         
</b:loop>         
</script>         
</div>         

</div>         
</b:if>         

8. Kemudian save template.
 
By: www.pradipha.com

Read More

Membuat Email Dengan Nama Domain Sendiri Menggunakan Google Apps (MWN)

Google Apps

Salah satu layanan yang populer dari search engine nomor 1 dunia adalah Google Apps. Dari layanan ini kita bisa memanfaatkan layanan e-mail gratis 7.5GB, lalu dimana istimewanya? Nah ini dia, istimewanya adalah kapasitas 7.5GB ini bisa kita pergunakan untuk domain yang sudah kita miliki, misal endrix.web.id. Di tutorial kali ini penulis mencoba menjelaskan langkah-langkah membuat e-mail gratis melalui Google Apps beserta penggunaannya dengan E-mail Client Outlook Express.

Persyaratan

• sudah mendaftar akun Gmail (klik http://www.gmail.com lalu Register/Signup/Daftar jika belum).
• sudah membeli paket parking Gmail dari MWN, atau memiliki nama domain sendiri (contoh endrix.web.id) beserta paket hosting Spanel atau cPanel

Langkah-langkah

1. Login menggunakan user e-mail Anda di Gmail, http://www.google.com/a/cpanel/domain/new

2. Pilih/masukkan nama domain Anda [yang sudah terdaftar dan exist], lalu klik tombol Use my domain

3. Isikan data-data pada form seperti pada contoh gambar di bawah ini, setelah selesai klik Continue

4. Tentukan username untuk control panel Google Apps Anda nanti, kemudian klik I accept. Continue with set up

5. Setelah selesai akan tampil halaman Verifikasi

6. Langkah selanjutnya adalah Verifikasi kepemilikan domain, ada 2 cara yang bisa dilakukan. Di sini dijelaskan salah satu cara yakni Upload an HTML file. Cara ini yaitu dengan membuat 1 file HTML berisi kode yang diberikan Google lalu diletakkan di document root domain.

Jangan tutup dulu window/tab ini, bukalah window/tab baru yang kosong.
8. Langkah berikutnya adalah membuat 1 file HTML bernama googlehostedservices.html di document root Anda.
Jika Anda menggunakan layanan parking Gmail dari MWN atau hosting Spanel, Anda dapat login ke Spanel lalu ke menu File > Kelola File, lalu ke direktori sites / [NAMA-DOMAIN-ANDA] / www. Lalu klik Buat File dan beri nama googlehostedservices.html. Isikan dengan kode dari Google.

Jika Anda menggunakan cPanel, caranya mirip, gunakan file manager lalu buat file tersebut di direktori public_html.
9. Kembali ke tab Google, klik tombol Verify. Maka hasilnya jika sukses adalah seperti gambar di bawah:

Jika Anda menggunakan paket parking Gmail dari MWN, langkah ini sudah selesai. Anda sudah bisa menggunakan email dengan domain Anda dalam waktu 0 hingga 1 jam setelah ini. Bukalah alamat domain Anda di browser dan akan muncul halaman login Gmail.


Jika Anda tidak menggunakan paket parking Gmail dari MWN, teruskan dengan langkah berikut:

10. Klik setting MX dari Gmail

Tampilan Setting MX record yang harus dimasukkan dalam DNS Manager domain Anda

Jika Anda menggunakan server Spanel dan NS Anda mengarah ke server MWN, maka Anda dapat melakukan setting ini dengan cukup mudah, yaitu login ke control panel hosting lalu pilih menu Domain > Kelola Domain dan DNS. Lalu klik Sunting DNS pada kolom Pilihan untuk domain yang ingin Anda setting. Lalu set/resetlah zone Anda ke factory dengan addon-gmail. (Catatan: jika NS domain Anda tidak mengarah ke server MWN, maka silakan lakukan perubahan MX record yang dibutuhkan di DNS manager Anda). Setelah itu klik tombol Update kemudian klik tombol Selesai.
Jika Anda menggunakan server cPanel, Anda dapat meminta bantuan teknikal support untuk mengesetkan DNS.
11. Selesai. Anda mungkin harus menunggu 1-5 menit (untuk server Spanel) atau 1-1,5 jam (untuk server cPanel) sampai perubahan DNS berefek.
12. Khusus untuk server Spanel, diperlukan 1 langkah lagi, yaitu mengalihkan penerimaan email ke server lain. Caranya, setelah login ke Spanel, pilih menu Domain->Kelola Subdomain, pilih Setting untuk domain/sub yang dimaksud. Untuk Jenis penerimaan email (MX) untuk subdomain ini di bagian E-mail, diset ke Remote MX.
Catatan:
Jika anda masih ingin membuka emai lama di server Spanel, anda masih bisa membuka via URL http://nama-domain-anda.com/webapps/webmail, atau jika Anda ingin men-download POP via e-mail klien cukup set POP/Incoming server dengan IP address server hosting Anda.

By: www.pradipha.com

Read More

Setting custom domain blogspot (MWN)

Setting custom domain blogspot

Berikut tips panduan setting Custom Domain di Blogspot [bagi pengguna SPANEL]

• login ke blogspot Anda http://www.blogspot.com
• pada halaman awal Dashboard pilih nama blog yang ingin diset dengan mengklik Settings

• pilih tab Publishing

• klik link Custom Domain

• klik link Switch to advanced settings

• di bagian Your Domain masukkan URL domain Anda lengkap "www.example.com" (tanpa kutip) atau bila subdomain "blog.example.com" (tanpa kutip), unchecklist pilihan Redirect www.example.com to example.com (bila ada; biasanya jika Anda menggunakan domain utama. Silahkan disesuaikan) dan terakhir masukkan kode gambar captcha yang diminta lalu klik Save Settings

Selanjutnya adalah set CNAME untuk www (atau nama subdomain) untuk mengarah ke ghs.google.com di DNS Manager domain Anda di SPANEL

• login ke SPANEL
• buka menu Kelola Domain dan DNS
• pilih Sunting DNS
• di bagian Tambah record CNAME, isikan seperti berikut:

Host: www (atau bila Anda menggunakan subdomain isikan nama subdomain Anda, misal: blog)
Nama asli: ghs.google.com

• lalu klik Tambah record CNAME
• klik Update lalu klik Selesai

Setting ini butuh waktu resolve 1-5 menit dari Spanel (atau 1-1,5 jam dari server cPanel) dan maks. 48 jam dari sisi Google Apps. Selanjutnya kita set redirect via skrip agar jika pengunjung mengakses domain utama http://example.com langsung diarahkan ke http://www.example.com. Caranya adalah sebagai berikut:

• Klik File ==> Kelola File
• masuk ke direktori sites / example.com / www
• Klik tombol Buat File lalu beri nama index.html yang isinya:

<head>
<meta http-equiv="refresh" content="0; URL=http://www.example.com">
</head>

• Jika file index.html sudah ada, Anda tidak perlu membuat file tersebut. Cukup edit/sunting file tersebut saja dan isikan seperti skrip di atas

Selesai.

By: www.pradipha.com

Read More

Cara Merubah Template Blogspot

Bosan dengan tampilan blog Sobat, dan mau menggantinya?? Sobat dapat mencari template gratis di banyak situs penyedia.
Setelah Sobat menemukan template yang cocok, silakan download template tersebut. Biasanya file berupa rar, lalu sobat extract dulu file tersebut seperti gambar dibawah ini

Berikut cara mengganti template blogspot.
1. Login pada akun blog sobat, maka akan muncul seperti gambar dibawah ini. Kemudian pilih "Lay out" atau "tata letak".
2. Klik "Edit HTML"

• Pilih Edit HTML.
  
  

3. Klik " Browse"

4. Nah sekarang sobat cari file hasil download anda di dalam file hardisk yang tadi anda simpan. File seperti gambar  di samping.

Jika sudah ketemu klik 'open'.
Sobat akan kembali ke halaman blogspot.
Lalu klik "Unggah" atau Upload.
Setelah proses upload selesai, akan ada konfirmasi bahwa template baru itu akan menghapus beberapa wdiget/gadget yang telah terpasang di blog anda sebelumnya.
Oleh sebab itu jika anda ingin gadget itu tampil kembali di template sobat yang baru, maka sebelum sobat merubah template, sebaiknya kode-kode html dari widget dicopy dulu dan bisa sobat simpan.
Selesai.From: http://universityofbloggers.blogspot.com

www.pradipha.com

Read More

Cara mendaftar Blogger/Blogspot

Langkah pertama untuk membuat Blog adalah membuka halaman www.blogger.com atau www.blogspot.com, lalu masukan alamat gmail dan password yang telah kita buat sebelumnya pada langkah awal membuat blog.

Tampilan akan terlihat seperti pada gambar dibawah ini.

Pada halaman yang muncul selanjutnya, isikan data pribadi Sobat dengan benar.

Klik “continue”.

Pada halaman selanjutnya, masukkan judul blog dan alamat blog pilihan Sobat

Nanti alamat blog Sobat akan memiliki format http://NamaPilihanSobat.blogspot.com.

Pada halaman berikutnya, pilih template untuk tampilan blog yang akan Sobat buat

Pilih template yang menarik menurut Sobat. Pada contoh saya memilih template “minima”.

Klik “continue”.

Ok, pendaftaran selesai. Sekarang Sobat bisa langsung mulai blogging.

Klik “start blogging”.

Coba masukkan beberapa kalimat, jangan lupa berikan judul. Lalu setelah itu klik "publish", lalu klik "view blog". Sobat akan segera melihat hasil tulisan tersebut di blog baru Sobat.


Selamat! Sekarang Sobat telah memiliki blog sendiri!

Selamat mencoba,

By: www.pradipha.com

Read More