Ads

Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

August 10, 2011

Cara Membuat Realted Post Dengan Thumbnail



Halo pembaca setia Semproel Blog saya akan men share sebuah artikel yang akan menjelaskan bagaimana Caranya membuat realted post dengan thumbnail seperti yang akan anda lihat dibawa posting saya kali ini. menurut saya realted post ini sangat menguntungkan bagi blogger karena fungsinya akan menampilkan artikel-artikel lainya yang terdapat pada blog/website kita dan otomatis akan menambah page view blog/website kita (CMIIW).



Ok langsung saja saya bahas bagaimana Caranya untuk membuat realted post dengan thumnail :



1. Buka menu Design lalu Edit HTML



2. Beri centang pada "Expand Widgets Templates"







3. Letakkan kode berikut diatas kode

























7. Lalu Save template anda.



Note :

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi37M0jftpsfWu5kyFdnuZ_IJfPipWYm7eIj8WvAY0SKGiqXUjjv0ZVGvwaWlymhBWituYj4HXmsI4XuzSMd3AGBFrQ52G8D4deAtXfrOpDQTdLqg0hmceaQx4dZDir0G4aFR5Ru4kjtI1V/" code itu menunjukkan gambar yang akan muncul pada postingan yang tidak memiliki gambar. Anda bisa mengganti gambar tersebut dengan gambar yang anda.



var maxresults=5 menunjukkan jumlah postingan yang muncul pada related post. anda bisa menganti jumlah postingan yang mau ditampilkan dengan mengganti angkanya sesuai dengan angka yang anda inginkan.



var splittercolor="#cccccc" menunjukkan warna garis pemisah. Ganti cccccc dengan kode warna yang anda inginkan.



var relatedpoststitle="Anda mungkin menyukai :" menunjukkan judul related post. Ganti teks yang berwarna merah dengan judul yang anda inginkan.



Note diatas menjadikan akhir perjumpaan kita pada posting kali ini terima kasih untuk pembaca setia Semproel Blog semoga artikel yang telah saya bahas diatas bermanfaat bagi anda para pembaca setia Semproel Blog



Dan Saya berterima kasih kepada Mas Herman yang telah men-share script untuk Cara Membuat Realted Post Dengan Thumbnail .



Terima Kasih




Read More.. “Cara Membuat Realted Post Dengan Thumbnail”  »»

October 03, 2010

Cara Membuat Iklan Melayang


Banyak sekali sekarang pemilik blog yang mengunakan trik yang akan kita bahas
Jika anda ingin memiliki iklan yang bisa melayang di halaman depan seperti gambar disamping maka anda berada di tempat yang tepat. Disini saya akan menjelaskan bagaimana cara membuat iklan yang akan melayang di depan halaman website atau blog.
Langsung saja ikuti cara - cara di bawah ini:
1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Rancangan
3. Tekan Add Gadget
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Masukan Script Di bawah ini :



<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

6. tekan save

selamat mencoba :)

Read More.. “Cara Membuat Iklan Melayang”  »»

May 25, 2010

Cara Membuat Text Di Bar Menu Berjalan

sebelumnya saya memberikan sebuah penjelasan sebelum kita membaca langkah-langkah di bawa ini. Template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.

Untuk template klasik silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger dengan id sobat

2. Klik menu Template

3. klik menu Edit HTML

4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula

5. Copy kode berikut ini lalu paste di atas kode



6. Klik tombol Save Template Changes

7. Selesai.




Untuk template baru silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger dengan id sobat

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template

5. Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates

6. Simpan kode berikut di bawah kode , kode ini letaknya berada paling bawah sebelum kode




8. Klik tombol SAVE TEMPLATE

9. Selesai

sedikit petunjuk, pada kode diatas ada tulisan yang saya buat merah, nah tulisan tersebut harus sobat ganti dengan tulisan yang sobat inginkan. contoh : selamat datang di blog saya. atau apa saja yang menurut sobat layak untuk di tulis di situ. contoh yang saya berikan diatas memuat pesan atau text sebanyak empat tulisan, jika sobat ingin lebih banyak itu bisa dilakukan dengan menambah baris tulisan seperti kode sebelumnya.Untuk kode --> scrollSpeed = 130 . angka "130" merupakan kecepatan dari text berjalan, semakin kecil nilainya semakin cepat text berjalan, dan semakin besar nilainya maka text akan semakin lambat. Silahkan sesuaikan dengan keinginan sobat.

Read More.. “Cara Membuat Text Di Bar Menu Berjalan”  »»

April 27, 2010

Cara Membuat Ratingan Di bawah Posting

