Home » Archive for August 2009

cara membuat menu next page

45 Comments
Menu next page atau tombol navigasi halaman.tidak seperti tombol next atau previous page,tombol next page atau navigasi halaman ini mempunyai kelebihan navigasi halaman yang bisa membuat pengunjung lebih mudah untuk mengingat artikel yang di sukai,karena halaman di tandai dengan angka.
untuk membuat menu next page atau navigasi halaman di blogspot ikuti langkah-langkah dibawah:
1.download script disini
2.login ke blogger.
3.tataletak --->element halaman
4.tambahkan gedget.
5.pilih html/javascript
6.masukkan kode tadi.


untuk mengatur jumlah dalam satu halaman lihat
var pageCount=5;
bisa diganti sesuai keinginan .kalau ingin dalam satu halaman menampilkan 10 postingan ganti dengan
var pageCount=10;

Related Posts:

agar judul posting berada didepan judul blog

9 Comments
Pada blogspot default,format yang ditampilkan oleh search engine adalah judul posting berada di belakang judul blog
seperti:
membuat website | agar judul posting berada didepan judul blog.....


format seperti diatas bagi sebagian blogger (master-master seo) kurang baik untuk seo.
Komposisi yang mendukung seo adalah kebalikannya.judul posting berada didepan judul blog
seperti:
agar judul posting berada didepan judul blog | membuat website


cara mengubah agar judul posting berada didepan judul blog:

1.masuk tata letak --->edit html
2.cari kode: <title><data:blog.pageTitle/></title>
3.hapus kode diatas.dan ganti dengan kode:
<b:if cond="data:blog.pageType ==&quot;item&quot;">
<title><data:blog.pageName/>
<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/>
</title>
</b:if>>
4.simpan template.

Related Posts:

cara pasang avatar mybloglog sebelum nama komentator

