Selamat Datang Di AzhokA-RJnet Blog -- Jangan Lupa Follow Yah -- Ini adalah situs bookmark pribadi jadi harap maklum yah :)

Blog Archive

26.5.11

Kumpulan Situs-Situs Social Bookmarking Indonesia Beserta Peringkatnya


Social bookmarking merupakan situs penyedia informasi kepada pengguna internet atau netter, dimana blogger / pemilik situs  yang men-submit atau memasukkan artikel pada situsnya untuk dilihat dan dibaca pengunjung. Berikut ini daftar peringkat Social Bookmarking indonesia yang di urutkan berdasarkan jumlah kunjungan terbanyak dari indonesia (peringkat alexa tgl 26 April 2011) yang pengukurannya dilakukan oleh team roabaca.com.



No website Alexa Indonesia
1 http://lintasberita.com/ 36
2 http://infogue.com/ 163
3 http://www.kombes.com/ 590
4 http://www.liputankhusus.com/ 978
5 http://www.populerkan.com 998
6 http://debuk.com/ 1,110
7 http://negeriku.info/ 1,433
8 http://www.beritahusaya.com/ 1,504
9 http://bookmarking.bloggerceria.info/ 1,963
10 http://www.beritague.com/ 2,170
11 http://www.bookmarkindonesia.com/ 2,422
12 http://www.situsportal.com/ 2,596
13 http://sekilasinfo.net/ 3,656
14 http://www.indokami.com/ 4,283
15 http://www.antarblog.com/ 5,176
16 http://directory.blogbareng.com/ 5,283
17 http://bagikan.com/ 5,924
18 http://sundulberita.com/ 6,033
19 http://memburu.info/ 6,233
20 http://www.bookmarkdofollow.com/ 6,660
21 http://cherianews.info/ 6,849
22 http://www.yebooo.com/ 7,034
23 http://duzz.us/ 7,300
24 http://www.duniaberitaterkini.com/ 7,338
25 http://www.definisi.net/ 7,427
26 http://www.indobookmark.com/ 7,789
27 http://www.sajikan.com/ 8,580
28 http://www.satuportal.net/ 11,686
29 http://www.postingku.com/ 14,150
30 http://www.kejartayang.com/ 25,433



Read More : Kumpulan Situs-Situs Social Bookmarking Indonesia Beserta Peringkatnya

Cara Rahasia Blog Baru terindex 60 menit


Inilah langkah-langkahnya " Langkah2 Umum yang sering Dipakai "

Pertama
Untuk Blogspot : Ganti Bawaan Template Blogspot dengan Template2 gratis yang seo Friendly
Jangan Pasang Aksesoris Apapun dulu Diblog baru kita, Apalagi Iklan

Postinglah dulu 2 atau 3 Artikel yang sudah disiapkan, ini hanya membutuhkan waktu 1 menit.
Ingat sobat hanya Posting saja, jangan melakukan apa-apa, dan diharap jangan Posting lebih dari 4 artikel, karena nanti dianggap SPAM, walau tidak dianggap Spam Blog kita baru ke Index 1 bulan.

Kedua
Segera Submit Sitemap di Googlewebmaster
Alamatnya disini http://www.google.com/webmasters/tools/
Jika anda juga ingin situs anda di Index oleh mesin pencari lain seperti Yahoo. klik link berikut:
https://siteexplorer.search.yahoo.com/submit

Ketiga
Daftarkan Blog baru kita
di Google : http://www.google.com/addurl/?continue=/addurl
di Yahoo : https://siteexplorer.search.yahoo.com/mysites
di Bing   : http://www.bing.com/webmaster/SubmitSitePage.aspx

[ TOP SECRET SEO ]
INGAT, Jangan Terpengaruh SARAN Master yang Bilang " Jangan Daftarkan Blog terlalu Sering nanti di Banned ", Itu Hanya Kata-kata Pujangga, Blog saya Walau sudah Terdaftar, Tiap Hari saya Daftarkan lagi.dan Masih Aman bahkan Bertengger di TOP 10.
Jika Blog sobat Baru, Daftrakan Di Google Yahoo dan Bing Minimal 10 kali sehari, Maksimal 50 Kali, Mari bikin Google Yahoo Bing Jengkel dengan Membuat Blog kita Cepat Ke index dan Selalu di Top 10.
Jika Tidak PERCAYA " Maka Jangan Lakukan saran saya ", Karena saya bukan Master Hanya Pemula yang menggunkan SEO Terbalik dan Gratisan. Saya Juga Tidak Bertanggung Jawab Jika Blog Baru Sobat Langsung Ke Index dan Nanti Kebelakangnya Selalu Mendominasi TOP Search.

