Cara Membuat Blog Di Blogger

Sebelumnya apa itu blog?
Ya benar blog adalah situs pribadi kita sendiri. Beda dengan website, blog adalah salah satu website tetapi tidak berbayar, jika kita ingin membuat website, kita harus membeli domain kita sendiri.

Maka dari itu orang-orang yang sering ngenet pasti orang itu mempunyai keinginan untuk mempunyai blog. Alamat yang menyediakan jasa pembuatan blog ada banyak diantaranya blogger, wordpress, multyply, dll.

Sebelumnya saya telah memposting beberapa tutorial tentang mempercantik blog tapi saya malah belum memposting, Bagaimana cara membuat blog di blogger.

langkah-langkah dalam pembuatan blog di blogger sangatlah mudah, karena menurut saya blogger merupakan layanan yang paling populer di masa kini dan yang paling cepat pembuatannya dan aman. Sekarang ini saya akan menjelaskan step by step langkah-langkah pembuatan blog di blogger.

Berikut ini adalah langkah-langkah dalam pembuatan blog di blogger.

1. Buka alamat penyedia layanan blog yaitu blogger www.blogger.com

2. Setelah itu pilih memulai jika anda bingung bisa dilihat pada gambar di bawah ini

3. Jika sudah maka akan ada formulir pendaftaran. Formulir tersebut harus dilengkapi
seperti inilah tampilan formulirnya.
Jangan lupa mencentang saya menerima persyaratan.
Jika anda sudah mengisi semua data yang diminta google, pilih lanjutkan seperti gambar di bawah.

4. Langkah selanjutnya adalah google akan meminta kode verifikasi kepada anda, google akan meminta nomer handphone anda untuk dikirimi kode verifikasi. jika sudah dikirimi kode verifikasi tersebut, silahkan cepat-cepat masukkan kode tersebut ke kolom tempat pengisian.

5. Nah inilah saatnya yang ditunggu-tunggu!!!!!!!!!!!
Membuat blog
-Isi kolom nama judul blog anda yang ingin anda tampilkan

-Isi alamat url blog anda. contohnya "ahmadyusuf" jangan langsung "ahmadyusuf.blogspot.com" itu tidak diperbolehkan oleh google. jika kurang jelas, bisa dilihat gambar dibawah ini.

6. Saatnya anda memilih template yang sesuai keinginan anda jangan lupa beri tanda untuk memilih template.

7. Blog anda sudah jadi tinggal posting-posting aja deh

Semoga bermanfaat. oke.

Read more »

Cara Membuat Daftar Isi Tab view

Dulu saya sudah pernah memposting tentang cara membuat daftar isi, Nah sekarang ini saya mau posting itu lagi tapi daftar isinya bertab lho jadi tidak banyak tempat untuk meletakkan sesuatu.
Sebelum saya menjelaskan cara pembuatannya, saya akan bertanya kepada anda. Apa itu daftar isi?
ya benar sekali daftar isi merupakan kumpulan dari berbagai isi yang kita buat dan daftar isi sangat penting dalam proses dimana anda ingin menjadi blogger sejati.
Apa itu tab?
Salah! tab adalah... saya juga begitu kurang paham sih, tetapi saya akan menjelaskan apa yang ada dalam pikiran saya. Tab adalah suatu sket dimana satu ruangan dapat diisi oleh beberapa kategori.

jika kurang paham apa itu daftar isi bertab lihatlah gambar dibawah ini.

langsung saja kita kelangkah-langkahnya saja ya!

1. Pastinya masuk ke blogger dot com dulu dengan id anda

2. pilih rancangan dan kemudian pilih edit html

3. Cari kode </head> jika susah klik CTRL+F

4. masukkan kode berikut diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);

// ----- Tabs -----

var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;
var i = 0;

do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;

var Page = Pages.firstChild;
var i = 0;

do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>

5. Letakkan kode dibawah ini sebelum kode ]]></b:skin>

