Cara Membuat Icon Gambar Pada Menu Navbar Blog

Kamset.blog- akan membagi tips untuk mendisain blog sobat agar lebih friendly dan tampak indah. tentu saja sobat sebagai penulis ingin mempunyai blog yang memiliki tapilan yang indah. Maka dari itu Kamset.Blog- akan memberikan tips untuk membuat icon gambar disamping tulisan navabar menu pada blog sobat. Saya akan menjelaskan dengan cara yang mudah dan cepat dipahami.

Jadi,,Sekarang sobat ikuti langkah-langkah ini:

1. Masuk ke template,,Lalu pilih edit Html;

2. Setelah Masuk ke edit Html,,Cari kode script pada bagian navbar kurang lebih seperti contoh dibawah ini :

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Bussines</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Featured</a></li>
<li </ul>
</li>
><a href='#'>Uncategorized</a></li>
</ul>
</div>

3. Setelah sobat menemukan script tersebut silahakan sobat tambahkan kode script berikut ini:

<i class='fa fa-(masukan tulisan nama logo disini)'/>

Tepat disamping tulisan berwarna biru.

contohnya ; 

<li><a expr:href='data:blog.homepageUrl'><i class='fa fa-(masukan tulisan nama logo disini)'/>(2 spasi)Home</a></li>

4. Setelah sobat masukkan kode script seperti Contoh diatas berikan jarak 2 spasi agar logo tulisan pada navaba tidak tertimpa.

5. Dan Berikut ini saya akan memberikan nama Logo-logo yang bisa sobat pakai :

- Home 

- Dollar
- Globe 

- Child

- Warning

- Tags

- Star

- wrench

Setelah sobat memasukkan yang ingin sobat buat simpan dan selesai.

Demikian penjelasan tentang membuat icon gambar pada navbar menu blog, dan memang masih ada yang kurang dalam penulisan lambang icon mungkin akan secepatnya saya tambahkan, sekian dulu terimakasih.

Cara Meletakkan Iklan Google Dibawah Postingan Pada Blog

Sebelumnya saya telah mengulas beberapa tips meletakkan iklan google pada blog diantaranya;

Meletakkan iklan google secara bersamaan;
Dan meletakan iklan google pada bawah judul postingan;

Dan pada hari ini Kamset.Blog akan memberikan tips meletakkan iklan diatas komentar/ dibawah postingan. Berikut ini adalah tutorial memasang iklan tersebut:

1. Masuk ke Template >> Edit Html;
2. Cari <data:post.body/> atau tkan Ctrl+F;
Maka akan muncul 3 <data:post.body/> seperti gambar dibawah ini:

Pilih <data:post.body/> yang berwarna Biru atau baris ke 2.
3. masukkan code script berikut ini tepat di sebelah <data:post.body/> berwarna biru;

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'>
Letakan Script / Kode Iklan Disini
</div>

contohnya; <data:post.body/>Letakkan code script </b:if>
4. Copy script iklan yang hendak sobat masukkan dan parse terlebih dahulu kode script iklan disini;
5. Lalu pastekan Kode script yang telah sobat parse;
6. Simpan/dan selesai sudah.

Apabila ada yang kurang silahkan sobat koreksi atau ada yang sobat ingin tanyakan,, silahkan  komentar dibawah ini.
terimakasi dan semoga sukses.

Tips meletakkan iklan google dibawah Judul pada Blog

Selamat datang di Kamset.blog- pada hari ini kamset blog akan membagi tips mudah memasang iklan yang berada pada bawah judul artikel. Pada sebelumnya saya telah menjelaskan tips mudah meletakkan iklan adsen pada bawah judul dan dibawah postingan secara bersamaan, lalu pada hari ini saya akan membagi tips meletakkan iklan dibawah judul saja...

Mari kita ulas sedikit tentang manfaat letak iklan pada blog...manfaat dari letak iklan pada blog adalah meningkatkan pendapatan dan memperindah blog sobat karena dengan meletakkan iklan pada tempat paling potensial merupakan suatu hal yang dapat memicu meningkatnya PPC sobat.
Jadi mari saja kita Lanjutkan dengan membahas tentang meletakkan iklan google di bawah judul ikuti langkah- langkah berikut ini:

1. masuk blog lalu pilih pengaturan template;
2. masuk ke edi Html
3. Cari <data:post.body/>, bisa juga dengan menggunakan search, tekan Ctrl+F.
   Lalu akan muncul seperti dibawah ini;

Data Post yang muncul ada 3, maka pilihlah warna biru pada gambar, hapus data post tersebut lalu masukkan kode script dibawah ini tepat pada <data:post.body/> yang telah sobat hapus/delete;

<div class='googlepublisherads' style='margin:100px 50'>

<center>

Masukkan kode Iklan yang telah diparse

</center>

</div>

<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>

var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);

var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);

var s=obj1.innerHTML;

var t=s.substr(0,s.length/2);

var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);

if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}

</script>

4. Copy kode iklan yang ingin sobat letakkan;
5. Lalu parse kode script iklan sobat terlebih dahulu disini;
6. Pastekan pada skript yang telah sobat parse;
7. Lalu simpan/selesai.

lihat pada blog sobat dan berhasil, apabila sobat kurang paham silahkan tanyakan di komentar yang tersedia. Lalu sobat juga harus membaca Cara meletakkan iklan google dibawah postingan.

Cara Cepat Membuat Sitemap/Daftar isi pada Blog

Sitemap merupakan suatu alat bantu untuk para webmaster yang mempermudahkan dalam pengenalan situs webside. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halamn yang ada didalamnya. Agar mesin pencari goolge mendeteksi konten didalamnya blog juga memerlukan sitemap. Dan berikut ini saya akan menjelaskan cara mudah membuat sitemap pada blog sobat.