3 Comments
Memasang avatar mybloglog sebelum nama komentator.sebenarnya saya sendirh pengen sekali memasang avatar mybloglog yang di populerkan oleh amanda ini.tetapi saya tunda dulu untuk sementara,karena sudah terlalu banyak script yang terpasang,mungkin nanti setelah mendapat hosting gratis untuk menyimpan script,baru avatar mybloglog ini saya pasang.jadi artikel cara pasang avatar mybloglog di kolom komentar di page ini,saya anggap media penyimpanan pribadi (biar nanti tidak mutar-mutar cari artikel tentang cara pasang avatar mybloglog ini).
Tetapi,bagi sobat yang masuk page ini dan mencari cara pasang avatar mybloglog sebelum nama komentator,bisa mengikuti langkah-langkahnya:
  • 1.Daftar dulu di http://www.mybloglog.com
  • 2.login di blogger -->tata letak -->edit HTML -->centang expand widget template.
  • 3.cari kode </head>.copy semua script dibawah dan tempel diatas kode </head>
    • <script type='text/javascript'>
    //<![CDATA[
    /*
    Merlinox and Napolux MyBlogLog Avatar Creator
    created by Merlinox (blog.merlinox.com)
    helped by Napolux (www.napolux.com)
    version 0.1 (20061214)
    version 0.2 (20061215)
    compatible with all blogger blog
    */
    if(typeof(myLayer)!='function'){
    function myLayer (x){
    //individuo l'oggetto
    if(document.layers){ // browser="NN4";
    lay=document.layers[x];
    }
    if(document.all){ // browser="IE";
    lay=eval("document.all." + x);
    }
    if(!document.all && document.getElementById){ //
    browser="NN6+ or IE5+ if you're willing to dump
    the !
    document.all stuff";
    lay=document.getElementById(x);
    }
    return lay;
    }
    }
    //lo prendo da blogger
    function myBlogAvatar
    (codiceCommento,autore,stile){
    //scrivo lo span
    //var myBlogSpan = "myBlog-" +
    codiceCommento;
    //document.write("<span id='" + myBlogSpan +
    "'><i>myBlogLog...</i></span>");
    //metto tutto minuscolo perchè indexOf è case
    sensitive
    if (autore != ""){
    alt="MyBlogLog: " + autore;
    myBlog = "<a target='_blank' href=\"http://
    www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://
    pub.mybloglog.com/coiserv.php?href=" + autore
    + "\" alt=\"" + alt + "\"title=\"" + alt + "\"border=
    \"1\" class=\"myBlogAvatar\"></a>";
    //myLayer(myBlogSpan).innerHTML= myBlog +
    myLayer(myBlogSpan).innerHTML;
    //myLayer(myBlogSpan).innerHTML= myBlog;
    document.write(myBlog);
    }
    }
    //]]>
    </script>
  • 4.Setelah itu cari kode seperti dibawah ini :
    <b:loop values='data:post.comments'
    var='comment'>

  • 5.Kemudian letakkan kode berikut tepat setelah kode
    <b:loop values='data:post.comments'
    var='comment'> :
    <div style='border:0;float:left;margin: 0 5px 0 0;'>
    <script>
    myBlogAvatar('<data:comment.id/
    >','<data:comment.authorUrl/>');
    </script>
    </div>
  • 6.simpan

    • Related Posts:

    menghilangkan icon komentar default blogspot

    1 Comment
    Icon komentar default blogger seperti dan seperti ini sebenarnya bisa diganti dengan foto/gambar kita atau avatar mybloglog.tetapi sebelum mengganti icon default blogger dengan foto atau avatar mybloglog,ada baiknya icon standart blogger dihilangkan,agar foto atau avatar my bloglog yg kita pasang bisa optimal (tidak bertumpuk antara icon blogger default dan avatar mybloglog yang kita pasang)
    untuk menghilangkan icon default blogger,ikuti langkah-langkah berikut:
    1.login ke blogger -->tataletak -->edit HTML -->dan centang"expand template widget"
    2.cari kode seperti di bawah.
    <b:loop values='data:post.comments'
    var='comment'>
    <dt expr:class='"comment-author " +
    data:comment.authorClass'
    expr:id=' data:comment.anchorName '>
    <b:if cond='data:comment.favicon'>
    <img expr:src='data:comment.favicon' height='16 px'
    style=' margin-bottom:-2 px;' width='16 px' />
    </b:if>
    <a expr:name='data:comment.anchorName '/>
    <b:if cond='data:comment authorUrl'>
    <a expr:href='data:comment.authorUrl'
    rel='nofollow'><data:comment.author/ ></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>

    3.setelah ketemu,ganti kode berwarna biru,dengan"id",dan hapus kode yang berwarna merah.
    4.simpan.

    Related Posts:

    cara membuat related post di blogspot

    3 Comments
    Keuntungan menampilkan related post atau artikel yang berhubungan adalah artikel yang sudah tenggelam dalam arsip,atau artikel yang sudah lama akan ditampilkan kembali berdasarkan labelnya.sedangkan keuntungan untuk pembaca,lebih mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang dibaca.
    Artikel yang berhubungan selain bisa ditampilkan dengan gambar (menampilkan related post dengan gambar),juga bisa ditampilkan berupa link-link seperti di bagian akhir artikel ini.
    Untuk membuat related post di blogspot,ikuti langkah-langkah di bawah:
  • 1.login -->tata letak -->edit HTML -->centang "expand widged template"
  • 2.cari kode </head> dan letakkan kode dibawah,tepat di atas </head>. -->simpan dulu,atau lanjutkan

    • <script type="text/javascript">
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {

    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;
    }
    }
    }
    }
    function removeRelatedDuplicates()
    {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];
    }
    }
    relatedTitles = tmp2;
    relatedUrls = tmp;
    }
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return
    true;
    return false;
    }
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) *
    Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i > 20) {
    document.write('<li><a href="' + relatedUrls[r] +
    '">' + relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;
    }
    i++;
    }
    document.write('</ul>');
    }
    //]]<
    </script>
  • 3.cari kode seperti dibawah,dan tambahkan seperti warna merah. -->simpan dulu atau lanjutkan

    • <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels'
    var='label'>
    <a expr:href='data:label.url'
    rel='tag'><data:label.name/></a><b:if
    cond='data:label.isLast != "true"'>,</b:if>

    <b:if cond='data:blog.pageType == "item"'>
    <script expr:src='"/feeds/posts/default/-/" +
    data:label.name + "?alt=json-in-
    script&callback=related_results_labels&max-
    results=10"' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
  • 4.cari kode
    <div class="post-footer-line post-footer-line-1">
    atau
    <p class="post-footer-line post-footer-line-1">
    kalau sudah ketemu,tambahkan kode tepat dibawahnya

    • <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
  • 5.simpan.dan lihat hasilnya.
    Refres halaman dan klik link artikel yang sudah mempunyai label.

    Related Posts:

    • Cara menghilangkan tanggal diposting

    3 Comments
    Menghilangkan tanggal diposting.tanggal diposting,mempunyai arti yang sangat penting untuk blog yang memuat artikel-artikel seperti info kerja,berita terkini,karena tanggal memberi informasi kepada pengunjung masìh layak atau tidak artikel yang di dapat untuk dibaca dan diikuti.


    Dengan alasan artikel yang dipublikasikan tidak terlalu mementingkan tanggal,dan tanggal dianggap tidak enak dilihat,sebagian blogger ingin menghilangkan tanggal dipostingnya.
    Untuk menghilangkan tanggal posting di blogspot,sebenarnya caranya sangat mudah.
    Caranya:

  • login >> tataletak >>edit html (tidak perlu di centang expand widget template,karena yang mau di edit bukan widget).
  • cari kode h2.date-header dan tambahkan visibility :hidden;

    h2.date-header {
    margin :5em 0 0;
    padding :0;
    font-size :75%;
    color :#777;
    visibility :hidden;
    }

  • save template

    • Related Posts:

    Cara membuat meta tag

    6 Comments
    meta tag adalah tag HTML yang memberi informasi ke search engine tentang isi dari suatu website.jadi,dengan cara membuat meta tag di header di harapkan bisa meningkatkan trafik dari search engine.
    Ada banyak meta tag sesuai standar HTML4.0 dari World Wide Web consortion.tetapi yang banyak di pakai hanya 3 yaitu meta description,keyword,dan robot.
    Meta tag description
    digunakan untuk memberi informasi mengenai isi dari website.

    <meta content=" tulis descripsi dari web/blog kita disini " name="description"/>


    Meta tag keyword

    menentukan keyword/kata kunci.
    kata kunci yang diketikkan calon pengunjung di box pencarian,ketika mereka melakukan pencarian informasi di search engine sebelum masuk ke website kita.

    <meta content="keyword1,keyword2,keyword3 " name="keywords"/>


    Meta tag robot
    untuk menentukan halaman boleh atau tidak di index oleh spider.
  • agar halaman tidak terindex.
    <meta content="NOINDEX NOFOLLOW" name="robot">
  • agar spider mengindex dan menelusuri halaman
    <meta content="INDEX FOLLOW" name="Robot">


    • Cara pasang meta tag di blogspot
    masuk ke edit HTML,letakkan meta tag di bawah kode <title><data:blog.pageTitle/></title>
    contoh:

    <meta content="masukkan description di sini" name="description"/>
    <meta content="keyword anda,keyword anda,keyword anda" name="keywords"/>
    <meta content="INDEX FOLLOW" name="Robot"/>

    jika sobot memakai blog engine wordpres,meta tag di atas di pasang di header-Php.

    Related Posts:

    Panduan seo

    Add Comment
    panduan seo
    panduan seo (search engine optimization) bagi sebagian orang yang sudah master,mungkin ini hal yang basi.tapi bagi yang baru mengenal dunia internet dan blog (seperti saya),pedoman seo (search engine optimization) adalah petunjuk yang luar biasa.
    Untuk mengenal dan mempelajari seo,master seo dunia dari google lewat blog resminya webmaster central telah mempublikasikan tutorial tentang panduan seo.

    panduan seo untuk pemula dalam bentuk file pdf,yang berisi 22 halaman ini sangat membantu kita yang baru memulai belajar apa itu seo,dan bagaimana menerapkan di website atau blog kita.sehingga website atau blog kita bisa terindex search engine dengan baik.

    dengan panduan seo yang sudah di terjemahkan ke dakam 40 bahasa ini diharapkan para pemilik website/webmastes bisa meningkatkan resibilitas di search engine,dan membantu google mempermudah mengscrol halaman website atau blog kita.

    daftar 40 bahasa pedoman seo dalam bentuk pdf dengan jumlah halaman sekitar 22 halaman.

    Arabic. Bulgarian. Catalan. Chinese(simplified). Chinese(traditional). Croatian. Czech. Danish. Dutch. English. English(GB). Filipina. Finnish. French. German. Greek. Hebrew. Hindi. Hungarian. Indonesian. Italian. Japanese. Korean. Latvian. Lithuanian. Norwegian. Polish. Portuguese(BR). Portuguese(PT). Romanian. Russian. Serbian. Slovak. Slovenian. Spanish. Swedish. Thai. Turkish. Ukranian. Vietnamese.

    Related Posts:

    Mendaftarkan website ke search engine

    1 Comment
    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:
    http://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.

    Related Posts:

    edit html template menggunakan operamini

    Add Comment
    Bagi sobat yang baru menggunakan opera mini untuk ngeblog,tentu pernah mengalami masalah waktu mengedit html template ,dan tidak bisa menambah satu karakterpun di form template. Agar bisa meng- edit html template blogspot dengan opera mini kita harus menghapus karakter yang sudah ada.
    Caranya:
    1. masuk ke dasbor >>>tataletak >>>tambah element (element apa saja.bisa html javascript,text, pencarian atau apa saja.disini saya ambil contoh element adsense) >>>dan simpan. selanjutnya
    2. kembali ke tataletak >>>edit html >>>expand template widget.
    3. cari element yang baru di tambah tadi.(lihat element adsense yang baru di tambah tadi) seperti di bawah:
    <b:widget id="Adsense1" locked
    ="false" title="" type="Adsense">
    <b:includable id="main">
    <div class="widget-content">
    <data:adCode/;gt;
    <b:include name="quickedit"/>
    </div>
    </b:includable>
    </b:widget>
    4. setelah ketemu,hapus widget.

    Dengan menghapus widget yang baru di tambah tadi,sobat mempunyai 218 karakter.dan bisa dimanfaatkan untuk mengedit template.misalnya mau tulis script, membuat meta tag atau apa saja terserah sobat. kalau karakter yang di dapat tadi kurang,sobat bisa menambah 2 atau 3 widget sekaligus dan menghapusnya dan tentu karakter yang di dapat pasti lebih banyak.

    Related Posts:

    Mengatur jadwal publikasi artikel

    1 Comment
    Ingin mencob fitur yang menarik dari blogger.com ?
    Scheduled post.dengan fitur ini sobat bisa mengatur jadwad publikasi artikel. jadi tidak perlu bedadang atau publikasi artikel setiap hari.
    Misalnya,sobat ingin artikel yang ditulis saat ini,bisa di publikasikan 2 hari lagi atau mungkin minggu depan.caranya hanya dengan mengatur waktu postingan.

    cara melakukan pengaturan scheduled post:

    1.masuk. Http://draff.blogger.com
    2.login
    3.pada halaman posting pilih "select option" arahkan ke posting tanggal dan waktu yang diinginkan.
    4.atur tanggal dan jam kapan postingan kita akan dipublikasi.
    5.tekan tombol mempublikasikan secara otomatis.

    jika ingin menghentikan penjadwalan,tinggal simpan sebagai draff.

    Related Posts:

    cara mengganti layout facebook

    Add Comment
    Begitu banyak orang yang mencari tahu bagaimana cara mengganti tampilan/layout facebook karena bosan dengan tampilan facebooknya.


    Tidak seperti friendster ataupun myspace,facebook sampai saat ini belum memperbolehkan usernya mengganti layout facebooknya,yang dapat dilihat dan dinikmati oleh semua orang.jadi tutorial-tutorial tentang gimana cara mengganti,merubah tampilan/layout facebook yang ada saat ini,hanya membantu kita merubah tampilan facebook di komputer masing-masing user,dan perubahan layout tidak dapat dilihat oleh semua user lain.
    Gimana ?..masih tertarik mau merubah tampilan facebook?. Ya...mungkin tidak masalah.,tujuannyakan menghilangkan kebosanan.


    untuk mengganti layout facebook,kita harus mengizinkan applikasi yantoo layers sebagai penyedia layout untuk facebook kita.
    Caranya:

    1.masuk ke account facebook.
    2.klik link App facebook layout.
    Kalau tidak ketemu,pakai kotak pencarian di pojok atas.
    3.sobat akan dimintai izin,apakah memperbolehkan applikasi tersebut.klick"ALLOW".
    4.selanjutnya akan muncul daftar tampilan layout/template facebook beserta kategori-kategorinya di samping kanan.dan tiap kategori terdiri dari berbagai macam layot yang siap dipilih untuk facebook sobat.
    5.pilih gambar layout facebook yang sobat sukai,lalu sobat akan di minta untuk menginstal yantoo layers.setelah terinstal,maka layout facebook pilihan sobat akan terpasang.

    selamat mencoba..

    Related Posts:

    Menambah gambar diposting menggunakan opera mini

    1 Comment
    Bagi sobat yang biasa ngeblog dengan menggunakan opera mini,tentu sudah tau kalau untuk menambah gambar di posting dengan menggunakan opera mini 4.2,tidak bisa dilakukan hanya dengan memanfaatkan menu tambah gambar yang terletak diatas form posting yang sudah disiapkan oleh blogspot.

    jadi gimana?
    Dengan tidak meninggalkan opera mini kita tetap bisa menambah gambar di posting dengan cara:
  • memanfaatkan gambar yang sudah ada di internet.
    Misalnya sobat ingin menampilkan gambar diatas ke postingan sobat.caranya:
    ambil url dari gambar diatas,kemudian paste di posting dengan menggunakan tag
    <img src="http://3.bp.blogspot.com/bla.bla.bla......"/>
  • Dengan memanfaatkan posting lewat email.caranya:
    1.aktifkan email posting.
    Untuk pengaturan email posting menurut saya lebih baik sobat memilih kiriman sebagai draff.
    Setelah selesai

    2.masuk ke email >>kirimkan gambar atau posting ke alatamat email posting blog sobat.setelah terkirim

    3.kembali ke blogger dasbor dan edit posting yang sobat kirim dari email tadi.setelah puas publish.dan lihat postingan

    • Related Posts:

    Browser baru dengan fitur copy paste

    Add Comment
    Bagi sobat yang ngeblog dengan menggunakan HP,pasti sering browsing mencari browser baru dengan fitur copy paste,untuk mempermudah dalam penulisan script.capekkan kalau copy paste scrip secara manual ?..
    Sekarang yang sobat cari sudah ada yaitu Bolt. Browser baru dengan fitur copy paste ini siap membantu dan meringankan pekerjaan blogger yang menggunakan Hp.

    selain mempunyai fitur copy paste,browser baru ini juga mempunyai banyak kelebihan.seperti :

  • loading yang cepat dengan tampilan ala desktop.
  • streming video
  • split screen untuk mempermudah navigasi saat browsing.
  • kemudahan menambahkan situs favorite dan melihat history.
  • perlindungan dari spywere atau pencuri data pengguna.
  • hemat daya dan koneksi data.sehingga battery bisa tahan lama,dan tentunya pulsa tetap irit.
  • simpan halaman
  • kwalitas gambar juga OK.
    • Browser baru ini juga mempunyai kekurangan-kekurangan.
  • belum bisa upload
  • tidak ada fitur multi window

    • mau coba pakei bolt?
    Download BOLT

    Related Posts:

    Applikasi untuk edit html template

    1 Comment
    Kenapa kita memerlukan applikasi untuk edit HTML template ?.
    Bagi sobat yang ngeblog dengan menggunakan hp,pasti pernah mengalami kesulitan untuk mengedit template secara offline karena waktu membuka file template yang sudah di download pasti larinya ke browser bawaan hp.jadi kita memerlukan applikasi tambahan untuk membuka dan mengedit dokument file template tersebut.

    Mobyexplorer.applikasi ini bisa membantu kita untuk mengedit HTML template blogspot secara offline.
    Selain mempunyai fitur untuk mengedit dokument HTML,mobyexplorer juga mempunyai banyak fitur yang bisa digunakan.misalnya:

    -Menyembunyikan atau mengunci file-file pribadi.
    Caranya: buka applikasi mobyexplorer >>>pilih file yang akan disembunyikan >>>klik tombol menu >>>pilih properties >>>centang kotak hidden >>OK.
    -Memproteksi file-file favorite agar tidak terhapus
    caranya: buka applikasi mobyexplorer >>>pilih file yang akan diprotek >>>klik tombol menu >>>pilih properties >>>centang read only >>>OK.
    -Mengirim atau mentransfer applikasi atau game ke ponsel teman lewat bluetoth atau irda.
    Tertarik ?... download Mobyexplorer

    Related Posts:

    Membuat menu scrol

    6 Comments
    Membuat menu scrol.kenapa kita harus membuat menu scrol ?.. Sesuai dengan fungsinya menu scrol bisa di gunakan untuk menghemat pemakaian halaman blog /website.selain itu sebagian blogger menilai lebih indah dilihat mata.,he..he..
    Misalnya kita mempunyai link blogrol yang panjang atau link posting yang jumlahnya lebih dari 30 link,dengan memanfaatkan menu scrol kita bisa menampilkan 5 link saja,selebihnya bisa di scrol keatas atau kebawah untuk melihat link yang lain.


    Untuk membuat menu scrol di blogspot ikuti langkah-langkah di bawah:

  • login ->>masuk ke dasbor ->>tambah gedget ->>tambahkan HTML/javascript.
  • masukkan code
    <div style='overflow:auto; width:200px; height:100px; padding:10px; border:1px solid#eee;'>>isi menu scrol bisa text,link blogrol,arsip,kategori,script,dll</div>
  • save.dan lihat hasilnya.


    • catatan

    height,width,padding,dan border bisa di sesuaikan dengan sidebare atau keinginan kita

    Related Posts:

    menampilkan semua posting di arsip

    12 Comments
    Ada 2 cara untuk menampilkan semua posting di blogspot:
    1.Dengan menggunakan url default blogspot.
    http://(namablog.blogspot.com)/search?max-results=(jumlah posting)
    cara di atas hanya menbuat 1 link dan ketika link diklik baru menampilkan semua posting.cara ini mungkin tidak sesuai dengan yang diinginkan blogger yang mencari cara menampilkan semua posting dengan alasan jumlah posting yang belum terlalu banyak.

    2.Dengan meng-edit widget arsip.
    dengan menggunakan widget arsip ini kita bisa menampilkan semua posting dan link akan bertambah secara otomatis setiap kita mempublis artikel baru.
    langkah-langkah menampilkan semua posting di arsip:
    1.login >>>dasbor >>>tataletak
    2.tambahkan widget arsip.(pilih tampilan hiarki) >>>save widget
    3.klik edit html >>>centang
    4.cari kode widget arsip.seperti di bawah

    <b:widget id='BlogArchive2 ' locked='false' title='Arsip
    Blog' type='BlogArchive'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2 ><data:title/></h2 >
    </b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width: ancho; height: 100 px ;'>
    <div id='ArchiveList'>
    <div expr:id='data:widget. instanceId +
    " _ArchiveList"'>
    <b:if cond='data:style == " HIERARCHY"'>
    <b:include data='data' name=' interval'/>
    </b:if>
    <b:if cond='data:style == " FLAT"'>
    <b:include data='data' name='flat' />
    </b:if>
    <b:if cond='data:style == " MENU"'>
    <b:include data='data' name=' menu'/>
    </b:if>
    </div></div>
    </div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    <b:includable id='flat' var='data'>
    <ul>
    <b:loop values='data:data' var='i'>
    <li class='archivedate'>
    <a expr:href='data:i.url'><data:i. name/></a>
    (<data:i.post-count/ >)
    </li>
    </b:loop>
    </ul>
    </b:includable>
    <b:includable id='menu' var='data' >
    <select expr:id='data:widget. instanceId +
    " _ArchiveMenu"'>
    <option value=''><data:title/></ option>
    <b:loop values='data:data' var='i'>
    <option expr:value='data:i.url' ><data:i.name/>
    (<data:i.post- count/>)</option>
    </b:loop>
    </select>
    </b:includable>
    <b:includable id='interval' var=' intervalData'>
    <b:loop values='data:intervalData' var='i'>
    <ul>
    <li expr:class='"archivedate " + data:i.expclass'>
    <b:include data='i' name='toggle'/ >
    <a class='post-count-link'
    expr: href='data:i.url'><data:i.name/></ a>
    <span class='post-count' dir='ltr'
    >( <data:i.post-count/>)</span>
    <b:if cond='data:i.data'>
    <b:include data='i.data' name=' interval'/>
    </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name=' posts'/> </b:if>
    </li>
    </ul>
    </b:loop>
    </b:includable> <b:includable id='toggle' var=' interval'>
    <b:if cond='data:interval.toggleId' >
    <b:if cond='data:interval.expclass ==
    "expanded"'>
    <a class='toggle' expr:href='data: widget.actionUrl +
    "& action=toggle" +
    " &dir=close& toggle=" +
    data:interval. toggleId + "& toggleopen=
    " + data: toggleopen'> <span class='zippy toggle-open' >&#9660 ;
    </span>
    </a>
    <b:else/>
    <a class='toggle' expr:href='data: widget.actionUrl +
    "& action=toggle" +
    " &dir=open& toggle=" +
    data:interval. toggleId + "& toggleopen=
    " + data: toggleopen'>
    <span class='zippy'>
    <b:if cond='data:blog. languageDirection ==
    " rtl"'>
    &#9668 ;
    <b:else/>
    &#9658 ;
    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id='posts' var='posts' >
    <ul class='posts'>
    <b:loop values='data:posts' var='i' >
    <li><a expr:href='data:i.url' ><data:i.title/></a>
    </li>
    </b:loop>
    </ul>
    </b:includable>
    </b:widget>

    5.Hapus code yang berwarna hijau.
    6.save.dan lihat hasilnya.


    kita bisa membuat menu scrol apabila jumlah posting sudah banyak.jadi tampilannya tetap baik.

    Related Posts:

    Subscribe to: Posts (Atom)