pada postingan ini saya akan menjelaskan cara membuat rating di bawah postingan memang blogger sedikit memiliki kelemahan dalam hal fitur yang ada di Postingannya, agar
pengujung Blog dapat memberikan rating atau penilaian terhadap isi postingan ,maka kita bisa menambahkan fitur rating yang akan muncul pada bagian bawah setiap postingan.jika anda ingin melihat contohnya silahkan lihat saja pada bahagian bawah di setiap postingan saya ini, jika anda juga ingin menambahakan fitur ini pada blog anda silahkan lihat dan ikuti resep jitu saya yang berikut ini.

Berikut langkah-langkahnya :

1.SIGN IN ke account Blogger yang anda miliki

2.Jika telah masuk ke halaman Dashboard, klik link Layouts,lalu pilih Edit HTML.

3.Berikan tanda ceklist pada opsi Expand Widget templates, lalu pada kolom HTML
temukan kode berikut:








4.Jika sudah menemukannya,ketikan Scrip berikut ini di bawahnya

Cara Menghilangkan Navbar Blogger

Anda pasti tahu, apa itu navbar? navbar ialah kotak persegi panjang yang ada dibagian atas blog, biasanya dibagian sudut paling kanan kotak itu terdapat tulisan sign in dan satu tulisan lainnya.Sebenarnya kehadiran kotak navbar itu tidaklah mengganggu kinerja blog anda, bahkan navbar dapat memudahkan kita untuk sign in kedalam account blogger tanpa harus repot – repot membuka jendela browser baru dan mengetikkan tulisan [blogger.com] dulu di addres bar browser anda.tetapi jika anda tetap ingin menghilangkan kotak navbar itu, baiklah berikut saya tuliskan tutorialnya khusus untuk anda

ikutilah langkah demi langkah berikut ini :
1.Pertama-tama,Sign in ke account blogger anda
2.kemudian sesampainya di dashboard klik tab [layout],lalu pilih kembali tab[Edit html].
3.Didalam kotak Edit HTML cari kode berikut ini, biasanya berada dibagian atas Edit html



4.carilah kode di di bawah ini:

-----------------------------------------------
Blogger Template by btemplates.com
Theme Name: ..............(nama template anda)
Theme URI: .................(url template)
Author URI:..................(url pembuat template)
Version: 1.0
----------------------------------------------- */

