| Blogblogan

Wednesday, 23 November 2011

Inilah Cara Termudah Untuk Mengatasi Kotak Kode Verifikasi Komentar Yang Tidak Muncul Di Blog

Published : 15:19 Author : Lukman

Cara atasi kode verifikasi komentar blog - Blogwalking adalah aktifitas yang menyenangkan. Selain bermanfaat karena menambah pengetahuan baru, kita juga dapat menjalin ikatan silaturahmi dengan blogger lain sekaligus promosi blog milik kita dengan cara berkomentar di blog mereka.

Akan tetapi, ada juga blogger yang memberikan kode verifikasi di sebelum kita memberikan komentar di blog mereka untuk mencegah munculnya SPAM. Sehingga, kadang kala kegiatan berkomentar untuk menyambung silaturahmi dan promosi blog ini sedikit terganggu ketika kotak atau bingkai kode verifikasi komentar yang diberikan tersebut tidak muncul sepenuhnya.

Akibatnya, kita tidak bisa memasukan kode verifikasi komentar tersebut ke dalam kotak yang disediakan hingga akhirnya komentar pun tidak dapat kita berikan.

Penyebab tidak munculnya kotak untuk mengisikan kode verifikasi karena ukuran form komenar itu sendiri yang terlalu kecil. Sehingga, kita tidak bisa memasukan kode verifikasi pada kotak yang sudah disediakan dan tidak dapat melihat tombol untuk mengirim kode verifikasi tersebut.

Ada dua cara yang dapat kita gunakan untuk mengatasi kotak kode verifikasi yang tidak muncul di blog ini, yaitu dengan memberikan fungsi scroll pada kotak komentarnya dan mengubah ukuran kotak komentar tersebut menjadi lebih besar.

Langkah untuk mengatasi kotak kode verifikasi komentar yang tidak muncul di blog ini dapat kita lihat sebagai berikut:

Pertama, masuk ke akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode seperti berikut.

Tambahkan fungsi scroll.
Ubah keterangan scrolling sehingga kodenya berubah seperti berikut.

Perbesar ukuran form.
Kita juga dapat mengatasinya dengan cara mengubah ukuran form menjadi lebih besar. Ubah ukuran tingginya (height) sehingga berubah menjadi seperti berikut.

Klik simpan template dan selesai.

Setelah masalah form komentar ini kita perbaiki, jumlah komentar di blog kita yang semula berkurang atau bahkan tidak ada sama sekali bisa bertambah menjadi banyak mulai sekarang. Sehingga, kegiatan blogging pun akan semakin menyenangkan bagi pengunjung dan pemilik blognya.

Baca Disini->>

Tuesday, 22 November 2011

Apa itu viral marketing?

Published : 15:32 Author : Lukman

Viral Marketing - Apa itu viral marketing?
Saat kita berselancar di dunia internet, pernahkah kita menemukan istilah viral marketing? Setelah menemukan istilah tersebut, apakah kita sampai sekarang juga belum mengerti apa itu viral marketing?

Contoh viral marketing itu seperti ini, misal kita membagi-bagikan free ebook kepada para pembaca setia kita. Di dalam ebook tersebut kita cantumkan alamat blog kita. Nah, saat ada pembaca yang mengunduh dan membagi-bagikan ebook tersebut kepada teman-temannya, maka secara otomatis ebook tersebut akan tersebar dengan cepat dan luas.

Keuntungannya bagi kita sebagai pihak yang membagi-bagikan ebook secara gratis adalah blog kita menjadi terkenal karena pemasarannya yang begitu cepat dan luas. Hal ini disebabkan oleh banyaknya orang yang mengetahui alamat blog kita dari ebook yang sudah kita bagi-bagikan tadi. Itu lah gambaran sederhanya viral marketing.

Istilah viral marketing dipopulerkan oleh Tim Draper dan Steve Jurvetson dari sebuah perusahaan bernama venture capital, Draper Fisher Jurvetson pada tahun 1997 yang digunakan untuk menjelaskan kesuksesan marketing Hotmail sebagai email provider. Saat itu hotmail sukses menerapkan viral marketing hingga mampu meraih lebih dari 10 juta pelanggan dalam satu tahun hanya dengan modal US$500.000,00.