div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 85px; /*Lebar Menu Utama Atas*/
text-align: center;
height: 30px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 5px ridge #000000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight: bold;
color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #3A37D6; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 2px solid #000000; /* Warna border Kotak Utama */
hight:170px;
overflow: hidden;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
padding:8px;
text-align: left;
background-color: #3A37D6; /* Warna 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;
}/*ahmadyusuf138.blogspot.com*/

jika sudah klik simpan

6. pilih rancangan kembali dan kemudian pilih tambah gadget

7. Masukkan script berikut ini

<center><form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 380px;">
<a>Trik Blog</a>
<a>Komputer</a>
<a>Rubik</a>
<a>Kisah Nabi</a>
</div>
<div class="Pages" style="width: 380px; height: 300px;">
<div class="Page">
<div class="Pad">
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/cara-memasukkan-video-youtube-ke.html">Cara memasukkan video ke posting</a><br />
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/cara-mengatur-judul-posting-dan-judul.html">Cara Mengatur Judul Sidebar Atau Posting</a>
<br />
</div>
</div>
<div class="Page">
<div class="Pad">
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/mempercepat-koneksi-internet-yang-lelet.html">Cara Mempercepat Koneksi Internet</a><br />
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/aplikasi-pembobol-password-wifi.html">Membobol Password Wifi</a>
<br />
</div>
</div>
<div class="Page">
<div class="Pad">
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/trik-bermain-rubik-pemula.html">Trik Bermain Rubik 3x3</a><br />
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/video-bermain-rubik.html">video Bermain Rubik 3x3</a>
<br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script></center>

Keterangan:
Tulisan yang berwarna merah adalah alamat yang akan dituju
tulisan yang berwarna hijau adalah judul yang akan keluar di daftar isi anda

8. Selesai. daftar isi anda sudah jadi.

jika mempunyai kendala dalam pembuatan ini silahkan bertanya di kotak komentar.

Read more »

Cara Membuat Daftar Isi Di Blog

Daftar isi merupakan hal yang tidak mau ketinggalan untuk dipasang di blog kita. Karena dengan daftar isi, kita dapat memastikan bahwa pengunjung dapat melihat apa saja yang ada di blog kita. Oleh karena itu maka kita juga jangan sampai ketinggalan untuk memasangkan daftar isi ke dalam blog kita.

Mungkin di blog lain cara pembuatannya masuk ke tempalate, tetapi cara yang ini tidak masuk ke template. Karena Cara pembuatannya manual. Maksudnya disini adalah kita tidak perlu memasuki html segala, Ribet!!!!!!!!. Kita cuma memasukkan data-data anda di sidebar.

Jika anda berminat untuk memasangdaftar isi kedalam blog anda, silahkan ikuti langkah-langkah berikut ini:

1. Masuk ke blog anda dengan id anda

2. Pilih pengaturan saat anda masuk di blog

3. Pilih Tambah gadget lalu pilih html/java script

4. Masukkan kode berikut

<center><div style="border: 10px ridge;
overflow: auto;
width: 390px;
padding: 9px;
height: 160px;
background: #091393;
text-align: left; ">



<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/trik-bermain-rubik-pemula.html">Trik Bermain Rubik 3x3</a>
<br />
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/video-bermain-rubik.html">video Bermain Rubik 3x3</a>
<br />
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/cara-menyelesaikan-rubik-2x2.html">Trik Bermain Rubik 2x2</a>
<br />
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/menyelesaikan-rubik-4x4-bahasa.html">Menuntaskan Rubik 4x4</a>
<br />
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif" /><a href="http://ahmadyusuf138.blogspot.com/2010/12/rubik-pyramid.html">Rubik Pyramid</a>
<br /></div></center>

Keterangan:
Tulisan yang berwarna kuning ganti dengan warna yang anda suka
Tulisan yang berwarna biru adalah tempat anda menyimpan gambar yang akan di muat
Tulisan yang berwarna hijau adalah alamt postingan anda
Tulisan yang berwarna merah adalah judul yang anda buat untuk ditampilkan ke dalam daftar isi anda