5.apabila anda telah menemukan kode yang mirip dengan kode diatas, copykan lah script berikut ini tepat dibawahmya [dibawah tanda garis – garis penutup yang berwarna merah :

#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

6.jika sudah selesai klik tombol [Save Template]
7.dan selesai....

selamat mencoba :D

Read More.. “Cara Menghilangkan Navbar Blogger”  »»

April 17, 2010

Membuat Label Cloud

sekarang saya akan memposting artikel baru tentang bagaimana cara membuat label cloud. sekarang saya akan menjelaskan cara-cara membuat label cloud tersebut.
ikuti cara-cara di bawah ini:
1. Login dulu ke Blogger
2. Kemudian Langsung ke Layouts/Tata Letak--->Edit HTML
3. Sebaiknya download dulu template kamu sebelum melakukan perubahan/pengeditan agar bisa menanggulangi kesalahan kalo meng-edit
4. Copy dan Paste kode di bawah ini di atas kode ]]></b:skin>
/* Trik Label Cloud by Die-Silver
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

5. Buat kode yang ada di dalam kode berwarna merah bisa kamu ubah
6. Cari kode </head> kemudian taruh kode ini di atasnya:
<script type='text/javascript'>

// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

7. jika selesai, kemudian cari kode di bawah ini:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

8. Ganti kode di atas dengan kode di bawah ini:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point --------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

9. Save Template
10. selamat mencoba :)

Read More.. “Membuat Label Cloud”  »»

April 04, 2010

Membuat Kotak Link Exchange

Kamu belum bisa masang banner link exchange? yang benar?hari gini belum bisa masang banner,sekarang saya mau menggajari anda untuk membuat kotak link exchange

Kalo kita ingin bertukar link biasanya ada kotak seperti ini :



lalu bagaimana cara buat kotak tersebut?
seperti ini caranya:


pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
lalu copy kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://semprulblog.blogspot.com"target="_blank"><img src="http://i.imgur.com/OOPdX.gif"alt="Create your own banner at mybannermaker.com!" border="0" /&gt;</a><br /></textarea>

text yang berwarna hijau menunjukkan lebar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Kisi kotak diatas kalo dicopy dan paste jadinya akan seperti ini:


Read More.. “Membuat Kotak Link Exchange”  »»

April 02, 2010

Membuat Buku Tamu Tersembunyi

jika anda tidak mengerti lagi ingin meletakan buku tamu kamu di mana, buat saja buku tamu kamu "tersembunyi", dan kalau diklik akan langsung terlihat.
Contohnya kamu bisa lihat di bagian sebelah kanan layar kamu, dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcnr5eqBfd9tDKweOFe6TSrvzHk7jt_tbfcRlKBhAvQmxyGKabSZjvsAFjJzfY3xbH4FqEbXCw_JSbtbXqoun-Ng8u-vXifn8Yr_e2y5p2NSo0cT-mAq5xNBn1i8f81Fanq71yGLziMiF/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
sini (Info Blog)
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4. Pada kode di atas, cari kode dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
6. Selamat mencoba!

Read More.. “Membuat Buku Tamu Tersembunyi”  »»

April 01, 2010

Cara Mengganti Domain Blogspot dengan CO.CC Gratis

Bagi anda yang memiliki blog di blogger dengan nama yang panjang mungkin bisa mencoba domain gratis dari co.cc. Tapi ingat, jika blog anda sudah memiliki alexa rank yang tinggi dan sudah bagus dalam SEO, sebaiknya dipikir-pikir lagi untuk mengganti domain blogspot anda.

Langsung saja ikuti tutorialnya di bawah ini.

1. Log in dengan akun anda. Jika belum mendaftar, lihat cara pendaftarannya disini
2. Pilih domain yang akan digunakan.

3. Klik tombol Set up.


4. Pilih Zone Records.

Zone Records

Pada bagian ini anda akan mulai melakukan setting domain co.cc. Langkah-langkahnya tidak susah. Anda hanya butuh sedikit kesabaran karena perubahannya tidak langsung terjadi.

Berikut pengaturannya.

Host, isi dengan domain co.cc anda (jangan lupa pakai www).

TTL, biarkan tetap 1 D.

Type, pilih CNAME.

Value, ketik ghs.google.com.


Setelah itu lanjut ke pengaturan di blogger. Ikuti petunjuk setting domain co.cc di blogspot di bawah ini.

1. Masuk ke akun blogger anda.
2. Pilih menu Settings (Pengaturan) » Publishing (Publikasikan).
3. Klik tulisan Custom Domain.
4. Klik tulisan Switch to advanced settings.


Cukup sampai di situ saja cara mengganti domain blogspot dengan co.cc. Setelah selesai mengikuti tutorial di atas, blog anda tidak bisa dibuka untuk sementara waktu.

Waktu yang diperlukan untuk bisa mengakses blog dengan domain baru anda biasanya hanya sebentar. Mungkin hanya beberapa menit ataupun beberapa jam, maksimal 2 hari.

Read More.. “Cara Mengganti Domain Blogspot dengan CO.CC Gratis”  »»

March 25, 2010

Cara Membuat "Read More"

Pembaca blog ku yang setia pasti pernah melihat isi postingan blog teman anda yang ditampilkan hanya sebahagian saja sebagai Over Viewnya dan jika kita tertarik dan ingin membaca selengkapnya kita dapat mengklik link yang biasanya bertuliskan read more atau baca selengkapnya yang berada dibahagian bawah postingan itu. Sebenarnya memang bagus kalu kita menggunakan read more tersebut, habis banyak keuntungannya sih diantaranya keuntungan untuk menghemat layout postingan yang panjang dan memakan tempat mejadi pendek saja, menampilkan langsung banyak postingan tanpa memakan banyak tempat, dan tentunya juga dapat memperindah tampilan blog kita bila ditata dengan baik.

Baiklah jika anda memang tertarik untuk membuat read more ini silahkan ikuti tutorial berikut ini, eps… tapi tunggu dulu soalnya cara membuat readmore yang ingin saya jelaskan kali ini berbeda dengan readmore biasanya. Bedanya apa ayo tebak ? yaps sesuai dengan judulnya Read More yang ingin kita buat kali ini akan ditampilkan dengan di + judulnya lho. Hasilnya kira-kira kayak Read More yang saya pakai ini,silahkan lihat di bagian Home pada blog saya kemudian lihat pada masing-masing postingannya yang menampilkan read more. Baiklah nggak usah basa-basi lagi begini cara membuatnya :

1.Sign In ke account blogger anda
2. di dash board ambil menu [layout] kemudian pilih tab [Edit HTML].
3. beritanda centang pada kotak [“expand widget template”] yang berada diatas kode edit html. Tetapi Jangan lupa untuk memback up template anda terlebih dahulu.caranya klik link [Download Full Template] yang ada di sana.
4. setelah selesai cari kode berikut ini di dalam Template blog anda.Untuk memudahkan pencarian tekan kombinasi tombol [ctrl +f] dan paste kode berikut ini kedalamnya:


<p><data:post.body/></p>


5. selanjutnya ganti kode diatas dengan kode berikut ini :

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

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<strong><a expr:href='data:post.url'>teruskan membaca..... &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

</b:if>

“Perlu anda ketahui bahwa Tulisan "teruskan membaca....." ini bisa anda ganti dengan tulisan lain.”
6. setelah selesai simpan hasil pengeditan template yang sudah kita lakukan diatas tadi dengan cara mengklik tombol Save Template
7. Selanjutnya pindah kemenu [setting] dan klik tab [Formatting]
8. kemudian isikan kode dibawah ini kedalam kotak [Post template] yang ada dimenu formatting tadi :

<span class="fullpost">


</span>

9.Lalu simpan hasil perubahan tadi

Proses penyetingan kode Read More telah selesai kita lakukan, sekarang silahkan istirahat sejenak.karena perjalanan kita masih belum selesai.setelah ini kita akan membahsas tentang cara membuat dan menerbitkan postingan dengan Read More. Begini caranya :

1.klik tab postingan yang ada didalam account bloger anda untuk mempositng.
2.didalam kotak tempat anda biasa memposting itukan ada dua Tab. Tab yang pertama bertuliskan [edit html] dan tab yang kedua bertuliskan [compose],nah karena anda telah memasang read more pada template anda maka utuk memanfaatkannya lakukanlah penulisan postingan dibagian [edit HTML] kemudian secara otomatis di bagian edit html tadi akan ada kode seperti dibawah ini :


<span class="fullpost">


</span>

3. letakan artikel postingan yang akan ditampilkan dihalaman utama [sebelum tulisan ["Redmore"] diatas kode ini : sementara sisa lainnya taruh diantara kode dengan kode kemudian lakukanlah penyetingan gaya tulisan seperti memberi tautan [hyper link], tulisan cetak tebal [bold], dan susunan tulisan [center,left atau right] seperti biasa yaitu dibagian [compose].
4.setelah selesai,terbitkanlah postingan yang anda buat tadi, dan jangan lupa mengisi judul postingannya ya agar nanti read more dapat menampilkan judul postingan anda juga. Nah kalau anda mengikuti tutorialnyadengan baik maka pasti anda akan berhasil.

Read More.. “Cara Membuat "Read More"”  »»

March 15, 2010

9 Strategi Mendapatkan uang Dari Blog

Setiap blogger bisa mendapat uang (dolar) lewat blog. Namun, besarnya uang yang didapat tidak sama: ada yang banyak, cukup, dan ada juga yang kurang. Semua itu tergantung dari strategi yang digunakan untuk mendapatkannya.
Di bawah ini adalah 9 strategi mendapat uang lewat blog yang saya sarikan dari beberapa referensi. Semoga ini menambah wawasan bagi Anda yang belum mengetahuinya.

1. Blog Besar (big blog)
Ini merupakan strategi yang paling besar menghasilkan profit dan banyak memakan waktu. Cara memonetisasinya beragam mulai dari pemasangan iklan, adsense, sampai afiliasi. Blogger yang memilih strategi ini harus fokus sehingga blognya menjadi populer dan menjadi otoritas di niche-nya.

* Keuntungan: banyak opsi monetisasi, pemilik blognya menjadi terkenal, dan menjadi blog otoritas atau rujukan.
* Kelemahan: Sangat menyita waktu dalam membuat konten, mendatangkan trafik,meningkatkan alexa rank, dan membangun jaringan, terlebih jika dikelola sendiri. Selain itu, pemilik blog harus memiliki banyak pengalaman di bidangnya dan melahirkan ide-ide kreatif.Problogger, DoshDosh, DailyBlogTips, John Chow dot com, dan 5 blog terbaik di indoneisa merupakan contoh-contoh blog besar.

2. Strategi Paid Review
Strategi ini relatif sederhana. Bikin beberapa blog (terutama blog dengan domain berbayar), fokus pada meningkatkan page rank (3 ke atas), dan alexa rank. Bisa juga dengan membuat blog dari domain yang berpagerank.
Selanjutnya, daftarkan semua blog itu ke broker paid review seperti ReviewMe, Blogvertise, SponsoredReview, dan lain-lain. Bisa juga mencari review dengan menghubungi direct advertiser di forum-forum (misal Digital Point).

* Keuntungan: Tidak memerlukan trafik yang tinggi karena umumnya paid review didasarkan pada page rank. Semakin tinggi page rank (terutama blog berbahasa Inggris), semakin besar mendapat job paid review.
* Kelemahan: Bukan passive income. Anda harus menulis paid review jika ingin mendapat uang. Jika berhenti, maka Anda tidak akan mendapat uang.

3. Jalur Splog
Splog adalah blog yang kontennya berasal dari RSS feed situs atau blog lain. Monetisasi strategi ini umumnya dengan Google Adsense dan afiliasi.

* Keuntungan: Tidak perlu repot-repot menulis konten.
* Kelemahan: Pendapatan kecil. Maki menyebutkan bahwa rata-rata blog ini menghaslkan $ 5 per bulan. Jadi, jika ingin mendapat $1,000 per bulan, maka blog yang harus dibuat adalah 200 blog.

4. Strategi menjual link atau banner
Strategi ini fokus kepada jualan text link. Yang mempengaruhinya adalah page rank dan relevansi konten.

* Keuntungan: Sangat mudah dimonetisasi. Sebuah blog berpage rank tinggi dan niche yang basah (mortgage dan credit cards) sangat menarik minat pengiklan. Seperti halnya paid review, jalur ini tidak memerlukan trafik yang tinggi.
* Kelemahan: Keuntungan dibatasi oleh besarnya page rank.

5. Adsense, pay per click, atau afiliasi
Jalur ini ditempuh dengan membuat blog dengan topik khusus. Diperlukan riset kata kunci, SEO, dan analisis kompetitor.

* Keuntungan: Bisa membayar orang untuk menulis konten. Update-nya pun tidak harus tiap hari, namun bisa seminggu sekali, dua minggu sekali, dan sebagainya. Jika mendapat banyak trafik dari mesin pencari, pendapatan akan besar. Dalam jangka panjang merupakan passive income.
* Kelemahan: Banyak pesaing dalam memperebutkan trafik dari mesin pencari.

6. Blog Network
Strategi ini dilakukan dengan bergabung di blog network dan akan memperoleh job untuk membuat konten untuk suatu blog berdasarkan kontrak kerja sama. Pembayarannya berdasarkanjumlah page views, atau bagi hasil.

* Keuntungan: Pendapatan per bulan relatif stabil
* Kelemahan: Pembayaran akan mengacu ke kontrak yang disepakati, sehingga bila ingin menaikkan jumlah pembayaran harus menunggu dalam jangka waktu tertentu.

7. Jasa Penulisan Konten Review
Strategi ini berupa menyediakan pelayanan berbayar untuk paid review.

* Keuntungan: Mendapat banyak order dari blogger yang susah atau tidak memiliki waktu menulis paid review yang diikutinya.
* Kelemahan: Pendapatan kecil karena umumnya satu tulisan dibayar $1.


8. Jasa Pembuatan Blog
Strategi ini menyediakan jasa pembuatan blog bagi blogger pemula yang tidak mau repot atau pemula dalam membuat blog bisnis.

* Keuntungan: Memiliki banyak kolega dan pendapatan relatif stabil.
* Kelemahan: Segmen pasar kecil karena harus bersaing dengan blog berplatform gratisan.


9. Blogger Bayaran
Strategi ini berupa membuat tulisan untuk suatu blog. Tulisan itu merupakan bagian dari update blog, bukan ditujukan untuk paid review.

* Keuntungan: Pendapatan relatif stabil karena dibayar berdasarkan kontrak kerja sama.
* Kelemahan: Bukan passive income.

Read More.. “9 Strategi Mendapatkan uang Dari Blog”  »»

March 13, 2010

Cara Memposting Code Html/Javascript

untuk share tips tentang tampilan/animasi/gadget pada blogger, kalian harus turut serta memposting code html dan javascript.?
contohnya seperti ini;
<!-- start belajar bahasa pemrograman <html>

<head>
<style tipe="text/css"> #percobaanindam { background-color:#00ff00;
text-decoration: blink;

font-variant: small-caps;
border: 2px; } <script tipe="text/javascript"></script>
</head>
<body>
<span id="percobaanindam"> Oktober 2009, belajar CSS </span>
</body>
</html> and bahasa pemrograman -->
nah, mungkin diantara kalian ada yang belum tahu cara memposting/parse script html.
lalu bagaimana cara memposting html/javascript ke dalam postingan kita?



gampang dan mudah, ada beberapa site yang menyediakan layanyan memparse html secara gratis.coba search di google dengan kata kunci PARSE HTML, pasti banyak banget.
mmm. . . kalau saya pribadi, mempercayakan pada site ini:http://blogcrowds.com
berikut adalah cara yang saya lakukan jika ingin memposting html.!(pakai handphone bisa, pakai compi lebih enak

* copy script/HTML yang ingin di posting
* kunjungi/klik site ini http://www.blogcrowds.com/
* nah, entar ada form/kotak, setelah itu paste script/HTML yang telah kalian copy tadi
* kemudian klik, parse yang terletak di bawahnya.
* berikutnya, kalian akan diberikan code script baru, copy codenya, kemudian
* paste di colom postingan baru kalian


semoga bermanfaat

Read More.. “Cara Memposting Code Html/Javascript”  »»

March 10, 2010

10 Cara Paling Mudah Untuk Membuat Blog Anda Kebanjiran Pengunjung Dengan Cepat

Jika anda seorang blogger atau pemilik sebuah website, anda pasti menginginkan traffic pengunjung yang banyak untuk blog atau website anda tersebut. Anda mungkin sering mencari-cari cara yang terbaik di internet untuk meningkatkan traffic ke blog/website anda. Pada tulisan ini saya akan menjabarkan 10 cara untuk meningkatkan traffic ke site anda. Cara ini berbeda dengan yang lain karena simple, ide asli dan unik. Jika anda ingin mencari banyak pengunjung untuk melihat website blog anda, berarti anda sedang membaca artikel yang tepat.


Semua dari 10 cara ini saya yakin dapat bekerja dengan baik untuk site/blog anda. Berikut adalah 10 cara tersebut:

1. Tulis contain lebih banyak. Jika anda menginginkan traffic, anda harus menulis contain. Orang akan jarang mengunjungi site anda jika anda tidak menulis contain yang baik, menarik dan yya tentunya berkualitas. Karena jika itu dilakukan dengan benar saya yaQin pasti pengunjung baru akan kembali lagi ke blog anda karena ia tahu persis bahwa isi dan contain blog anda itu menarik dan terlihat ngganjel di pikiran mereka jika tidak di buka. Maka teruslah menulis postingan yang menarik dan jangan lupa gunakan tekhnik" SEO yang lainnya.



2. Design dan layout yang baik. Jika design site anda berantakan, navigasinya sulit, warnanya tidak match atau mengganggu penglihatan (silau), atao juga full error, pengunjung pasti tidak akan betah untuk berlama-lama diblog anda karena dilihat dari home pagenya saja sudah hampir merusak mata apalagi jika si pengunjung terus berlama-lama di blog anda pasti akan jadi apa mata mereka nanti. ( Jadi kodok kali yeeee) ha ha ha



3. Gunakan nama domain sendiri. Saya yakin jika anda memiliki nama domain sendiri anda akan dapat traffic yang lebih banyak. Site kamu akan dilink oleh lebih banyak orang & orang akan lebih mudah untuk mengingat URL anda & blog anda akan terkesan lebih profesional. Cobalah untuk mendapatkan nama domain sendiri & “have it from the start”. (Sampai saat tulisan ini dipost saya sendiri belum menggunakan domain sendiri, he he he …)



4. Gunakan StumbleUpon. Saya memiliki pangalaman sukses dengan stumbleUpon. Ketika sebuah artikel yang baik dari blog anda di “StumbleUpon”, diharapkan banyak orang akan menilai baik blog anda dan akan “mengstumbling upon” blog anda.



5. Post di blog orang lain. Tawarkan tulisan kepada orang lain untuk dipost blog miliknya. Lebih baik lagi apabila tulisan tersebut sudah siap dipost. Biarkan blogger tersebut tau bahwa anda mempunyai tulisan yang siap untuk di post di blognya, jika mekera setuju. Ketika anda menulis artikel untuk dipost di blog orang lain, carilah post di blog anda anda yang relefan & buatlan link ke post tersebut. Sebuah link anda dapatkan di blog mereka & dapatkan traffic dari sini.



6. Mulailah “tagging” image diblog anda. Ketika anda menyisipkan image dipostingan anda, anda harus selalu memberi identitas (tagged). Pastikan ukuran lebar dan tinggi gambar anda ketahui. Tetapi yang paling penting adalah tuliskan keywords gambar pada tag “alt” & “title”. Contoh: img src=http://superbloggingtips.com/wp-content/uploads/2007/06/kenya-smokey-me-001.jpg alt=”Tortoise Shell Kitten Mix in Sink” title=”Tortoise Shell Kitten Mix in Sink” height=”300? width=”350?. Untuk keterangan lebih lanjut, klik disini.



7. Respon segera commentar & email. Orang akan menyukai blog yang pemiliknya interaktiv & yang merespon segera commentar dan email yang masuk. Jika anda melakukan ini akan banyak pembaca yang akan setia dan menyukai anda & anda akan mendapatkan traffic dan link lebih banyak.



8. Gunakan MyBlogLog. SignUp ke MyBlogLog & join ke semua MyBlogLog communities (max. 15 communities per hari), dan anda akan melihat visitor akan berdatangan ke blog anda dari MyBlogLog.



9. Jangan buang waktu anda. Jangan buang waktu anda dengan program2 penghasil uang seperti PTC, PTR, Pay to surf , pay to search atau yang sejenisnya. Program seperti itu tidak akan menghasilkan apa2 melainkan hanya akan membuang-buang waktu anda. Tulislah contain yang berkualitas & traffic akan datang dengan sendirinya.



10. Perhatikan dan pelajari statistik anda. Pelajari statistic dan google Analitic anda. Lihat keyword apa yang digunakan pengunjung untuk mencari blog anda & artikel apa yang disukai atau yang tidak disukai pembaca blog anda. Ini akan membantu anda untuk menentukan tulisan anda selanjutnya yang bisa popular & disisipi dengan keyword yang efektif.

Read More.. “10 Cara Paling Mudah Untuk Membuat Blog Anda Kebanjiran Pengunjung Dengan Cepat”  »»

February 27, 2010

Tips Jitu Menaikan Page Rank

Menaikkan page rank atau yang biasa kita sebut meningkatkan page rank merupakan hal yang sangat berguna sekali bagi para blogger. Apalagi yang bermain dalam bisnis online review. Karena page rank merupakan syarat utama bermain review. Mungkin sebagian besar blogger sudah tahu cara menaikkan page rank atau bagaimana cara meningkatkan PR. Seperti yang sudah banyak beredar jika teman-teman membaca tips adalah dengan mencari backlink sebanyak-banyaknya.

Kali ini saya akan mencoba berbagi cara mencari backlink berkualitas sehingga bisa menaikkan page rank blog kalian. Saya juga melakukan cara-cara ini sehingga sebagian besar blog saya juga naik PR nya minimal PR2.


* Tukar link, Cara ini sangat ampuh untuk menaikkan page rank.Semakin tinggi PR blog yang kita ajak tukar link, maka semakin mempercepat naikknya PR blog kita.
* Submit directory, langkah kedua yang saya gunakan adalah dengan memasukkan URL blog saya ke blog directory. Sebenarnya dengan hanya submit blog directory ini blog saya dalam 2 bulan naik minimal PR2.
* Tukar link, Cara ini sangat ampuh untuk menaikkan page rank.Semakin tinggi PR blog yang kita ajak tukar link, maka semakin mempercepat naikknya PR blog kita.
* Submit directory, langkah kedua yang saya gunakan adalah dengan memasukkan URL blog saya ke blog directory. Sebenarnya dengan hanya submit blog directory ini blog saya dalam 2 bulan naik minimal PR2.
* Blog dofollow, Dengan berkomentar di blog dofollow, kita akan mendapat backlink gratis satu arah. Artinya kita tidak perlu ada link yang keluar. Tapi cara ini mungkin mengandung banyak resiko, salah satunya adalah jika blog dofollow yang kita komentari PR nya turun, maka kemungkinan PR blog kita juga turun.
* Blog dummy, selain membuat posisi SERP bagus, blog dummy juga bisa menaikkan page rank. Dan juga merupakan link satu arah karena kita tidak perlu memasang link blog dumy tersebut kedalam blog utama kita.

Yang saya lakukan hanya beberapa hal ditas untuk tips menaikkan page rank. Mungkin ada cara lain dari blogger silahkan kita berbagi.

Read More.. “Tips Jitu Menaikan Page Rank”  »»

February 25, 2010

Menambahkan Widget Traffic Feed Pada Blog

Live Traffic Feed dari situs life.feedjit.com diperlukan bagi sebuah blog yang berguna untuk mengetahui dari mana datangnya pengunjung ke blog yang kita kelola juga dapat mempercantik penampilan blog. Terdapat 2 widget utama yang dapat kita tambahkan pada blog, yang pertama berupa keterangan asal pengunjung dan apa yang dikunjunginya yang disertai dengan gambar bendera negara pengunjung. Yang kedua berupa tampilan peta dengan noktah berwarna merah berupa lokasi asal pengunjung. Jika pointer diarahkan kenoktah merah, akan mucul tulisan lokasi asal pengunjung blog.
Untuk anda yang ingin menambahkan kedua widget diatas, ikuti langkah-langkah berikut ini:
1. Kunjungi link : http://feedjit.com
2. Klik get feedjit setelah anda berada di situs tersebut
3. Klik salah satu pilihan Javascrift widget atau Image Widget.
Agar tidak terlalu berbelit-belit, kami memilihkan untuk anda yaitu klik Javasript widget yang letaknya bagian bawah.

4. Pada halaman berikutnya anda akan melihat 4 tampilan widget. pilih salah satunya sesuai dengan keinginan anda.Tampilan warna dapat kita ubah dengan mengklik First Costumize it. setelah muncul kotak dialognya, silahkan anda pilih penampilan warna yang sesuai.
5. Selesai mengotak-atik warna, klik Add to your Blogger blog atau Typepad blog.
Blogger:Menambah Elemen Halaman akan muncul, silahkan anda masukan nama blog seta judul dari widget dan menambahkan kode lainnya, misal : pada edit konten tambahkan <> pada awal kode HTML dan < /center> pada akhir kode HTML agar widget berada ditengah-tengah sidebar.
6. Klik menambah widget.
Silahkan anda lihat blog anda sekarang
7. Untuk widget lainnya lakukan langkah-langkah seperti diatas.
Selamat mencoba...!!

Read More.. “Menambahkan Widget Traffic Feed Pada Blog”  »»

Cara Mendaftarkan Blog Ke Search Engine

Agar website bisa terindex di mesin pencarian,kita harus mendaftarkan website/blog ke search engine atau mesin pencari.
Ada tiga cara mendaftarkan website ke search engine atau mesin pencari:
1.mendaftarkan website secara otomatis di banyak search engine melalui submitter gratis.
situs penyedia layanan free submitter cukup banyak dan kita gunakan salah satunya.
Cukup dengan memasukkan alamat url dan email,submitter gratis ini akan mengirimkan dan mendaftarkan website kita ke berbagai mesin pencari termasuk google.contoh submitter gratis:
-http://www.submitexpress.com
-http://www.freewebsubmission.com
-http://www.url-submitter.com

2.mendaftarkan website/blog langsung ke situs penyedia search engine.seperti:
-GOOGLE
google memiliki banyak fasilitas untuk mendaftarkan website dan memasukkan ke dalam index pencariannya.untuk mendaftarkan suatu website di google dapat memilih salah satu cara yang terdapat di halaman:
http://www.google.com/int/en/submit_content.html
biasanya untuk website baru,kita disarankan untuk mendaftarkan melalui:
www.google.com/addurl/?continue=/addurl
-YAHOO
untuk mendaftarkan situs anda di yahoo,dapat dilakukan melalui:
http://search.yahoo.com/info/submit.html
3.Tukeran link dengan blog yang sudah terindex di mesin pencari.
disarankan dengan blog/website yang mempunyai page rank tinggi.karena blog yang mempunyai page rank tinggi bearti blog tersebut sering di update.

Read More.. “Cara Mendaftarkan Blog Ke Search Engine”  »»

February 24, 2010

Cara Menigkatkan Alexa Rank


Alexa rank bisa memberi gambaran informasi trafik suatu website atau blog.informasi rank perlu bagi website atau blog yang ingin bergabung dengan website layanan iklan komersil yang memberikan syarat ranking alexa dalam batasan tertentu.
Ranking trafik alexa dihitung berdasarkan perhitungan tri wulan sejarah data trafik yang dikumpulkan Toolbar alexa pengguna.Data juga didapat dari sumber lain dan di kombinasi dengan pageview dan reach/kunjungan web asli pengunjung.banyak cara yang dilakukan pemilik website atau blog untuk meningkatkan alexa rank.dan di bawah ini sebagian dari cara-cara yang dijalankan oleh mereka.

cara-cara meningkatkan alexa rank:
kode alexa dapat di download disini pemasangan kode pada sidbar website/blog sama seperti pemasangan kode HTML pada umumnya

1. Memasang plugin Alexa
menginstal Alexa Toolbar bisa di downloaddisini
setting alamat website kita sebagai hompage utama dari browser yang kita gunakan.
2. Memasang Artikel mengenai alexa
posting artikel bisa dalam bentuk materi tentang alexa,tip-tips ataupun hal lain mengenai alexa rank.
3. Tingkatkan trafik kunjungan
posting artikel yang berbobot dan sering memberi komentar di website atau blog lain.
4. Bergabung dengan forum atau mailing list yang sesuai dengan materi website.
cara paling mudah untuk menarik minat seseorang untuk berkunjung ke website/blog adalah meningkatkan link website pada bagian signature,disertai keterangan tentang isi website yang menarik.

Selamat mencoba dan berusaha ....

Read More.. “Cara Menigkatkan Alexa Rank”  »»

January 27, 2010

Tips Menambah Widget Translator Di blog



tips memasang translator diblogspot berfungsi untuk mentraslate atau menerjemahkan isi dari blog kita, jadi kita ngk perlu repot - repot untuk menerjemahkan atau mentranslate translate isi dari postingan kita, karena saya lebih suka yang simple dan enggak ribet maka saya pilih translitor ini. kelebihannya tidak banyak memakan space diblog kita. oke langsung aja ya. mari kita belajar bersama membuat widget translator diblogspot..

1. Buka blogspot anda

2. click tata letak/ layout

3. Lalu click tab elemen halaman/page element

4. Click tambah gadget/add gadget

5.Browser anda akan secara otomatis membuka tab baru seperti dbawah ini:

6. Masukan keyword dikolom search "translate"

7. Disana akan terdapat 238 temuan untuk keyword translate pilih/click "we speak your language translator"

8. Maka akan muncul formulir translator anda, anda boleh mengganti judul dengan judul yang anda sukai

9. Lalu clik save lihat perubahan diblog anda

Bila kurang jelas atau masih belum mengerti coba ulangi tips tersebut mulai dari atas ok. selamat mencoba semoga bermanfaat ^^v

Read More.. “Tips Menambah Widget Translator Di blog”  »»

Subscribe Via E-mail

Enter your email address: