Apa Yang Kita Ingin?

    Apa yang kita ingin? adalah pertanyaan yang memerlukan berjuta buku, berjuta ilmu, berjuta guru untuk mengetahui jawaban apa yang kita ingin?, mungkin setelah bertahun tahun belajar, bepuluh pulih tahun bersemedi, beratus ratus taun kita mencari mungkin kita belum tau "apa yang kita ingin?".

    Apa yang kita ingin berhubungan apa mimpi kita ?, apakah itu mimpi kita?, bagai mana kita caranya mendapatmimpi itu?, berapa lama kita mendapat mimpi itu?, berapa pengetahun yang kita telaah dan pelajari untuk mendapatkan mimpi itu?, dalam novel 5cm ada sebuah quote tentang mimpi "gantungkan mimpi cita cita mu 5 cm di kepala mu ". apa yang akan kita gantungkan 5 cm di depan kita itu ? apakah selama ini kau belum tau apa yang di gantungkan di depan kepala kalian itu.

    Semua itu sudah ada sejak kau lahir, tantang apa yang kau inginkan dan kelak kau akan jadi apa ketika sekolah dasar dulu guru kita selalu menanyakan cita cita mu akan menjadi apa kalian pasti selau menjawab dengan lantang apa yang kalian inginkan, entah jadi dokter, guru, arsitek desainer, programer, pemuka agama, pilot, atau bahkan ingin jadi pemimpin dunia. semua itu adalah dasar tentang apa yang kita inginkan karna secara tidak langsung apa yang kalian ucapkan telah mensugesti tentang mimpi mimpidan cita cita mu.

    Akan tetapi meraihnya susah susah gampang gampang bila apa yang kita inginkan itu di lakukan tanpa beban tanpa memkirkan rintangan berat apa yang akan dihadapi. tapi itu akan susah jika apa yang kita inginkan itu di lakukan dengan penuh keterpaksaan dan memikirkan halangan yang akan di hadapi.

Intinya sebuah mimpi itu baik asal dilakukan dengan tulus dan dijalankan tanpa beban

Sabar Sama Dengan Kunci SEO

Search engine optimization atau sering disebut SEO adalah cara untuk menempatkan Web/Blog di search engine seperti Google, peringkat di search engine tentu saja sangat berpengaruh terhadap Web/Blog kita, Web/Blog yang berada di peringkat teratas biasanya yang paling sering di klik oleh pengunjung, postingan kali ini saya tidak akan membahas tutorial tentang SEO, kali ini saya hanya erbagi pengalaman saya, kalau misalnya ada yang kurang atau mau memberimasukan silahkan tuis saja di komentar.

Membuat Web/Blog kita berada di peringkat teratas search engine (SEO) tentu membutuhkan perjuangan, selain mengoptimalkan Web/Blog dengan Keyword - keyword, meta - meta, memberi dukungan dari Web/Blog lain, dll, hal yang penting lagi selain itu yaitu Sabar. Search engine biasanya menyukai Web/Blog yang sudah lama dan updatenya teratur, maka dari itu Search engine optimization (SEO) haruslah penuh kesabaran, apabila kalian terlalu terburu - buru dengan mengupdate Web/Blog kalian maka Search engine akan menganggap Web/Blog kalian sebagai Spam. tidak dapat dipungkiri SEO memang sangat dibutuhkan oleh Web/Blog kita, SEO memang perlu waktu bisa berbulan-bulan sampai tahunan agar efektif.

Hal ini yang saya pernah alami di blog percobaan saya , saya terlalu sering membuat postingan dan sering mensubmit jadi mungkin dianggap spam. dan hasilnya kalah.

membuat bot dengan kode html

 

    halo agan" semua , udah lama gak ngepost , sampe traffik jadi turun drastis deh. nah sekarang ane mau ngesgare trik membuat bot visitor dengan kode html , dulukan udah share cara-membuat-bot-visitor-dengan-visual-basic sekarang kita buat dengan kode HTML.

caranya siapkan text editor seperti : notepad,notepad++, dreamweaver, Dll lalu masukan kode berikut :

<iframe src="http://lahzblog.blogspot.com"></iframe><meta http-equiv="refresh" content="5;url=http://lahzblog.blogspot.com/">

text yang diberi warna bisa di ganti, yang angka 5 itu waktunya gan. skrip ini masih simple silahkan di tambah" lagi biar lebih mantap :D , selamat mencoba :)

Memper Cepat Loading Blog Blogspot