5. Simpan gadget anda dan buuuu! Daftar isi anda sudah jadi gitu!!!.

Read more »

Cara Membuat Judul Blog Bergerak dari kanan Ke Kiri

Judul bergerak di blog sangat penting untuk mempercantik blog anda. sesuai judulnya saja "cara membuat judul blog bergerak" kita dapat mengetahui bahwa yang akan saya posting disini adalah langkah-langkah membuat judul blog bergerak.

Di postingan ini, yang dimaksudkan judul blog berjalan adalah itu lho seperti poenya saya yang diatas sendiri di dekat icon addres. Nah manfaat dari judul blog berjalan adalah untuk lebih mempercantik blog anda jika di kunjungi oleh berbagai kalangan pengunjung.

Gimana sih caranya? kok malah tanya sih.

Ya udah gini lho cara pembuatan judul blog berjalan

1. Login ke akun blogger anda
2. pilih rancangan di halaman awal (dasbor)
3. Edit html--> cari kode <title><data:blog.pageTitle/></title> biasanya sih di awal-awal sendiri

Jika anda kesusahan mencarinya, saya sarankan tekan F3 atau ctrl+F

4. Jika sudah ketemu, ganti script diatas dengan script berikut ini.

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Keterangan:
angka 300 adalah angka yang menunjukkan kecepatan judul blog yang bergerak. Angak tersebut bisa anda ganti sesua dengan yang anda selera. Semakin sedikit angkanya, maka semakin cepat gerakannya dan semakin besar angkanya, maka gerakannya semakin pelan.
Misal, 100,200 maka semakin cepat 400 maka semakin lambat.

Read more »

Cara Memberi Ucapan Selamat Datang Yang Keren

Memberikan salam pembuka kepada pengunjng merupakan hal yang paling penting bagi para blogger. Karena jika terdapat salam pembuka di blog kita maka pengunjung akan senang berkunjung ke blog kita.
Saya postingan ini, karena saya juga memasang gadget tersebut. Coba anda perhatikan yang paling atas ada ucapan Selamat datang di blog ahmad yusuf ini kunjungan pertama anda.
Dan jika sudah berkunjung yang ke dua kalinya maka akan tampil Terima Kasih Anda Datang Lagi sobat ! Terakhir Anda mengunjungi blog ini Hari...... . Ucapan tersebut oke kan. Maka dari itu anda juga harus memasang gadget ini. Sebeum saya menerangkan trik cara memberi salam ke pengunjung, saya berterima kasih terhadap Makhasin's blog yang telah memberikan trik ini, yang sebenarnya blognya ayah sendiri.

Langsung saja kita ke langkah-langkah cara pembuatannya

1. login ke akun blogger anda
2. Pilih rancangan

3. klik tambah gadget-> Pilih html/java script
4. masukkan kode berikut ini

<script type = "text/javascript">
var days = 730;
var lastvisit=new Object();
var firstvisitmsg="Selamat datang di blog ahmad yusuf ! Ini Kunjungan Pertama Anda";
lastvisit.subsequentvisitmsg="<b>Terima Kasih Anda Datang Lagi sobat ! Terakhir Anda mengunjungi blog ini Hari [displaydate]</b>";
lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return''; // edit by http://ahmadyusuf138.blogspot.com
}
lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}
lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}
else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jum'at", "Sabtu");
var month = new Array ("Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + " Tanggal " + dd+ " " + mn + " " + yy + " Jam " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}
lastvisit.setCookie("visitc", wh, days);
}
lastvisit.showmessage();
</script>

Tulisan yang berwarna hijau dapat anda ganti dengan kalimat anda sendiri.

5. Simpan gadget dan lihatlah blog anda
blog anda sudah menjadi lebih menarik.

Read more »

Cara Membuat Artikel Terbaru Di Blog Dengan Gambar

Memasang artikel terbaru merupakan cara yang paling tepat untuk mempermudahkan pembaca agar dapat mellihat postingan terbaru kita. Untuk itu kita harus memasang gadget artikel terbaru di blog kita.