1. Hal yang pertama sobat lakukan adalah mengcopy Script pada disini.
2. Buat laman baru, pada awalnya membuka laman versi yang ditampilkan adalah mode Compose maka gantilah ke mode Html, lalu pastekan Code script yang telah sobat copy tadi pada mode Html.
3. Setelah selesai sobat pastekan maka script pada laman sobat akan menjadi sperti ini;

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>


<div id="toc">
<script src="https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Gantilah Pada www.yourblogdomain.com dengan alamat blog sobat. Lalu sobat ganti dengan mode compose.
4. Buat judul Sitemap/Daftar isi pada laman sobat. lalu publiskan selesai. Maka hasilnya adalah seperti ini (KLIK DISINI).

Demikianlah penjelasan tentang membuat sitemap pada blog, semoga bermanfaat dan sukses. Apabila ada masukan harap tuliskan pada komentar sobat pada box.

Tips Mudah Membuat Tool Box Parse HTML Pada Blog

Kegunaan dari Tool box parse HTML adalah mengubah kode-kode atau tanda-tanda tertentu menjadi kode entitas (kode unik). Kode-kode yang biasanya diubah yaitu tanda lebih kecil (<), petik dua ("), ampersand (&), petik satu ('), tanda lebih besar (>). Kode-kode tersebut akan diubah menjadi kode-kode yang unik (kode entitas).

Tool Box parse Html sangat berguna pada sobat, terutama yang hobi mengedit template Html pada blog sobat, dan tool box Html ini sangat bermanfaat bagi para bloger.

Tanpa panjang lebar lagi saya akan memberikan Tips mudah membuat tool box parse html.

1. Tentu saja sobat terlebih dahulu mengcopy skrip dibawah ini:

<script type="text/javascript">function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}</script><table border="0" cellpadding="0" cellspacing="0" style="width: 400px;"><tbody><tr> <td valign="top" width="400"><textarea cols="50"id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);"></textarea><input onclick="convert();" type="button" value="Memulai Parse Script" /></td> </tr></tbody></table>

2. Sobat dapat membuatnya dengan 2 cara yang mudah, jadi tergantung mana yang sobat inginkan dan menarik menurut sobat.

a. Dengan meletakkannya pada side bar atau footbar yang tersedia pada tata letak. Caranya sangat mudah, yaitu;
- Tambahkan gadget,
- Lalu pilih Html/java skript
- Paste kode skript yang diatas pada Html/java skrip lalu simpan.
Bagaimana cukup mudah kan, dan masuk pada cara ke-2:

b. Dengan membuat Laman baru. Tentu saja dengan membuat laman baru sobat dapat membuat tool box java skrip dengan varian yang bagus dan menarik dan dapat meletakkannya pada menu dan memiliki alamat link tersendiri. menurut saya sobat dapat memakai cara ini karena saya sendiri juga menggunakan cara seperti ini dan berhasil Lihat disini sebagai contoh, Bukan maksud pamer cuma sekedar saran saja, Berikut ini adalah cara membuatnya yaitu:




- Buat laman baru (bukan post),
- Dari mode compose ganti ke mode HTML, paste code script yang diatas.
- Lalu publishkan.
Selesai.

Apabila sobat menambahkan Tulisan atau varian model atau gaya pada Tool box sobat maka sobat harus membuat terlebih dahulu varian gaya tersebut lalu paste kode tool box tepat pada bawahnya pada model Html. lihat pada gambar dibawah:

 Warna biru adalah untuk style tulisan, dan warna hitam adalah Tool box pars Html.
untuk mendapatkan tulisan tesebut Disini.

Tips Meletakkan Iklan Google Adsen Dibawah Judul dan bawah Postingan Secara Bersamaan di Blog

Letak iklan google adsen merupakan suatu hal yang paling penting untuk mendapatkan PPC dan tentunya juga meningkatkan penghasilan google Adsen sobat. Pada hari ini saya akan memberikan tips meletakkan iklan google dibawah Judul dan dibawah Postingan secara bersamaan.

Dari pada sobat merasa bosan membaca artikel dan penjelasan yang panjang mungkin sobat juga sedikit banyaknya sudah memahami dari manfaat peletakan google adsen.

Berikut ini adalah tata Cara membuat iklan adsen tersebut.

1. Copy dulu kode Iklan Adsen yang ingin sobat tampilkan Pada blog sobat,
2. Parse terlebih dahulu kode Iklan sobat yang ingin ditampilkan (KLIK DISINI),
3. Lalu sobat buka template dan pilih edit Html,
4. Tekan Ctrl + F carilah skrip <data:post.body/>

Pada sejumlah blog biasanya <data:post.body/> ada tiga seperti gambar dibawah ini:

setiap template <data:post.body/> tersebut berbeda-beda, maka cobalah satu per satu, tetapi kalau saya gunakan pada warna hijau pada gambar, dan bisa juga warna biru.

Copy Code skript dibawah ini:

<div class='googlepublisherads' style='margin:100px 50'>
<center>
Letakkan script/kode iklan disini
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='text-align: center;'>
Letakan Script / Kode Iklan Disini
</div>
</b:if>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Pastekan Code skript tersebut tepat dalam kode <data:post.body/> tersebut. atau haus kode <data:post.body/> diganti dengan kode skript yang diatas.
        5. Lalu simpan lihat blog sobat maka lihatlah hasilnya.

Apabila ada yang kurang dimengerti harap ditanya pada komentar, semoga bermanfaat dan semoga sukses.