Viral marketing, viral advertising, or marketing buzz are buzzwords referring to marketing techniques that use pre-existing social networks to produce increases in brand awareness or to achieve other marketing objectives (such as product sales) through self-replicating viral processes, analogous to the spread of viruses or computer viruses. It can be delivered by word of mouth or enhanced by the network effects of the Internet.

Viral marketing may take the form of video clips, interactive Flash games, advergames, ebooks, brandable software, images, or text messages. (wikipedia)

Viral marketing dapat didefiniskan sebagai sebuah sistem pemasaran sebuah produk yang memanfaatkan teknologi dan cara kerjanya adalah dengan menyebarluaskan produk tersebut dari satu pihak ke pihak lainnya karena ada sebuah pemicu yang menarik dan menguntungkan pihak yang mendistribusikan produk tersebut.

Berdasarkan pada pengertian di atas, ada beberapa poin yang menjadi identitas dari viral marketing, antara lain sebagai berikut:

Viral marketing itu memanfaatkan teknologi.

Pada dasarnya viral marketing itu memanfaatkan teknologi sebagai media penyebarannya. Dengan perkembangan internet yang semakin maju, produk yang dipublikasikan akan dapat diketahui oleh orang seluruh dunia dalam waktu seketika. Inilah salah satu faktor yang membuat viral marketing bekerja secara cepat dan luas.

Penyebaran viral marketing seperti virus komputer.

Kita semua pasti kenal dengan virus komputer. Penyebarannya yang cepat dan meluas ini sangat menyebalkan bagi kita. Efek yang ditimbulkan dari viral marketing ini juga serupa dengan efek virus komputer. Selain karena peranan teknologi informasi, viral marketing dapat berjalan dengan begitu cepat dan meluas karena konsep dari viral marketing itu sendiri yang lebih mengutamakan penyebaran dari mulut ke mulut.

Banyak studi yang menyebutkan jika ternyata pemasaran dari mulut ke mulut ini lebih efektif daripada sebuah iklan. Hal ini karena ketika teman kita sendiri yang menyarankan sebuah produk, maka kita akan lebih memiliki sugesti untuk menerima dan percaya daripada apa yang disampaikan lewat sebuah iklan.

Adanya pemicu yang menarik untuk menggerakan seseorang guna menyebarluaskan.

Agar seseorang mau untuk menyebarluaskan produk, maka harus ada pemicu yang membuat orang tersebut mau untuk melakukannya. Misalnya adalah kita merasa senang dengan produk tersebut karena memang berkualitas, sehingga kita berasumsi jika produk ini layak untuk direkomendasikan kepada teman kita.

Kelebihan viral marketing.

Proses pemasaran sangat cepat dan luas.
Meminimalkan biaya dalam pemasaran.
Meningkatkan popularitas produk yang berkualitas.
Cara kerjanya sederhana dan mudah diterapkan oleh siapapun.

Kelemahan viral marketing.

Viral marketing tidak akan berjalan jika tidak ada pemicu yang menarik atau produk memang tidak layak direkomendasikan.
Sebagai produsen, kita cenderung kesulitan untuk melakukan analisis karena bagitu produk ini meledak maka akan tersebuar sangat cepat dan luas.

Viral marketing dapat kita jadikan sebagai salah satu alternatif pemasaran yang bagus dalam rangka promosi blog. Buatlah konten blog yang bermanfaat, adakan kontes berhadiah, dan berikan suvenir secara gratis, maka dalam waktu yang tidak lama blog kita akan cepat terkenal luas dikalangan masyarakat. Intinya, viral marketing itu menekankan pada kepercayaan dan ketertarikan!

Baca Disini->>

Monday, 21 November 2011

Bagaimana Cara Pasang Status Loading Di Blog ?

Published : 17:20 Author : Lukman

Pasang Status Loading Di Blog – Apakah kita pernah berpikir tentang bagaimana cara pasang status loading di blog? Jika pernah, mungkin ide ini dapat kita terapkan pada blog kita masing-masing.

Pemasangan status loading di blog dapat memberikan kesan unik dan menarik pada pengunjung kita. Status loading ini akan muncul sesaat sebelum halaman blog kita loading tampil sempurna. Jadi, pemasangan status loading ini dapat menyembunyikan halaman blog sebelum tampil secara penuh.

Kita juga dapat mengubah gambar yang digunakan untuk menampilkan status loading ini. Selain itu, pemasangan status loading blog tidak akan memberatkan proses loading blog secara keseluruhan.