Karena saya adalah blogger pemula juga, saya akan membagi-bagi Trik blog ini kepada anda yang tertarik terhadap Bagaimana cara memasang gadget artikel terbaru di blog. Tetapi kali ini Artikel terbarunya memakai gambar. Gambarnya bisa anda llihat di bawah ini.

Jika anda berminat untuk memasang gadget ini, silahkan ikuti langkah-langkah berikut ini

1. langkah yang harus dilakukan pertamakali yaitu login ke blog anda
2. Pilih rancangan

3. Pilih tambah gadget-> html/java script
4. Masukkan kode berikut ini

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 260;
cellspacing = 8;
borderColor = "#3C0CAA";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://ahmad138.blogspot.com/";
</script>
<script src="http://wittoblog.googlecode.com/files/thumnil.js" type="text/javascript"></script></div>

Tulisan yang berwarna merah ganti dengan url blog anda.
Tulisan yang berwarna hijau ganti dengan warna yang anda suka, karena itu merupakan background artikel terbaru tersebut.

boxwidth=260 adalah ukuran dari gadget tersebut
numposts=5 adalah jumlah artikel yang akan muncul

Setelah selesai pilih simpan.
Lihat blog anda, pasti sudah ada artikel terbarunya atau apalah namanya pastinya artikel terbaru, karena yang menamainya adalah anda sendiri.

tulis komentar anda jika ada pertanyaan.

Read more »

Cara Memasang Artikel Terkait Dengan Scroll

Halo anda pecinta blog, kali ini saya akan postingan tentang Cara memberi artikel terkait dibawah postingan ynag saya dapatkan dari sini. Fungsi dari artikel terkait adalah untuk mempermudah pembaca agar membaca artikel yang serupa. Biasanya artikel terkait ini diambil dari label artikel tersebut.
Langsung aja kita ke langkah pembuatan artikel terkait dibawah postingan dengan scroll.

1. masuk ke blogger
2. Pilih rancangan
3. Klik edit html
4. Jangan lupa centang Expand Template Widget
5. Cari kode <data:post.body/>
6. Letakkan kode berikut ini dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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;albri&#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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

7. Cari kode ]]></b:skin> kemudian letakkan kode berikut diatasnya

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #1823B6;-moz-border-radius:5px; margin:5px;}

8. Simpan html yang telah anda buat tadi

Selesai. Lihat blog anda, pasti sudah ada artikel terkaitnya.

Read more »

Cara Memberi Emotion Dalam Kotak Komentar

Bagi anda yang kepengen blognya lebih menarik dengan berbagai emotion yang lucu di kotak komentarnya, mari kita perbincangkan Cara membuat emotion di kotak komentar.

Jika anda di blog anda ada emotionnya pasti bisa membuat pengunjung tertarik untuk berkomentar, karena pengunjung bisa mengapresiasikan emotionnya saat melihat blog kita. Kali ini saya akan memposting tentang cara membuat emotion di kotak komentar yang beda dari yang lain, karena keluaran baru 2009.


Seperti berikut emotionnya.




Jika anda merasas tertarik untuk memasang emotion yang lucu ini ikutilah langkah-langkah berikut ini.

1. Seperti biasanya, anda login dulu ke blogger
2. Pilih rancangan - Edit html
3. Beri tanda centang pada "expand widget template"
4. Masukkan script berikut sebelum kode </body>

//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


a.item(i).innerHTML = _str;
}
}

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

5. Cari kode berikut

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

6. Letakkan Script berikut ini

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' width='30'/> :a:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif' width='30'/> :b:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' width='30'/> :c:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' width='30'/> :d:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' width='30'/> :e:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' width='30'/> :f:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' width='30'/> :g:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' width='30'/> :h:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' width='30'/> :i:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' width='30'/> :j:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' width='30'/> :k:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' width='30'/> :l:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' width='30'/> :m:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' width='30'/> :n:
</b>
</div>