Keempat:
Segera Submit salah satu Artikel sobat di socialbookmark dofollow
Daftar List Link Baca disini : Link 1026 social bookmarking
Pilih Social Bookmark Dofollow dan ber PR tinggi, untuk awalnya sobat Submit ke 10 Social bookmark saja.

KeLima
Segera Ping Blog sobat, Bisa menggunakan situs Ping Berikut al:
http://www.imtalk.org/cmps_index.php?pageid=IMT-Website-Submitter
http://pingomatic.com
http://www.auto-ping.com
Terakhir
Ini Trik Rahasia [ TOP SECRET ]
Dorong blog sobat dengan Dorrwaypage Berikut :
http://doorwaypage.com/C527-139.php
Cara Menggunakan dan Maksudnya Baca disini : Cara Kilat Naikkan Alexa Rank
Penutup
Jika Blog Sobat Tidak Ke index dalam Waktu 60 Menit( 1 jam ), Berarti ada kesalahan Prosedur.


Read More : Cara Rahasia Blog Baru terindex 60 menit

25.5.11

Free Download Emulator PS2 beserta tutorialnya


Apa yang dimaksud Emulator ini? ini adalah emulator untuk komputer bagi anda yang ingin bermain game PS2 tetapi tidak mempunyai PS2 namun memiliki komputer yang speck nya memenuhi persyaratan. Jadi anda jika ingin memainkan permainan PS2 masukan kaset PS2 ke CdRom anda lalu mainkan, atau bisa mendownload game kaset PS2 untuk komputer...  

1. Spesifikasi komputer Prosesor: Minimum dual core (Recommend core2duo) VGA : Minimum Gforce 6600 atau ATi Radeon X1300 RAM : Minimum 512MB (windows XP) atau 1GB (windows 7) 

2. File pendukung pastikan di komputer sobat telah terinstal  Net Framework


Berhubung cara setting sudah tinggal download, jadi saya tidak perlu lagi jelasin nya. Jangan menjadi orang sulit mengerti, melainkan jadilah orang yang mngembangkan pikiran anda...
 Download Emulator PS2 Via MU
 Download BIOS PS2
Tutorial Cara Setting


Update : 
Berikut Link untuk File Iso PS2 untuk dimainkan di mainkakn di PS2

- www.3roms.com
- www.trfighters.net
- www.psxhaven.com
- www.ps2iso.net
- www.psxhaven.com
- http://romhustler.net/
- http://www.ps3iso.com/

Terimakasih.
Read More : Free Download Emulator PS2 beserta tutorialnya

Kotak Komentar Facebook Versi Terbaru Tahun 2011



Ternyata saya sudah mendapatkan bagaimana cara membuat atau memasang kotak komentar facebook yang bisa di replay atau di balas layaknya memberikan komentar di status facebook.
Kotak komentar atau lebih dikenal dengan Comments Box facebook ini juga dapat mengirimkan pemberitahuan kepada admin atau pemilik suatu halaman website jika seseorang meninggalkan komentarnya di halaman site tersebut.

Berbeda dengan kotak komentar facebook versi dulu yang tidak memiliki fiture replay (balas), like (suka) atau notification (pemberitahuan) jika seseorang meninggalkan komentar.

Berikut contoh gambar komentar tersebut :


Bagi sobat yang suka buka developers.facebook.com pasti mengenal model komentar tersebut soalnya memang hanya di gunakan di developers.facebook.com komentar yang seperti itu. Tapi sekarang tidak lagi soalnya sudah saya share di sini 

Jika seseorang meninggalkan komentar dengan menggunakan akun facebooknya, maka di dinding atauwall facebooknya akan ada seperti contoh gambar di bawah ini :