Adapun cara untuk memasang status loading blog pada blog milik kita masing-masing yaitu sebagai berikut:

Pertama, masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

</head>

Masukan kode berikut di atasnya.

<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(URL Gambar Loading) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:Kode HTML Warna url(URL Gambar Background Blog)");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>

Cari kode berikut.

<body>

Masukan kode berikut di bawahnya.

Cari kode berikut.

</body>

Masukan kode berikut di atasnya.

</div>

Klik simpan template dan selesai.

Keterangan:

Ganti URL Gambar Loading dan URL Gambar Background Blog sesuai keinginan kita masing-masing.
Ganti Kode HTML Warna dengan pilihan kita. Silakan baca artikel Macam-Macam Kode HTML Warna untuk mempermudah pemilihan.

Sekarang blog kita akan tampil lebih atraktif dengan pemasangan status loading blog ini. Meski banyak kode yang tersedia, tetapi pemasangannya cukup mudah untuk dilakukan. Pemasangan status loading blog ini juga tidak banyak berpengaruh pada kecepatan loading blog kita yang sebenarnya.

Baca Disini->>

Sunday, 20 November 2011

Inilah Cara Mudah Buat Daftar Isi Blog Bulanan

Published : 14:22 Author : Lukman

Cara membuat daftar isi blog bulanan itu sangat mudah. Jika sebelumnya ada Cara Membuat Daftar Isi Blog Berdasarkan Label, maka kali ini akan ada cara baru dalam menampilkan daftar isi blog kita yaitu menampilkan daftar isi blog berdasarkan arsip bulanan.

Apakah kita sebelumnya pernah mengalami masalah karena ruang dalam blog kita sudah penuh dengan pernak-pernik blog hingga kita sulit untuk menempatkan arsip? Jika memang demikian, maka ada baiknya kita mencoba untuk membuat sebuah daftar isi blog yang bedasarkan pada arsip bulanan blog kita.

Selain menghemat ruangan, keuntungan memasang daftar isi blog kita berdasarkan arsip bulanan ini adalah blog kita akan tampil lebih profesional daripada sebelumnya. Selain itu, pembaca juga akan dengan mudah melihat dan mencari konten postingan mana yang menurut mereka bagus untuk dibaca kembali sehingga peluang untuk mendapatkan page views bagi blog kita sangat besar.

Akan tetapi, pemasangan widget ini sedikit banyak akan berpengaruh pada kecepatan loading blog kita nantinya. Seperti yang kita ketahui jika semakin bertambah widget dalam sebuah blog, maka secara otomatis ukuran blog tersebut akan bertambah besar. Dan semakin besar ukuran sebuah blog, maka proses loadingnya pun tentu akan semakin lama.

Cara untuk membuat daftar isi blog berdasarkan arsip bulanan ini adalah sebagai berikut:

Masuk ke akun blogger masing-masing.

Klik entri baru.

Pada halaman yang akan membuat postingan seperti biasanya, pilihlah bagian edit HTML, bukan compose.

Masukan kode berikut.

Tanpa fungsi scroll.

Dengan fungsi scroll.

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;"><p align="center"><font size="4">Daftar Isi Blog Bulanan</font></p><script style="text/javascript" src="https://panduanbelajarblog.googlecode.com/files/daftar_isi_bulanan.js"></script><script src="http://namablogkita.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Klik simpan dan selesai.

Keterangan:

Ganti namablogkita dengan nama blog milik kita masing-masing.
Ubah ukuran height/tinggi scroll sesuai selera kita.

Contoh Daftar Isi Blog Bulanan yang menggunakan fungsi scroll seperti berikut ini.

Daftar Isi Blog Bulanan

Setelah selesai menerbitkan daftar isi blog ini dalam bentuk postingan biasa, kita dapat menggunakan URL postingan tersebut untuk kemudian kita pasangkan dalam menu navigasi atau elemen laman dari blog kita masing-masing agar mudah dilihat pembaca.

Penggunaan widget ini cukup berat bagi loading blog. oleh karena itu, pertimbangkan terlebih dahulu dengan melihat aspek kemanfaatan dan sinkronisasi dengan desain blog kita.

Baca Disini->>

Saturday, 19 November 2011

Bagaimana Cara Membuat Tab View Pada Blog ?

Published : 15:19 Author : Lukman