The page lahzz blog | Blogging | Download | SEO got an overall PageSpeed Score of 97 (out of 100). Learn more

   Halo sobat udah lama gak ngepost ni sekarang saya mau ngeshare cara mempercepat loading blog, quote yang di atas tadi adalah speed blog ini lumayan 97 ,
 angka 97 itu sudah terbilang cepat , mau tahu caranya mempercepat speednya gimana ?  lihat di bawah !

     Page speed merupakan salah satu faktor pendatang pengunjng atau visitor, Kenapa ?
karena pengunjung / visitor yang mencari di mesin pencari biasanya akan menutup blog yang lama loadingnya. oleh sebab itu para blogger harus membuat speed blognya secepat mungkin. saya mempunyai Tips-Tips untuk mempercepat loading blog antara lain :

• Gunakan Template Yang Minim Gambar / image ( karena gambar yang paling berpengaruh pada speed ).
• Jangan Gunakan Image Thumbnail Di Homepage Blog jika post yang ditampilkan banyak.
• Hindari mengImpor style atau script dari luar ( kecuali server luarnya terjamin cepat di sarankan menggunakan google code ).
• Masukan CSS di dalam blog dan di compress agar lebih sedikit , itu juga kalau style'y gak terlalu banyak , kalau banyak silahkan impor dan gunakan server yang cepat ( di sarankan menggunakan google code ).

   

Nah itu adalah tips-tips dari saya semoga cepat sukses masbro !

Cara menghilangkan navbar di blog

langsung aja ni :

- masuk ke blogger
- lalu ke rancangan > edit html
- lalu masukan kode berikut di atas kode ]]</b:skin>

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

- lalu simpan.

Cara memasukan kode haeder,posing,sidebar kedalam layout

Pertama-tama buka layout kalian
lalu untuk mengisikan kode haeder cari kode tag yang akan di beri haeder blog ,misalnya :

<div id='haeder'>bla bla bla</div>

ganti bla bla bla dengan kode haeder di bawah ini :

<b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section>

Sehingga menjadi

<div id='haeder'><b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section></div>

Lalu posting,Seperti yang atas cari dulu kode tag untuk menyimpan postingannya,misalnya :

<div id='postingan'>bla_bla_bla</div>

lalu ganti bla_bla_bla dengan kode posting,Yaitu :

<b:section class='main section' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

Lalu untuk sidebarnya seperti biasa cari kode tagnya dan ganti dengan kode sidebar berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'/>

unuk  kode id='sidebar' itu adalah kode tag yang tadi di ganti dengan kode di atas jadi misalnya awalnya :

<div id='sidebarwrap'>bla.....</div>

di ganti menjadi :

<b:section class='sidebar' id='sidebarwrap' preferred='yes'/>

Selesai deh ,coba masuk dulu ke blogger yang old lalu edit html dan masukan kode template kalian lalu klik pratinjau apabila ada yang error silahkan komen !

Maaf bila saya jelasinnya gak jelas ,silahkan bagi yang gak ngerti sekali lagi silahkan komen !

Cara membuat template Blogspot part3

ok gan seperti yang saya janjikan sekarang wakunya nambahin kode haeder,postingan, dan sidebar
unuk mengisikan kode haeder cari kode tag yang akan di beri haeder blog ,misalnya :

<div id='haeder'>bla bla bla</div>

ganti bla bla bla dengan kode haeder di bawah ini :

<b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section>

Sehingga menjadi

<div id='haeder'><b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section></div>

Lalu posting,Seperti yang atas cari dulu kode tag untuk menyimpan postingannya,misalnya :

<div id='postingan'>bla_bla_bla</div>

lalu ganti bla_bla_bla dengan kode posting,Yaitu :

<b:section class='main section' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

Lalu untuk sidebarnya seperti biasa cari kode tagnya dan ganti dengan kode sidebar berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'/>

unuk  kode id='sidebar' itu adalah kode tag yang tadi di ganti dengan kode di atas jadi misalnya awalnya :

<div id='sidebarwrap'>bla.....</div>

di ganti menjadi :

<b:section class='sidebar' id='sidebarwrap' preferred='yes'/>

kalau kalian mengikuti tutorial saya kode tag sidebarnya yaitu sidebar sehingga menjadi :

 <b:section class='sidebar' id='sidebar' preferred='yes'/>

awalnya :
 <div id='sidebar'>Content for  id "sidebar" Goes Here</div>
Selesai deh ,coba masuk dulu ke blogger yang old lalu edit html dan masukan kode template kalian lalu klik pratinjau apabila ada yang error silahkan komen !
Maaf bila saya jelasinnya gak jelas ,silahkan bagi yang gak ngerti sekali lagi silahkan komen !