Pasti saya yakin banget kalau sobat-sobat penggila blog juga pengen komentar seperti ini menghiasi blog sobat biar sedikit berbeda daripada yang lain.
Langsung ke tahap pemasangannya saja bagi yang pengen fiture ini.
Saya juga langsung membuat tampilan komentar ini dihiasi menggunakan CSS.
Langkah 1
Pertama kali sobat copas dulu kode CSS nya, letakkan di atas kode </head>.
<style type='text/css'>.fb_komen_box {margin-top:10px;-moz-border-radius:10px 10px 10px 10px;border-radius:10px;background-color:;border:1px solid #2B2B2B;margin-bottom:10px;padding:10px 7px 45px;}.fb_komen_atas {width:400px;height:24px;padding:0;margin:0 0 5px;background:url(&quot;https://lh5.googleusercontent.com/-VR1-lU9vpFg/TXlepwIAptI/AAAAAAAAAQw/pfct6Vw0luo/s1600/fb_koment_like.jpg&quot;) no-repeat scroll left top transparent;}.fb_komen_atas a {width:214px;height:24px;background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPq1nexmwRYs0ZQW4QhkeUXnlBmwSL0QAgQpeQlaVoq6ndGSjFYSGRLlirR-8-MW2fi_7Km1Y2FMKh_ny9tAhoOjR56JEpet70SD57z9qT4d0mMVoUA5uDfYxlUqpBpidr6J15ak642w/&quot;) no-repeat scroll left top transparent;display:block;margin-left:390px;text-indent:-5000px;}.fb_komen_isi {-moz-border-radius:10px 10px 10px 10px;border-radius:10px;background:none repeat scroll 0 0 #FFF;padding:12px 12px 0 12px;}.fb_tombol{background-color: #fff;-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2B2B2B; border-bottom:1px solid #2B2B2B; border-right:1px solid #2B2B2B; font-size:10px; padding:2px 5px;width:ancho; float:right; margin-top:15px;}</style> 


Langkah 2
Copy paste kode berikut di bawah tag <head>
<meta content='ID_APLIKASI' property='fb:app_id'/>
<meta content='ID_PROFIL_FACEBOOK' property='fb:admins'/>

Langkah 3
Selanjutnya temukan kode <data:post.body/>. Jika sobat menggunakan auto readmore, paste kode di bawah ini setelah <data:post.body/> yang ke-2.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_komen_box'><div class='fb_komen_atas'>
<a href='http://www.facebook.com/AzhokA.sonderberbagi' target='_new' title='Become a fan'>Become a Fan</a></div><div class='fb_komen_isi'><div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId  : &#39;ID-APLIKASDI_ANDA&#39;,status : true,cookie : true,xfbml  : true});};(function() {var e = document.createElement(&#39;script&#39;);e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;e.async = true;document.getElementById(&#39;fb-root&#39;).appendChild(e);}());</script><fb:comments expr:href='data:post.url' expr:title='data:post.title' migrated='1' width='450'/></div><div class='fb_tombol'><a href='http://www.azhoka-rjnet.co.cc/2011/05/kotak-komentar-facebook-versi-terbaru.html/' style='color:#2828e7;' target='_blank' title='Comment Box Facebook !'>Comment Box !</a></div></div></b:if>

  • Ganti ID_APLIKASI dengan ID_APLIKASI anda.
  • Ganti ID_PROFIL_FACEBOOK dengan ID_PROFIL_FACEBOOK anda.
  • Ganti kode yang berwarna Biru dengan URL Fans Page facebook blog atau Halaman Aplikasi facebook sobat. Jika tidak memiliki halaman Fans Page Facebook, tag <a href itu ada baiknya dihapus (ngomong-ngomong).
  • Ganti angka 450 dengan ukuran lebar yang anda inginkan untuk lebar comment box nya.
Selesai, semoga bermanfaat dan berbagilah dengan yang lainnya.
Jangan lupa komentarnya......

Source : http://adityameilaz.blogspot.com/2011/03/kotak-komentar-facebook-versi-terbaru.html
Read More : Kotak Komentar Facebook Versi Terbaru Tahun 2011

Tips n' Trik - Membuat Link Pelangi









Mau juga yang seperti ini di blog para sobat? Gampang banget kok caranya.. Nih dia tutorialnya membuat highlight link berwarna - warni :

1. Masuk ke Dasboard
2. Klik Tab Layout
3. Klik Tab Page Element
4. Klik Add Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pada kolom Content, pastekan script di bawah ini


<script src='http://kangfatur.googlecode.com/files/pelangi.js'type='text/javascript'/></script>



7. Naaah sekarang tinggal klik aja tombol save template trus lihat blog, beres deh... Mudah kan?

Selamat mencoba, semoga bermanfaat
Jangan lupa tinggalin pesannya yaaa???

source : http://www.coretan-guru-komputer.co.cc/2009/11/membuat-link-pelangi.html
Read More : Tips n' Trik - Membuat Link Pelangi

Tips n' Trik - Membuat Daftar Isi Berdasarkan Label Terbaru

Berikut adalah cara membuat daftar isi berdasarkan LABEL
sebagai contoh !!
Daftar Isi Blog Berdasarkan Label / Category
Langsung ajha !!! Berikut ada 2 script, yang pertama tanpa scroll dan yang kedua menggunakan fasilitas scroll (biar ga kepanjangan)

1. Untuk yang biasa


<script style="text/javascript" src="http://kangfatur.googlecode.com/files/daftar%20isi%20label.js"> </script> <script src="http://www.sonderberbagi.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


2. Untuk yang menggunakan scroll


<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;"> <script style="text/javascript" src="http://kangfatur.googlecode.com/files/daftar%20isi%20label.js"></script> <script src="http://www.sonderberbagi.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> <p> </div>

Catatan : Ganti kode warna merah dengan alamat URL Sobat.

3. Klik Simpan. Selesai

Naah setelah semua langkah langkah sobat jalani dan tanpa ada masalah apapun diperjalanan sekarang sobat tinggal lihat hasilnya pasti mantaaap. Semoga postingan kali ini bermanfaat bagi sobat semua, Selamat mencoba  

Source : http://www.coretan-guru-komputer.co.cc/2010/11/daftar-isi-berdasarkan-label.html
Read More : Tips n' Trik - Membuat Daftar Isi Berdasarkan Label Terbaru

24.5.11

Tips n' Trik - Membuat Menu Horisontal di Blogspot Terbaru


Membuat Menu Horisontal di Blogspot Terbaru - Gimana yah tulis tutorialnya ?? hehehehe maklum tutorial pertama yg asli di tulis dgn tangan sendiri... biasa sih copas (akakakakakka) aaahhhh capek basa basih lagi... langsung ajha ke tutornya

Persiapan :
  1. Keahlian
  2. Kesabaran
  3. 1 bungkus Rokok
  4. Teh/ Kopi Hangat
walaahhh malah ngga nyambunggg......


Langsung ajha deh,,,
Tahap 1
  • Masuk Ke Bloger
  • Pilih Rancangan
  • Edit HTML
  • Jangan Lupa Backup templatenya
  • Centang Expand Template Widget bisa jga ngga sih (hahaha)


Cari Kode <head> Kemudian copy javascript dibawah ini tepat di bawah kode <head> !!
<link href='https://sites.google.com/site/sonderberbagi/menu-blog-sonder-berbagi/menu.css' rel='stylesheet' type='text/css'/>
    <script src='https://sites.google.com/site/sonderberbagi/menu-blog-sonder-berbagi/jquery.js' type='text/javascript'/>
    <script src='https://sites.google.com/site/sonderberbagi/menu-blog-sonder-berbagi/menu.js' type='text/javascript'/>

Tahap 2

  • Masuk Ke Bloger
  • Pilih Rancangan
  • Elemen Halaman
  • Tambah Gadget pilih HTML
<div id="menu">
        <ul class="menu">
            <li><a href="#" class="parent"><span>Home</span></a>
                <div><ul>
                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                        <div><ul>
                            <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
                                <div><ul>
                                <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
                                <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
                                </ul></div>
                            </li>
                            <li><a href="#"><span>Sub Item 1.2</span></a></li>
                            <li><a href="#"><span>Sub Item 1.3</span></a></li>
                            <li><a href="#"><span>Sub Item 1.4</span></a></li>
                            <li><a href="#"><span>Sub Item 1.5</span></a></li>
                            <li><a href="#"><span>Sub Item 1.6</span></a></li>
                            <li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
                                <div><ul>
                                <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
                                <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
                                </ul></div>
                            </li>
                        </ul></div>
                    </li>
                    <li><a href="#"><span>Sub Item 2</span></a></li>
                    <li><a href="#"><span>Sub Item 3</span></a></li>
                </ul></div>
            </li>
            <li><a href="#"><span>Product Info</span></a>
                <div><ul>
                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                        <div><ul>
                        <li><a href="#"><span>Sub Item 1.1</span></a></li>
                        <li><a href="#"><span>Sub Item 1.2</span></a></li>
                        </ul></div>
                    </li>
                    <li><a href="#" class="parent"><span>Sub Item 2</span></a>
                        <div><ul>
                        <li><a href="#"><span>Sub Item 2.1</span></a></li>
                        <li><a href="#"><span>Sub Item 2.2</span></a></li>
                        </ul></div>
                    </li>
                    <li><a href="#"><span>Sub Item 3</span></a></li>
                    <li><a href="#"><span>Sub Item 4</span></a></li>
                    <li><a href="#"><span>Sub Item 5</span></a></li>
                    <li><a href="#"><span>Sub Item 6</span></a></li>
                    <li><a href="#"><span>Sub Item 7</span></a></li>
                </ul></div>
            </li>
            <li><a href="#"><span>Help</span></a></li>
            <li class="last"><a href="#"><span>Contacts</span></a></li>
        </ul>
    </div>

NB :
Tanda # Silakan ganti dgn URL tujuan kalian
Sub Item = Nama URL Tujuan

Mau Liat Yang sudah jadi ada disini gan
Read More : Tips n' Trik - Membuat Menu Horisontal di Blogspot Terbaru

Tips n' Trik - Menghilangkan Navbar Blogger

Bagaimana cara menghapus/menghilangkan navbar blogger? Memang blogger tidak menyediakan setting/pengaturan untuk menghapus navbar yang ada pada bagian paling atas blog. Tetapi Anda tetap bisa menghilangkannya dengan sedikit menambahkan kode css.

Navbar blogger ini memang tidak sering dipakai. Dan terkadang tidak serasi dengan template yang kita gunakan. Oleh sebab itu, banyak blogger yang menghilangkan navbar ini.

Nah, bagi Anda yang ingin menghilangkan navbar blogger ini, cukup tambahkan kode css di bawah ini.


#navbar-iframe {display: none;}

Untuk lebih jelasnya, ikuti tutorial berikut.
  1. Log in ke akun blogger Anda.
  2. Pilih menu Tata Letak (Layout) » Edit HTML.
  3. Cari kode ]]></b:skin>.
  4. Letakkan kode css tadi ke bagian atas kode ]]></b:skin>.
  5. Simpan template.