Membuat menu tab view di blog itu sangat diperlukan bagi blogger yang ingin membuat desain blognya terlihat lebih profesional dan hemat ruang.

Apakah kita pernah mengunjungi sebuah blog dan melihat adanya menu tab view yang di pasang di sidebarnya? Atau apakah kita sendiri belum tahu apakah menu tab view yang dimaksud beserta kegunaannya?

Menu tab view adalah sebuah pernak-pernik blog yang menampilkan beberapa widget yang berbeda kemudian digabungkan penempatannya menjadi satu bagian dalam bentuk tab-tab yang terpisah. Fungsi dari menu tab view ini bisa kita gunakan untuk menghemat ruang di bagian sidebar maupun footer dan membuat kesan tampilan blog kita terlihat lebih profesional.

Seperti yang kita tahu jika kemudahan akses pembaca dalam menjelajahi blog kita ini sangat diperlukan. Selain menguntungkan bagi kita karena blog kita dapat dieksplorasi dengan baik, blog yang mudah diakses juga menciptakan adanya efisiensi dalam menempatkan widget blog agar terbaca oleh pembacanya. Salah satu fungsi lain dari adanya menu tab view ini adalah kemudahan bagi pembaca dalam mengakses widget-widget dalam blog kita.

Cara yang digunakan untuk membuat menu tab view ini juga relatif mudah. Kita hanya perlu sedikit memodifikasi HTML template blog dengan penambahan kode HTML dan javascript baru.

Adapun cara untuk membuat menu tab view di blog milik kita adalah sebagai berikut:

Langkah pertama.

Masuk ke akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Letakan kode berikut di atasnya.

/* Menu Tab View
----------------------------------------------- */
div.TabView div.Tabs {
padding-top: 0px;
height: 24px;
overflow: hidden;
}

/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 80px; /*ukuran lebar tabmenu*/
text-align: center;
height: 24px; /*ukuran tinggi tabmenu*/
padding-top: 3px;
margin-right:4px; /*jarak antartabmenu*/
vertical-align: middle;
border: 1px solid #CCC; /*warna border menu*/
border-bottom-width: 0;
font-family: "Arial", Times New Roman, Serif; /*jenis hurup menu*/
font-size: 12px; /*besar hurup menu*/
letter-spacing: -1px;
background-color: #A4A4A4; /*warna latar menu*/
color: #FFFFFF; /*warna hurup menu*/
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}

div.TabView div.Tabs a.Active {
background-color: #888888; /*warna background menu aktif*/
color: #FFFFFF;
}

div.TabView div.Tabs a:hover {
background-color: #999999; /*warna background menu hover*/
color: #FFFFCC;
font-weight: bold;
}

/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 1px solid #CCC; /*warna border kotak utama*/
overflow: hidden;
background:url("http://sites.google.com/site/ruangsc/image/bgtabview.gif"); /*background kotak utama*/
}

div.TabView div.Pages div.Page {
height: 100%;
padding: 0px;
overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad {
padding: 3px 5px;
font-size: 12px; /*besar hurup kotak utama*/
}

Cari kode berikut.

]]></b:skin>

Letakan javascript berikut di bawahnya.

Klik simpan dan selesai.

Keterangan:

Tekan tombol Ctrl+F pada keyboard untuk mempermudah proses pencarian kode HTML yang diinginkan pada HTML blog kita.
Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan saat editing berlangsung.

Langkah kedua.

Klik menu rancangan.

Klik add gadget.

Pilih HTML/JavaScript.

Masukan kode berikut.

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs">
<a title="Keterangan Menu 1">Menu 1</a>
<a title="Keterangan Menu 2">Menu 2</a>
<a title="Keterangan Menu 3">Menu 3</a>
<a title="Keterangan Menu 4">Menu 4</a>
</div>
<div style="width: 100%; height: 200px;" class="Pages">


<div class="Page"><div class="Pad">
Isi Menu 1.1<br/>
Isi Menu 1.2<br/>
Isi Menu 1.dst<br/>
</div></div>



<div class="Page"><div class="Pad">
Isi Menu 2.1<br/>
si Menu 2.2<br/>
Isi Menu 2.dst<br/>
</div></div>



<div class="Page"><div class="Pad">
Isi Menu 3.1<br/>
Isi Menu 3.2<br/>
Isi Menu 3.dst<br/>
</div></div>