7. Simpan template anda. jika berhasil maka diatas kotak komentar anda sudah ada emotionnya.

Silahkan bertanya dikotak komentar jika ada yang ditanyakan.
Sekian dari saya Trims.

Read more »

Cara Menaikkan Pagerank Google Agar Terindeks Google

Bagi anda yang mempunya blog dan ingin cepat mendapatkan pagerank berikut tips Cara cepat update PageRank google yaitu dengan cara penyebaran link menggunakan sistem Multi Level Marketing?


Untuk tips kali ini saya mau mencoba mengajak anda semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.


Caranya gampang kok, Yang perlu kamu lakukan adalah meletakkan link-link berikut ini di blog atau artikel kamu





1. Blognya Yusuf
2. Artikel Komputer
3. Traffic Search Engine
4. Uang Tabungan
5. wordpress
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
10. download pc media terbaru



Cara Kerja, sebelum kamu meletakkan link kamu diatas,

* Kamu harus menghapus peserta nomor 10 dari daftar.
* Sehingga semua peserta naik 1 level.
* Yang tadi nomor 1 jadi nomor 2, nomor 2 jadi 3, dst.
* Kemudian masukkan link kamu sendiri di bagian paling atas (nomor 1).


Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah


Ketika posisi kamu 1, jumlah backlink = 1
Posisi 2, jml backlink = 5
Posisi 3, jml backlink = 25
Posisi 4, jml backlink = 125
Posisi 5, jml backlink = 625
Posisi 6, jml backlink = 3,125
Posisi 7, jml backlink = 15,625
Posisi 8, jml backlink = 78,125
Posisi 9, jml backlink = 390,625
Posisi 10, jml backlink = 1,953,125

Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 10 lalu tambahkan link blog/website kamu di posisi 1. Ingat, kamu harus mulai dari posisi 1 agar hasilnya maksimal. Karena jika kamu tiba2 di posisi 2, maka link kamu akan hilang begitu ada yang masuk ke posisi 10.

Selamat mencoba :

dan Lihat sekarang Pagarenk google saya sudah naik Jadi 3,

Lumayan ampuuuuh juga nieh.......

 

Mudah kan

Read more »

Cara Mengganti Icon Addres bar

Disini saya akan menjelaskan sedikit tentang cara mengganti icon addres bar di blog. Jika anda meembuka suatu situs, maka di samping addres bar terdapat icon kecil yang bernama icon addres bar. tetapi jika anda membuka blog terutama blogspot maka icon yang akan tampil secara default adalah seperti berikut.

Jika anda tidak merasa puas untuk icon tersebut, anda bisa menggantinya dengan yang lain. karena blogger menyediakan itu. tetapi anda harus mempunya alamat tempat anda menyimpan gambar tersebut

Langsung saja kita kelangkah-langkahnya

1. Siapkan foto 3x4 3 lembar, eh bercanda
siapkan foto yang akan anda jadikan sebagai icon, saya sarankan ukurannya yang kecil-kecil aja supaya tidak berat.
2. upload foto yang telah anda siapkan di website tertentu, contohnya imageshack

3. Masuk ke blogger anda Jangan lupa user name dan password nya
4. Pilih rancangan
5. Klik edit html karena untuk mengganti icon addres bar anda harus mengutak-atik html anda
6. cari kode </head> jika sulit menemukannya saya sarankan tekan ctrl+f atau tekan F3
7. letakkan kode dibawah ini tepat sebelum kode </head>
     <link href='http://img337.imageshack.us/img337/5434/sarengan.gif' rel='SHORTCUT ICON'/>

tulisan yang berwarna kuning dapat anda ganti sesuai dengan alamat gambar yang anda upload tadi.

8. Simpan jika sudah selesai

Selesai, icon addres bar anda sudah berganti menjadi yang anda pikirkan.

Read more »

IDM 6.0.3 Full Version

Sekedar info.IDM (Internet Download Manager) adalah fasilitas yang disediakan untuk mendownload berbagai file. Idm dapat mendownload file yang disitus tersebut tidak ada fasilitas untuk mendownloadnya, contohnya saja video di youtube.com, website ini tidak difasilitasi downloadnya kecuali memakai Youtube downoader. Akan tetapi jika sudah menggunakan idm semua akan menjadi mudah, karena fasilitas downloadnya ada di pojok kanan atas video. Download video ini bukan hanya di youtube saja, tetapi di seluruh video yang ada di dunia bisa didownload. Nah kali ini saya memposting tentang Mendownload IDM Yang Full Version  bukan yang trial.



 Langkah yang harus dilakukan yaitu:
1. download IDM+crack yang ada di file rar disini

2. Setelah selesai mendownload filenya ekstrak file tersebut

3. Instal IDM tersebut. saya yakin anda semua bisa menginstal software bukan
     apakah sudah selesai menginstalnya? jika sudah kita lanjutkan ke langkah berikutnya.

4. Buka IDM yang telah diinstal tadi
    IDM yang baru anda instal tadi masih trial untuk membuat menjadi full version lihat di langkah selanjutnya.


5. setelah dibuka, klik menu Registration yang ada di pojok kanan atas

6. Setelah itu akan muncul gambar seperti berikut.

7. masukkan data-data berikut.

First Name           : Nama anda
Last name             :nama anda
Email                    :Email anda
Serial number        : LX2HH-76JYH-BWU14-V9AEG

Boleh dikopi paste kode tersebut, tapi Ingat ! saat memasukkan kode-kode tersebut, anda harus mematikan jaringan internet anda, karena jika koneksi internet anda aktif maka serial numbernya akan di blokir oleh IDM.

8. Pilih ok jika sudah benar

Selamat IDM anda sudah menjadi full version, tidak trial lagi oke.

Read more »

Cara Menulis Kode Html Ke Dalam Postingan

Mungkin anda pernah mengalami kejadian tidak bisa mempastekan kode html ke dalam blog. Karena Blogger tidak bisa menyediakan fasilitas ini. Saya memposting postingan ini karena saya pernah mengalaminya, gitu lhoo, makannya saya memposting trik cara menulis kode html ke dalam postingan agar anda tidak tersesat seperti saya.

Pernah saya mengalami kejadian seperti ini, saya ingin posting tentang cara memasang transale di blog kita disitu kan terdapat kode htmlny, eh malah postingnya berubah jadi translatenya jadi saya gak jadi posting lah
seperti ini lho.Seharusnya begini

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

Malahan jadinya seperti ini


Makannya jika anda ingin menulis kode html ke dalam posting lakukan langkah berikut ini

1. Login ke blogger
2. entri baru
3. kopi html yang akan anda letakkan di posting
4. Buka alamat http://centricle.com/tools/html-entities/ atau klik disini

5. Hapus kalimat yang ada disitu
6. pastekan html yang anda kopi tadi ke dalam kotak di centricle
7. Klik encode
8. Kopi hasil yang sudah di encode tadi ke dalam postingan anda
9. selesai

Sekarang anda dapat menulis postingan tentang kode html.

Read more »

Membuat Menu Yang Lebih Menarik

Nah, dalam kesempatan kali ini saya akan mempostingkan tentang Cara membuat Menu lagi, tetapi menu yang ini berbeda dari menu yang ada di postingan yang sebelumnya, karena menu yang akan saya postingkan kali ini yaitu menu yang berada diatas. Seperti di blog ini itu lho yang diatas.

Banyak orang yang ingin sekali memasang menu tetapi ada kode htmlnya yang tidak ada, tetapi di postingan kali ini cara membuat menu di blog sangat mudah dan pasti akan dijumpai kode htmlnya.


Jika anda berminat untuk memasang menu ini lakukan sesuai perintah saya hahahahahaha, bercanda.

Langsung saja kita ke langkah-langkah menjadi milyader.
bercanda lagi kok.