Sekarang lihat hasilnya. Apakah navbar blogger Anda sudah hilang? Jika sudah, maka template Anda mungkin akan tampak lebih profesional dan lebih menarik. Semoga tutorial blog singkat ini bisa membantu.
Read More : Tips n' Trik - Menghilangkan Navbar Blogger

Tips n' Trik - Membuat Semua Link Terbuka di Tab Baru

Kadang kita mempergunakan kode tertentu yang kita pasang pada link untuk membuat link tersebut terbuka pada jendela baru. Misalkan dengan menambahkan kode target="_blank" atau target="new" pada alamat link tersebut. Namun tahukah anda kalau ada kode singkat yang dapat membuat semua link blog anda terbuka pada new tab atau jendela baru (new windows). Baiklah mari kita pasang kodenya, ikuti langkah berikut ini.

  • Log in ke blog anda
  • Klik Rancangan


  • Klik Edit HTML


  • Masukkan kode berikut di bawah kode <head>

<base target='_blank'/>
  • Selanjutnya Simpan Template
  • Silahkan klik salah satu link atau daftar isi dari artikel anda, nantinya akan terbuka di jendela baru. 
  • Selamat mencoba dan sukses selalu
Read More : Tips n' Trik - Membuat Semua Link Terbuka di Tab Baru