<div class="Page"><div class="Pad">
Isi Menu 4.1<br/>
Isi Menu 4.2<br/>
Isi Menu 4.dst<br/>
</div></div>


</div></div></form>

<script type="text/javascript"> tabview_initialize ('TabView'); </script>

Klik simpan dan selesai.

Penggunaan menu tab view ini sangat bermanfaat terutama bagi kita yang ingin menghemat ruang untuk menampilkan banyak widget dalam blog kita. Desain yang menarik juga membuat tampilan blog kita menjadi lebih profesional.

Baca Disini->>

Friday, 18 November 2011

Bagaimana Cara Buat Thread Komentar Pada Blog ?

Published : 13:51 Author : Lukman

Bagaimana cara membuat thread komentar pada blog? Mungkin itulah salah satu pertanyaan yang sering diajukan oleh blogger pengguna blogspot dalam rangka mengoptimalisasi kinerja blognya.

Optimalisasi dalam komentar itu perlu. Coba saja baca kembali artikel tentang 5 alasan menjawab setiap komentar di blog, tips dalam berkomentar di blog, serta 7 tips meningkatkan jumlah komentar di blog. Dengan adanya komentar, maka interaksi antara kita sebagai pemilik blog dengan pembaca akan semakin dekat. Sehingga, hal ini akan membuat suasana dalam postingan blog tersebut menjadi lebih hidup.

Akan tetapi, ada sedikit kendala yang harus dihadapi bagi pengguna blogspot. Fakta yang perlu kita ketahui adalah blogspot memiliki kelemahan dibandingkan wordpress dalam hal fitur komentar. Fitur komentar blogspot terkesan lebih sederhana, sementara fitur komentar wordpress lebih friendly. Hal inilah yang kemudian menjadikan alasan mengapa setiap blog wordpress sering sekali mendapatkan banyak komentar di setiap postingannya.

Blog di wordpress lebih friendly karena adanya fitur reply untuk setiap komentarnya, sedangkan blogspot tidak. Selain itu, setiap komentator juga dapat melakukan balasan untuk komentar tertentu dan komentar balasan tersebut akan langsung muncul pada bagian bawah komentar yang di balas tersebut, bukan pada bagian paling bawah semua komentar.

Untuk itu, bagaimana cara yang harus kita lakukan untuk membuat tampilan komentar pada blogspot agar lebih friendly dengan tampilan fasilitas reply ini? Cara yang dilakukan untuk menyiasatinya adalah dengan membuat thread komentar pada setiap komentar-komentar yang muncul di bawah isi postingan blog kita.

Cara untuk membuat thread komentar pada blogspot akan dijelaskan pada uraian langkah-langkah di bawah ini.

Pertama, masuk ke dalam akun blogger kita.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut tepat sebelumnya.

#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background: white;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://4.bp.blogspot.com/-8luuqzWL1do/Tl9RmQ6dG6I/AAAAAAAAB6I/1ZxWKOXXlxE/s1600/comment-arrow.png) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

Cari kode berikut.

</body>

Masukan kode berikut tepat sebelumnya.

Cari kode berikut.

<b:includable id='comments' var='post'>

terdapat banyak sekali kode

</b:includable>

Hapus kode berwarna merah yang terletak antara <b:includable id='comments' var='post'> dengan </b:includable>, kemudian ganti dengan kode berikut ini.

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>

<div id='cm_reply_css'></div>

<div class='cm_pagenavi' id='cm_page'></div>

<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>

<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=154513103004606848&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>

<div class='cm_entry'>
<span class='cm_arrow'></span>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<p><data:comment.body/></p>
</div>
</div>
</div>
</b:if>
</b:loop>
</div>

<div class='cm_pagenavi' id='cm_page_copy'></div>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</b:if>
</div>

Klik simpan dan selesai.

Keterangan:

Gunakan tombol Ctrl+F untuk mempermudah pencarian kode HTML template yang kita inginkan.
Unduh dan simpan template blog kita terlebih dahulu untuk mengantisipasi terjadinya kegagalan saat proses editing berlangsung.
Ganti angka 154513103004606848 pada blogID sesuai dengan nomor ID blog kita.

Cara mengetahui nomor blog ID kita adalah sebagai berikut.
Masuk pada profil blog kita dan lihat nomor blog IDnya yang tampil pada address bar seperti tampilan gambar di bawah ini.

Menggunakan tampilan komentar thread ini sangat bermanfaat bagi blog kita. Selain tampilannya yang attraktif dan terkesan profesional, penggunaan thread komentar ini akan semakin memudahkan pembaca dalam berinteraksi dengan kita sebagai pemilik blog dan pembaca lainnya dalam menanggapi isi postingan yang sedang di bahas.

Akibatnya, suasana menjadi lebih dekat dan terasa akrab serta kegiatan blogging akan terasa lebih hidup. Cakupan materi juga akan semakin meluas dan lengkap dengan adanya beberapa tambahan yang disampaikan dalam komentar tersebut.

Baca Disini->>

Thursday, 17 November 2011

Bagaimana Cara Membuat Stripe Ad Di Blog ?

Published : 14:52 Author : Lukman

Apa itu stripe ad?
Mungkin bagi yang pertama kali mendengarnya, stripe ad adalah sesuatu yang baru dan kurang familiar bagi kita. Stripe ad adalah sebuah navbar yang dapat kita modifikasi untuk menampilkan link atau sebuah kalimat pesan tertentu sesuai keinginan kita.

Biasanya, stripe ad yang dipasang di banyak blog saat ini memasang link jejaring sosial pemiliknya dan link untuk subscribe artikel berlangganan.

Stripe ad berbentuk sangat mirip terhadap navbar blogspot. Akan tetapi, bedanya adalah tampilan stripe ad ini akan tetap muncul di bagian paling atas meski pembaca blog kita telah melakukan scroll ke halaman bawah. Pembaca kita juga dapat menutup tampilan stripe ad ini jika mereka tidak menyukainya dengan cara klik tombol silang atau close di bagian paling kanan.

Pemasangan stripe ad ini bisa dibilang cukup penting dalam sebuah blog. Selain sebagai penghias karena bentuknya yang membuat blog kita terkesan profesional, stripe ad juga bisa dijadikan sebagai solusi untuk menghemat ruang dalam menampilkan link dan pesan kalimat tertentu.

Cara membuatnya juga relatif mudah. Kita hanya perlu memasukan beberapa kode HTML beserta javascript ke dalam HTML template blog kita.

Adapun cara untuk membuat stripe ad di blog kita ini adalah sebagai berikut.

Masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut di atasnya.

/*-- (mta bar) --*/
#mta_bar{background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_Ku0nGwamDzZmGzBhyCMN0fhDHB5OGQErGTcIWYpoTu3NL_5hZMN-o3wmzyzYwj9H32S7dQNVSTUYJApc0Ph1P6oy3tcnjKgu7_h0UpsjLSoxTvyuzguF3rxoUWGKy2aRp00s6UB9_9w/s200/topnavbar-c.png') repeat-x; border-bottom:1px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:6px}
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:55%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:30%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
#left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1IGc49AxpqmQIDYn9XT-WgymipnQWGGp8SZ_4HAbey2BsO63V28J5TNrhSRQNx_5L1FjSiZRSB1xiMg_JsgyJA1fruWrJK11ZHyyrDjvEX0elLz_WbA0k91HVrY4nnzgkaEsG1TWwFKv5/s200/feed-c.png') no-repeat; font-weight:bold;text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:10px}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar2 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzTRb87bNlhIUahNkA5Z3gZtEyvDNfv1EJP4ksjIh51MpHZPZzLr3t0AIO-f0nxkNTfhF92j8EfzTvCoN2Benatc5f4WjZAR_mbNd4CwkUeq4ogSgetd0ROXnLNbI-ExD6zIK3UIe6EtrQ/s200/check-c.png) no-repeat 2px; text-decoration:none; font-weight:bold; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0px}
.small-comment{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1THrlQ23jOO3T2j7J_fGMWR6QAaIgFbdMIwA65C0ErBEVD5KptGsjvvCwH1vlklfFoMpl2HYKwsVqsFEe8B0awZXQ5MsbnLJdN5_jvfs76D4HNfA08tWaqABMEIMSyiWjrzPAaKTvNKAY/s200/smallcommentsx-c.png) no-repeat;
padding-left:8px;
height:20px;
line-height:14px;
float:right;
color:#FFF;
font-weight:bold;
font-size:11px;
margin-top:3px;
margin-left:10px;
}.small-comment div{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1THrlQ23jOO3T2j7J_fGMWR6QAaIgFbdMIwA65C0ErBEVD5KptGsjvvCwH1vlklfFoMpl2HYKwsVqsFEe8B0awZXQ5MsbnLJdN5_jvfs76D4HNfA08tWaqABMEIMSyiWjrzPAaKTvNKAY/s200/smallcommentsx-c.png) top right no-repeat;
padding-right:8px;
height:20px;
}
#left_bar2 a:hover{text-decoration:underline; color:#fff}
#left_bar3 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuwfUOBGonLZhQPkSNZLQ9aCWkmZhzhUx1dI8kSaGKIewM4l1KMEklsB5UdBMyJJbpRC9IWy3XoYrzPpQcZvITqzXMqJmwk4OWit_1ecgAFKcFJ1Fhemc7sozyKUOLlDcibPP3cFqPVso/s200/facebook-c.png) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
.feed-small-right-feed,.small-right{font-size:11px;float:right;font-weight:700;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1IGc49AxpqmQIDYn9XT-WgymipnQWGGp8SZ_4HAbey2BsO63V28J5TNrhSRQNx_5L1FjSiZRSB1xiMg_JsgyJA1fruWrJK11ZHyyrDjvEX0elLz_WbA0k91HVrY4nnzgkaEsG1TWwFKv5/s200/feed-c.png) right 0 no-repeat;padding-right:20px;padding-bottom:15px}
#crosscol-wrapper{margin:0 20px;padding:10px 0 0}
#jarak_atas {width:2px;height:20px;}