1. Login Ke blog anda
2. Klik rancangan
3. Sesuaikan dulu tempat yang akan dikuasai menu tersebut
4. Klik tambah gadget jika sudah menemukan tempatnya
5. pilih html/java script
6. Masukkan kode berikut ini

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://nama.blogspot.com/Home.html">Home</a></li>
<li><a href="http://nama.blogspot.com/Tips ngeblog.html">Tips ngeblog</a></li>
<li><a href="http://nama.blogspot.com/portofolio.html">Berbisnis</a></li>
</ul>
</div>

Tulisan yang berwarna biru bisa diganti sesuai dengan alamat yang akan dituju, sedangkan yang berwarna kuning nama yang akan tampil di menu.
7. Simpan terlebih dahulu setelah selesai mengutak-atiknya
8. kemudian edit html yang terletak di samping Elemen Laman
9. cari kode ]]></b:skin>. untuk memudahkan mencarinya ctrl+F masukkan kata yang akan di cari
10. Letakkan kode dibawah ini sebelum kode ]]></b:skin>

#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

11. Simpan htmlnya kemudian buka blog anda jreeeeeeng..... jadilah menu anda

Jika anda berminat untuk mempostingnya, sertakan sumbernya yaitu ahmad138.blogspot.com

Read more »

Cara Membuat Menu Sederhana Di Blog

Menu diblog kita sangatlah penting. Sekarang saya akan memposting tentang Bagaimana cara membuat menu diblog, Anda pasti bertanya, ini menu yang mana???. nah di postingan saya kali ini saya memposting tentang membuat menu seperti di blog ini.
Jika anda berminat lakukan langkah-langkah berikut ini:
1. Pastinya login dulu ke blog anda
2. Klik rancangan
3. klik tambah gadget
4. Pilih html/java script
5. masukkan script di bawah ini

<script src='http://dhedyfaste.xp3.biz/script/menukeren.js' type='text/javascript'></script>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="red";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#ffffff";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="blue";
linkOverBGColor="#000000 ";
linkTarget="_top";
linkAlign="Left";
barBGColor="red";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="CATEGORIES";


// ----- Mulai Edit Menu
ssmItems[0]=["Daftar Menu"] //Header Menu
ssmItems[1]=["Home", "http://ahmad138.blogspot.com",""]
ssmItems[2]=["About me", "http://www.blogger.com/profile/14449251254374011224",""]
ssmItems[3]=["My Facebook", "http://www.facebook.com/home.php#!/profile.php?id=100000978130647",""]
ssmItems[4]=["Komputer", "http://ahmad138.blogspot.com/search/label/Komputer",""]
ssmItems[5]=["Trik Blog", "http://ahmad138.blogspot.com/search/label/trik%20blog",""]
ssmItems[6]=["Rubik's Cube", "http://ahmad138.blogspot.com/search/label/Rubik%27%20cube",""]


buildMenu();
//----- Selesai Edit Menu
</script>


Tulisan yang berwarna merah dapat ada ganti sesuai dengan selera anda. Jika sudah selesai pilih simpan, kemudian lihat blog anda, taraaaaaaaa!!! blog anda sudah ada menunya.

Hanya sekedar trik ini semoga bermanfaat bagi anda.

Read more »

Cara memasang Geovisite statistik Ke Blog

Hello pecinta blog Kali ini saya akan posting tentang cara memasang widget geovisite ke dalam blog. Geovisite adalah website yang menyediakan statistik pengunjung yang mengunjungi blog kita dan dapat mengetahui yang online maupun yang tidak online. semuanya dapat dilihat dari satu wbsite yaitu Geovisite.
langsung saja kita ke langkah-langkahnya.
1. Login ke blog anda dengan id anda.
2. daftar dulu ke geovisite, Klik Disini

3. Klik Sign Up untuk registrasi seperti digambar diatas

4. Isi sesuai dengan selera anda

• Nama email kamu
• Alamat blog atau website yang ingin kamu pasangi
  