Tips n' Trik - Membuat Back To Top Scroll

Kali ini saya akan posting back to top scroll. Saya akan posting dua cara membuatnya, dan silahkan pilih mana yang anda suka. Ikuti langkah berikut ini.

Back To Top Scroll Pertama


 Log in ke blog anda
Klik Rancangan


Klik Tambag Gadget


Pilih HTML/JavaScript


Masukkan kode berikut ke dalamnya, dan klik Simpan
<a title="Back to TOP" style="position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Back to TOP" src="https://lh4.googleusercontent.com/_u4rBCfM4eII/TaKKxIRNY2I/AAAAAAAABl8/vTr7RoxtMkA/backtotop.png"></a>

Back To Top Scroll ke Dua menggunakan jQuery


Seperti biasa log in ke blog andaKlik Rancangan


Klik Edit HTML


Masukkan kode berikut di atas kode </head>, dan jangan lupa Simpan Template
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://bloekoetoek-blogonol.googlecode.com/files/blogonol-scrolltop.js' type='text/javascript'>
</script>
 Ok selamat mencoba dan sukses selalu
Read More : Tips n' Trik - Membuat Back To Top Scroll

23.5.11

Free Download Label Design Studio 3.1 - Precracked

 
Label Design Studio 3.1 (Full Cracked) merupakan sebuah software yang memungkinkan anda untuk membuat label misalnya Label nama pada undangan atau buku, Label Iklan, Mendesain Sertifikat, bahkan bisa juga untuk mendesain Undangan sederhana. Cocok untuk anda yang ingin membuat label dengan cepat dan mudah tanpa harus menguasai software drawing seperti CorelDraw.
Screenshot :


Download :
Kondisinya sudah Precracked jadi ga perlu pakai Crack atau Serial lagi. Enjoy it...


Semoga Bermanfaat
^_^
Source : http://www.dytoshare.net/2011/05/label-design-studio-31-precracked.html
Read More : Free Download Label Design Studio 3.1 - Precracked

Membuat Drop Down Navigation Menu

  1. Masuk ke Dashboard, lalu klik Layout dan Edit HTML.
  2. Down Load dulu Template anda sebagai Backup.. .
  3. Copy kode dibawah ini dan paste sebelum kode </head> .
    <script src='http://stubb.fanatic.googlepages.com/chrome.js' type='text/javascript'/>
  4. Down Load salah satu code dibawah ini dan nanti simpan sebelum : ]]></b:skin>
    a. CSS style 1: klik di sini untuk download kode
    b. CSS style 2: klik di sini untuk download kode.
    c. CSS style 3: klik di sini untuk download kode
    d. CSS style 4: klik di sini untuk download kode
  5. Kalau gadget ini mau disimpan di bagian paling atas atau header , maka cari dulu kode warna merah terus ganti dengan kode warna biru :

    <b:section class="header" id="header" maxwidgets="1" showaddelement="no">

    <b:section class="header" id="header" maxwidgets="10" showaddelement="yes">
  6. Setelah itu jangan lupa Save Template
  7. Selanjutnya masuk ke Add page element trus klik HTML/Javascript. Kemudian masukan kode ini :
    <div id="chromemenu" class="chromestyle"><ul>
    <li><a href="link1" title="judul1">Link1</a></li>
    <li><a href="#" rel="dropmenu1" title="judul2">Link2</a></li>
    <li><a href="#" rel="dropmenu2" title="judul3">Link3</a></li>
    <li><a href="link2" title="judul4">Link4</a></li>
    </ul>
    </div>
    <!--1st drop down menu -->
    <div id="dropmenu1" style="width: 150px;" class="dropmenudiv">
    <a href="Alamatlink2.1" title="subJudul2.1">Link2.1<a>
    <a href="Alamatlink2.2" title="subJudul2.2">Link2.2</a>
    <a href="Alamatlink2.3" title="subJudul2.3">Link2.3</a>
    </div>
    <!--2nd drop down menu -->
    <div id="dropmenu2" style="width: 150px;" class="dropmenudiv">
    <a href="Alamatlink3.1" title="subJudul3.1">Nama3.1</a>
    <a href="Alamatlink3.2" title="subJudul3.2">Nama3.2</a>
    <a href="Alamatlink3.3" title="subJudul3.3">Nama3.3</a>
    </div>
    <script type="text/javascript">
    cssdropdown.startchrome("chromemenu")
    </script>

    Jika udah segera di Save dan lihat hasilnya, selanjutnya tinggal sesuaikan dengan selera anda caranya tinggal edit aja kode warna merah diatas.

    Source : http://saungweb.blogspot.com/2009/08/membuat-drop-down-navigation-menu.html
Read More : Membuat Drop Down Navigation Menu

Tampil Cantik Dengan Menu Tab View

Postingan tentang Tampil Cantik Dengan Menu Tab View  ini untuk menjawab beberapa sobat yang bertanya seperti ini “ Kang, gimana caranya bikin widget seperti Daftar Isi, Comment, Services dan Others yang disidebar itu ??, kasih tahu doong,”  katanya.,
Memang dengan Menu Tab View bisa menghemat tempat di sidebar karena dalam satu widget bisa menyimpan beberapa menu sesuai kehendak kita , bukan itu saja tampilannyapun tampak cantik dan terkesan profesional, seperti tampilan di bawah ini. .
Menu Tab View
Cara Membuat Menu Tab View ini adalah sbb. :
  1. Masuk ke Dashboard , Pilih Layout , lalu klik Edit HTML
  2. Backup template dulu dengan  Download Full Template
  3. Kemudian cari kode ini ]]></b:skin>
  4. Untuk memudahkan pencarian , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
  5. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin>
    /* Menu Tab View
    ----------------------------------------------- */
    div.TabView div.Tabs {widht:100%;
    padding-top: 0px;
    height: 24px;
    overflow: hidden;
    }
    /* Menu Utama */
    div.TabView div.Tabs a {
    float: left;
    display: block;
    width: 110px; /* ukuran lebar menu */
    text-align: center;
    height: 30px; /* ukuran tinggi menu */
    padding-top: 7px;
    margin-right:4px; /* jarak antarmenu */
    vertical-align: middle;
    border: 1px solid #ccc; /* warna border menu */
    border-bottom-width: 0;
    margin:0px;
    padding: 5px 0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;; /* besar hurup menu */
    background-color: #4c4c4c; /* warna latar menu */
    color: #FFFFFF; /* warna hurup menu */
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    }
    div.TabView div.Tabs a.Active {
    background-color: #FFFFFF; /* warna background menu aktif */
    color: #000000;
    }
    div.TabView div.Tabs a:hover {
    background-color: #999999; /* warna background menu hover */
    color: #FFFFCC;
    font-weight: bold;
    }
    /* Kotak Utama */
    div.TabView div.Pages {
    clear: both;
    border: 1px solid #CCC; /* warna border kotak utama */
    overflow: hidden;
    background:#FFFFFF; /* background kotak utama */
    }
    div.TabView div.Pages div.Page {
    height: 100%;
    padding: 7px;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad {
    padding: 5px 0px;
    font-size: 12px; /* besar hurup kotak utama */
    }
    /* tabview css end */
  6. Perhatikan text-text yang berwarna pink, silahkan disesuaikan ya.
  7. Selanjutnya pasang kode berikut ini sebelum kode </head>
    <script src='https://sites.google.com/site/sonderberbagi/javascript/tabview.js' type="text/javascript"/>
  8. Jika sudah tinggal Save Templates
  9. Selesai …  untuk langkah pertama,
  10. Langkah ke dua Silahkan masuk kemenu "Page Elements"
  11. Klik  "Add a Gadget" ,  pilih "HTML/Javascript"  ,
  12. Kemudian copy paste kode dibawah ini :
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 260px;">
<a>Menu 1</a>
<a>Menu 2</a>
<a>Menu 3</a>

</div>
<div class="Pages" style="width: 256px; height: 270px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />

</div></div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />

</div></div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />

</div></div>
</div></div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Catatan :
  • Angka warna pink adalah tinggi dan lebar tab view, silahkan disesuaikan
  • Kode yang berwarna Biru Adalah text  Menu utama
  • Kode yang berwarna merah adalah isi dari tab view tsb.

Soure : http://saungweb.blogspot.com/2010/04/tampil-cantik-dengan-menu-tab-view.html
Read More : Tampil Cantik Dengan Menu Tab View

Membuat Daftar Isi Sesuai Tanggal Postingan di Postingan atau di Sidebar




No lama lama ajha langzung dipengerjaannya !!
  1. Login dulu  ke    http://www.blogger.com/ 
  2. Kemudian buat sebuah Entri Baru dan pilih Edit HTML. 
  3. Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
  4. Copy Paste script dibawah ini dan ganti nama www.azhoka-rjnet.co.cc dengan nama Blog anda :
    <script style="text/javascript" src="https://sites.google.com/site/sonderberbagi/javascript/TOCtanggal.js.txt"> </script>
    <script src="http://www.azhoka-rjnet.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  5. Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
  6. Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 , sehingga lengkapnya akan seperti ini : (Kode warna pink silahkan sesuaikan, kalaupun mau dihapus juga silahkan) :
    <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
    <p align="center">
    <font size="4">Daftar Isi Blog Berdasarkan Tanggal Postingan</font></p>

    <script style="text/javascript" src="https://sites.google.com/site/sonderberbagi/javascript/TOCtanggal.js.txt"> </script>
    <script src="http://www.azhoka-rjnet.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

    </div>
    NB : kalau mau di taruh di sidebar silakan ikuti tutor ini
    1. Masuk Ke menu Rancangan
    2. Ke menu Elemen halaman
    3. Tambah Gadget
    4. HTML kode
    5. pastekan kode diatas
    6. Save

  7. Langkah selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll, contoh :
<a href='Link Tujuan' target='_blank'>Daftar Isi Berdasarkan Tanggal Postingan </a>


source : http://saungweb.blogspot.com/2010/06/membuat-daftar-isi-sesuai-tanggal.html
Read More : Membuat Daftar Isi Sesuai Tanggal Postingan di Postingan atau di Sidebar

22.5.11

Membuat Daftar Isi Sesuai Label di Postingan atau di Sidebar





Ada beberapa macam cara untuk membuat daftar isi atau Table Of Content (TOC) yaitu ada yang disimpan di sidebar atau dipostingan, ada yang berdasarkan label atau  tanggal posting dll.. Dan sekarang saya akan posting tentang Cara Membuat Daftar Isi Sesuai Label atau Category.

Membuat daftar isi di blog tentu sangat dibutuhkan untuk memudahkan pengunjung mencari artikel/materi yang dibutuhkan, tentu ini sebagai salah satu bentuk pelayanan prima bagi pengunjung, apalagi jika artikelnya sudah banyak.

Nah kali ini saya akan posting sekalian menjawab sobat yang bertanya tentang bagaimana Cara  Membuat Daftar Isi Berdasarkan Label atau Kategori yang disimpan pada halaman posting seperti contoh Daftar Isi pada blog ini.

Cara membuat Daftar Isi ini saya dapatkan dari blognya Abu Farhan dan sudah saya edit sendiri,  langkah-langkahnya seperti ini :
  1. Login dulu  ke    http://www.blogger.com/ 
  2. Kemudian buat sebuah Entri Baru dan pilih Edit HTML. 
  3. Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
  4. Copy Paste script dibawah ini dan ganti nama www.azhoka-rjnet.co.cc dengan nama Blog anda :
    <script style="text/javascript" src="https://sites.google.com/site/sonderberbagi/javascript/TOCcategory.js.txt"> </script>
    <script src="http://www.azhoka-rjnet.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  5. Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
  6. Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 , sehingga lengkapnya akan seperti ini : (Kode warna pink silahkan sesuaikan, kalaupun mau dihapus juga silahkan) :
    <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
    <p align="center">
    <font size="4">Daftar Isi Blog Berdasarkan Label / Category</font></p>

    <script style="text/javascript" src="https://sites.google.com/site/sonderberbagi/javascript/TOCcategory.js.txt"> </script>
    <script src="http://www.azhoka-rjnet.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

    </div>
    NB : kalau mau di taruh di sidebar silakan ikuti tutor ini
    1. Masuk Ke menu Rancangan
    2. Ke menu Elemen halaman
    3. Tambah Gadget
    4. HTML kode
    5. pastekan kode diatas
    6. Save

  7. Langkah selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll, contoh :
<a href='Link Tujuan' target='_blank'>Daftar Isi Berdasarkan Label </a>
Source : http://saungweb.blogspot.com/2010/05/membuat-daftar-isi-sesuai-label.html

Read More : Membuat Daftar Isi Sesuai Label di Postingan atau di Sidebar

Cara membuat random post berjalan


Sekarang kita akan belajar membuat random post yang bisa berjalan kawan di blog kalian, random post berjalan berguna untuk blog kita karena postingan kita yang telah berlalu atau udah lama banget bisa muncul di blog kita dengan tulisan yang bisa berjalan kawan. Nah, caranya cukup mudah kok kawan langsung saja kita belajar membuatnya kawan ngak usah terlalu lama di sini. 
Cara membuat random post berjalan
1. Login ke blogger 
2. Pilih Rancangan   
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan kode HTML berikut ini

<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.azhoka-rjnet.co.cc
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<!-- Alphabetical Post Title Listing End -->

6. Simpan jika sudah selesai
Catatan :
Ganti http://www.azhoka-rjnet.co.cc dengan URL blog kamu sendiri
dan 3 adalah kecepatan berjalannya tulisan


Source : http://ini-hanya-blog.blogspot.com/2011/03/cara-membuat-random-post-berjalan.html
Read More : Cara membuat random post berjalan

Tips n' Trik - Cara membuat Burung terbang di blog ["flying bird"]

Sekarang untuk menfollow twitter anda ada cara yang lebih asik lagi kawan yaitu caranya kita harus pasang "flying bird" di blog kita. Contohnya nanti di blog kita akan ada burung terbang-terbang dan apa bila nanti di klik langsung menuju ke twitter kita. Cara ini cukup unik kawan dan sudah banyak yang menggunakan cara ini. Nah langsung saja kita belajar membuatnya kawan dan ngak usah terlalu lama di sini ikuti aja cara di bawah ini kawan. 
Cara membuat icon twitter flying bird
1. Login ke blogger 
2. Pilih Rancangan   
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan kode HTML berikut ini



Flying bird merah :




<script type="text/javascript" src="https://sites.google.com/site/sonderberbagi/javascript/Twitterbangazhoka.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuzWPRBrycsfu8RFrkU2_jzCkdUg1gEnQ11WTjv-a0VkYB0FAGP7IY1C2OSJQnupscPVTUwZ0jyKQ9H55HvaGPIIU1RVML5tOdYQOLqtKlkjhnPw5Kuq6t7FU2_NfvoeMXcgQY8DzsTKc/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/maiser07";var tweetThisText = "Twitter - maiser07 http://www.azhoka-rjnet.co.cc/";tripleflapInit();</script>

Flying bird biru :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAkU4s0OglClZbLRlazc6ksPIvk1agqFoJFsocRyMn238iY1an4W-R63TmFBj3IiJ_VP-NLWvBKciMv82kzFJSjkTg19S6wwuNfJDerVtMOranMrmx0kgwnKBqVzKNrofBvbPSNsRmA9o/


<script type="text/javascript" src="https://sites.google.com/site/sonderberbagi/javascript/Twitterbangazhoka.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAkU4s0OglClZbLRlazc6ksPIvk1agqFoJFsocRyMn238iY1an4W-R63TmFBj3IiJ_VP-NLWvBKciMv82kzFJSjkTg19S6wwuNfJDerVtMOranMrmx0kgwnKBqVzKNrofBvbPSNsRmA9o/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/
maiser07";var tweetThisText = "Twitter - maiser07 http://www.azhoka-rjnet.co.cc/";tripleflapInit();</script>
6. Simpan jika sudah selesai

Catatan :
=> Ganti tulisan yang berwarna merah  dengan nama twitter kamu
=> Ganti tulisan yang berwarna biru dengan URL blog kamu

Source : http://ini-hanya-blog.blogspot.com/2011/03/cara-membuat-icon-twitter-flying-bird.html
Read More : Tips n' Trik - Cara membuat Burung terbang di blog ["flying bird"]

Fans Page

Tinggalkan Jejak !


ShoutMix chat widget
Mau kayak Gini? klik ajha !

Followers

  © Free Blogger templates The Robotic by Kang Oemar templates 2009

Kembali Ke : ATAS