Cari kode berikut.

</head>

Masukan kode berikut di atasnya.

Cari kode berikut.

<body>

Masukan kode berikut di bawahnya.

<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
<a href='URL akun facebook' rel='nofollow' target='_blank' title='Add me as friend on Facebook'>Facebook</a>
<a href='URL akun twitter' rel='nofollow' target='_blank' title='Follow me on Twitter'>Twitter</a>
<a href='URL RSS feeds' rel='nofollow' target='_blank' title='Subscribe Me'>RSS feeds</a>
</span></div>
<div id='left_bar'>
<span class='center'><a href='http://feedburner.google.com/fb/a/mailverify?uri=ID feedburner' target='_blank;'>Subscribe via mail, joint now !</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='o-om.com.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQboHBg9f19rfZSiOCEzJ7rKKkPjY3pYbfP1fFgncghAc9AfY-V2uuOXZznhpcMck1OeVVgFw7v2P8UcTmSlIh8q6_TTp4z4CVfRToUvmlELsPu22fou0_TK4MOsTgWLyCNe4md8xEfj90/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Klik simpan dan selesai.

Keterangan:

Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode HTML yang diinginkan.
Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan dalam proses editing template.
Ganti URL akun facebook, URL akun twitter, dan URL RSS feeds dengan URL/alamat link milik kita masing-masing.
Ganti ID feedburner dengan ID milik kita masing-masing. Misal alamat feedburner yang sedang kita miliki sekarang adalah http://feeds.feedburner.com/panduanbelajarblog maka ID feedburner kita adalah panduanbelajarblog.

Pemasangan stripe ad ini tidak akan terlalu banyak memperlambat loading blog, karena javascript yang digunakan telah dihosting di google code sehingga requestnya memerlukan waktu yang relatif lebih cepat dibandingkan javascript yang dihostingkan di free hosting lainnya.

Sesuaikan pemasangan stripe ad ini dengan tampilan desain blog dan kebutuhan kita. Usahakan memasang pernak-pernik blog yang match dengan desain template dan jangan memperlambat loading sebuah blog dengan pemasangan widget yang tidak perlu.

Baca Disini->>

Blogblogan

Wednesday, 23 November 2011

Inilah Cara Termudah Untuk Mengatasi Kotak Kode Verifikasi Komentar Yang Tidak Muncul Di Blog

Tuesday, 22 November 2011

Apa itu viral marketing?

Monday, 21 November 2011

Bagaimana Cara Pasang Status Loading Di Blog ?

Sunday, 20 November 2011

Inilah Cara Mudah Buat Daftar Isi Blog Bulanan

Saturday, 19 November 2011

Bagaimana Cara Membuat Tab View Pada Blog ?

Friday, 18 November 2011

Bagaimana Cara Buat Thread Komentar Pada Blog ?

Thursday, 17 November 2011

Bagaimana Cara Membuat Stripe Ad Di Blog ?

Popular Posts

Labels

Archive