• Isi Login dengan nama kamu
• Isi Pasword
• Tentukan lokasi dimana kamu berada
• Tentukan kategori isi blog kamu
• Tambahkan kategori lagi
• Pilih bahasa dari blog kamu
• Klo mau tambahkan Judul dari blog kamu
• Berikan gambaran tentang blog kamu
• Tekan ikon save

Maka akan tampil seperti gambar dibawah ini

5. Pilih Jenis layanan geovisite yang kamu mau jika kamu ingin memasang statistik maka klik bagian geocounter
6. Kopi kode yang ada, Pilih saja salah satunya.

7. Klik Ikon warna Hijau yang berada dibawah gambar globe


8. Klik Yes
Klik ikon save (yang bergambar disket)

Prosess pendaftaran sudah selesai.
sekarang paste kode yang tadi di kopi ke dalam blog kamu,
atau anda dapat merubah tampilan geovisit sesuai selera
caranya :

masih pada jendela yang sama tampil:

Pilih jenis layanan yang kamu mau

contoh : Geoglobe tapi yang geocounter sama saja dengan yang geoglobe

Kopi kode yang ada sesuai gambar yang kamu mau.
kamu juga dapat mengedit gambar yang ada dengan mengklik Colour Configuration yang ada disebelah gambar
Atur sesuai selera kamu kemudian klik submit
Kopi kode yang ada (pilih salah satunya, tampilan sesuai gambar)
9.buka rancangan dan kemudian tambah gadget
10. paste kode yang tadi anda copy dari geovisite

Read more »

Cara Mengatur Judul Posting Dan Judul Sidebar

Hello sobat pecinta blogger, blogger telah menyediakan fasilitas yang sangat banyak sekali. Contohnya salah satunya yaitu sidebar. Kita ketahui bahwa setiap fasilitas bawaan yang disediakan oleh blogger itu sendira tidak terlalu memuaskan kita, misal anda ingin menengahkan semua judul sidebar menjadi tengah, ataupun judl posting menjadi tengah. Sedangkan bawaan dari blogger, semua judul sidebar ataupun judul posting rata kiri, jadi kita tdak dipuaskan oleh fasilitas dari blogger. Sekarang saya akan mepostingkan tentang bagaimana cara membuat judul sidebar menjadi rata tengah.
Langsung saja kita semua ke langkah-langkahnya.
1. Login ke blogger dengan userneme  anda
2. Klik rancangan
3. Klik Edit html
4. Carilah kode h2 atau sidebar, jika anda kesulitan mencarinya ketik Ctrl+F untuk mencari kata dalam html tersebut. setelah ketemu, tulislah text-align:center. Jika telah tertulis text-align:left, maka anda tinggal mengganti left menjadi center
5. Kemudian carilah h3 atau post, setelah ketemu tulislah text-align:center. Jika telah ada tulisan text-align:left, maka anda tinggal mengganti left menjadi center.

Nah kalau jika sudah selesai menggantinya, klik simpan kemudian lihat blog anda, buuuuuuuuuu!!! judul posting dan judul sidebar anda sudah menjadi ditengah.
semoga artikel ini bermanfaat bagi para blogger mania.

Read more »

Cara Memasukkan Video youtube Ke Postingan

Bagi sobat-sobat yang belum tahu tentang memasukkan video ke postingan semoga trik yang saya berikan berguna bagi yang membacanya.

lakukan langkah-langkah berikut untuk memasukkan video dari youtube kedalam postingan

• Login dulu ke account blogspot anda, kemudian langsung pilih ENTRI BARU.
• Buka youtube.com, lalu pilih video sesuai keinginan anda.
• Pada halaman youtube.com sebelah kanan terdapat keterangan URL dan Embeed.
• Nah, kode yang ada di Embeed itu silahkan anda copy dan paste di postingan anda. Jika sudah merasa puas klik Terbitkan entri.
• Silahkan anda cek hasilnya dengan klik VIEW BLOG dan baaaa, video dari youtube.com tampil di blog anda.

Semoga trik ini bermanfaat bagi semua orang yang membaca trik ini.

Read more »