Cara membuat template blogspot part2

ni sekarang saya mau nerusin postingan yang sebelumnya tentang Cara membuat template blogspot
setelah sebelumnya Cara membuat template blogspot part1 yaitu tentang membuat layout
ok di ostingan kali ini saya akan menjelaskan cara mengubah layout yang tadinya html menjadi xml
untuk merubahnya cukup mudah yang kalian harus lakukan ialah :
- buka layout kalian dengan menggunakan notepad++ (klik kanan lalu edit with notepad++)
- setelah itu cari kode :

<style>
<--

dan ganti dengan kode di bwah ini :
<b:skin><![CDATA[/*
kalau kalian tidak menemukan kode
 <-- atau --> biarkan saja itu lebih bagus karena kita akan menghapusnya
lalu cari penutup dari style tadi yaitu :

-->
</style>

dan ganti dengan kode

]]></b:skin>

 setelah itu cari kode <head> ada di atas
setah itu ganti semua kode di atas kode <head> dan ganti dengan kode ini

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

lalu cari kode

<title>bla-bla-bla</title>

ganti bla-bla-bla dengan

<data:blog.title/>

sehingga menjadi

<title><data:blog.title/></title>

kode itu adalah untuk menampilkan judul blog
dan jangan lupa tambahkan kode di bawah ini di atas kode tadi :

<b:include data='blog' name='all-head-content'/> 

sehingga menjadi :

 <b:include data='blog' name='all-head-content'/>
<title><data:blog.title/></title>

setelah itu kita masuk ke pengisian kode untuk haederposting ,dan sidebar tapi di lanjutkan nanti
Sekian

menambahkan 15 meta tag untuk SEO

ni gak perlu banyak bacod langsung :
masuk ke blogger lalu edit html :

    <meta content='Decription blog kalian' name='description'/>
    <meta content='keyword kalian' name='keywords'/>
    <meta content='authornya' name='Author'/>
    <meta content='emailnya' name='Email'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='language'/>
    <meta content='id' name='geo.country'/>
    <meta content='global' name='distribution'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>

masukan kode di atas dibawah kode
</title>

Cara membuat posting 2 kolom

Ni DEMOnyalebih baik kalu di padukan dengan auto readmore(nanti saya post)
Yang pertama yang harus di lakukan pastinya login ke blogger lalu masuk ke edit html

lalu cari kode </head> dan masukan kode di bawah ini di atasnya

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style type='text/css'>
    .post-outer {
      width:50%;
      height:240px;
      float:left;
    }
    #blog-pager,
    h2.date-header {
      clear:both !important;
    }
    </style>
</b:if>
</b:if>

 Kode :

height:240px;

 itu adalah kode tingginya kalian bisa merubahnya sesuai keinginan

Cara Membuat Template Blogspot part1

bagi kalian yang masih newbie pasti pusing untuk membuat template sama seperti ane waktu belum bisa buat template sendiri ,bagi pemula memang akan sangat sulit apabila kita langsung praktek membuat template jadi saya saranin untuk membacaterlebih dahulu dasar html,kalian bisa membacanhya disini dan juga CSS kalau CSS disini.
yang pertama kali kita akan pelajari yaitu membuat layout,
contoh layout :

untuk membuat layout kita membutuhkan :
- Notepad++
- Macromedia Dreamwaeper 8
kalian bisa download di sini untuk notepad++ dan untuk Macromedia dream waeper 8 bisa di download disini

Membuat layout :
- Buka dreamwaeper dan notepad++ (sebenarnya notepad++ tidak begitu di butuhkan tetapi bagi pemula cukup membantu karena kalian dapatmengetahui awal tag dan akhir tagnya berada dimana)
- setelah kita membuka dreamwaeper buat dokumen baru html

- lalu klik design dan klik insert div tag

- Untuk selebihnyakalian bisa lihat vidionya Disini atau mau download vidionya Disini
- setelah selesai membuat layout kita masuk ke pengisian kode (Part2 disini)
Bila kurang jelas atau ada yang mau ditanyakan silahkan komen
Thx to : Edinofri.blogspot.com

Cara membuat related post di blog

ok ketemu lagi dengan saya,setelah beberapa hari saya gak ngepost akibat kesibukan saya untuk MOPD & MOPE di SMKN 2 GARUT  jadi waktunya sedikit untuk blogging

- Masuk Ke Blogger
- Lalu ke Tataletak
- dan tambahkan gadget html/javascript
- dan masukan kode di bawah

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:250px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:210px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUczlM9kDDrUOO_pQDoWPM_UvrYQx-QQVjVxcizf6JuyaOJ6MOVvl_WEmZhaoLsutoi75p5hCUov43y53TAFmY1JFiY1KvGzLHulPLuTxqSb3nuXmyjI7nD_nHAAdg0BuzU_ufV8kA1yBN/s1600/background.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<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 = 250;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://lahzblog.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://lahzz.tk/recentpost.js' type='text/javascript'></script>
</div>

Jangan Lupa ganti link/urlnya

Cara Membuat Blog/Website anti copas Copy Paste

langsung deh ni masukin di bawah kode
</head>

<SCRIPT type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</SCRIPT>

cara membuat text area di blog

ni sekarang saya akan memberitahu kalian cara membuat text area di blog
caranya:

masukan kode di bawah ini di mna saja

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div> <div align="center"> </div> <p align="center"> <textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><br /> Simpan teks kalian disini<br />

bla ingin di simpan di postingan

Cara membuat Tombol share melayang di blog

kali ini saya akan memberi tahu Cara membuat Tombol share melayang di blog
untuk membuat  Tombol share melayang di blog caranya masuk ke blogger
tataletak > addgadget
lalu masukan kode berikut

<!-- Tombol share melayang lahzblog.blogspot.com--><br /> <style type="text/css"><br /> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}<br /> #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}<br /> .fb_share_count_top {width:48px !important;}<br /> .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}<br /> .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}<br /> .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}<br /> </style><br /> <br /> <div id='pageshare' title="Share to Your Friends"><br /> <div style="clear: both;font-size: 16px;text-align:center;"><br /> </div><br /> <div class='sbutton' id='gplusone'><br /> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><br /> <br /> <g:plusone size="tall"></g:plusone><br /> </div><br /> <div class='sbutton' id='fb'><br /> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br /> </div><br /> <div class='sbutton' id='rt'><br /> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script><br /> </div><br /> <!-- Selesai--></div> </p></div></form>

Cara membuat Text Menonjol/Submit/Button di blog

ni saya kasih kodenya
Masukan kode di bawah di mna sja mau di html/javascript atau di posting

<a href="URL"><input value="TEXT PADA TOMBOL" type="submit"></a>

kalau untuk di posting klik html di sebelah compose

text WARNA MERAH:ganti dengan  URL yang di tuju
text WARNA BIRU     :ganti dengan text yang akan di tampilkan di tombol

Cara membuat laman pada blog

caranya mudah kok
ni ikutin tutorial gambar

Cara membuat Judul Blog Berubah-ubah/berjalan

ok langsung saja :
masukan kode berikut di html/Javascript

<script language="JavaScript">
<!--
/*****Judul Blog Berjalan By Lahzblog.blogspot.com*****/

function tb5_makeArray(n){
this.length = n;
return this.length;
}



tb5_messages = new tb5_makeArray(5);
tb5_messages[0] = "__Lahz Blog__";
tb5_messages[1] = "Welcome_To_Lahz_Blog ";
tb5_messages[2] = "Terimakasih_Telah_Berkunjung";
tb5_messages[3] = "jangan_lupa_comment";
tb5_messages[4] = "Datang_Lagi_Nanti";
tb5_rptType = 'infinite';
tb5_rptNbr = 10;
tb5_speed = 80;
tb5_delay = 1200;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();

//-->
</script>

- Ganti teks yang berwarna  dengan judul yang kalian inginkan
- simpan dan lihat hasilnya

Cara membuat ArchiveBlog Berscroll

Sebelumnya saya telah menjelaskan cara membuat popularpost berscroll sekarang saya akan menjelaskan tentang Cara membuat ArchiveBlog Berscroll
untuk membuat ArchiveBlog Berscroll cukup mudah
caranya masuk ke blogger > Edit HTML
lalu cari kode ]]>
dan masukan kode dibawah ini di atas kode ]]>

#BlogArchive1 .widget-content{
height:300px;
width:auto;
overflow:auto;
}

Untuk Penjelasannya sama seperti cara membuat popularpost berscroll
Sekian Cara membuat ArchiveBlog Berscroll

Cara membuat Popular Post berscroll

sekarang saya akan menjelaskan cara membuat popular post berscoll
untuk demo blog saya ini
ok langsung saja :

- pertama pastinya masuk ke blogger
-  lalu edit html

- lalu cari kode ]]></b:skin>

- lalu masukan kode di bawah ini diatas kode ]]></b:skin>

#PopularPosts1 .widget-content{
height:300px;
width:auto;
overflow:auto;
}

 Keterangan :
PopularPosts1 = Id Populerpostnya
height:300px; = tingginya