Direktori Blog Indonesia dari SalingSilang

SalingSilang yang memang menjadi portal dari keluarga dagdigdug dengan berbagai anak seperti politikana, curipandang, bicara film dan lain-lain. Salingsilang mempunyai 15 situs keluarga yang semua ditampilkan di salingsilang sebagai agregatornya. Semua informasi dari yang terbaru dan terpopuler ditampilkan di sana.

SalingSilang.com memudahkan Anda untuk mendapatkan informasi terhangat dari Internet. Topik, tren, berita, debat, link, foto, video terbaru akan kami sediakan disini sehingga dapat menghemat waktu Anda tanpa harus ketinggalan informasi. Paduan SalingSilang Engine yang mengumpulkan data percakapan yang terjadi di dunia maya Indonesia dan Tim Editorial SalingSilang.com akan menjaring, menata dan memaknai setiap peristiwa maya dan menunjukkannya dengan cepat.

Dan kini kita bisa menambahkan blog kita di direktori blog salingsilang, ini alamatnya http://blogdir.salingsilang.com/ dan klaim blog itu sebagai blog milik anda. Sampai tulisan ini dibuat direktori blog salingsilang ini masih berbenah. Janjinya akan memetakan blog-blog yang ada di Indonesia ini agar mudah dikenali, kadang kalau langsung dari search engine itu menyesatkan :(


Direktori blog Indonesia dari salingsilang ini telah menjaring beberapa blog yang kemudian bisa kita klaim blog kita dengan demikian kita bisa menambahkan informasi blog kita. Misalnya blog ini kurniasepta.blogspot.com saya bisa menambahkan deskripsi tentang blog ini dan termasuk dalam kategori apa, jika kita sudah mengklaim. Direktori blog Indonesia akan membantu blogger dan masyarakat untuk menemukan dan mendapatkan update dari blog-blog Indonesia sesuai dengan temanya.

Kedepannya, Direktori Blog Indonesia juga akan memberikan layanan tambahan seperti blog ranking untuk masing-masing kategori, blog of the day, of the week untuk menampilkan lebih banyak blogger baru/pemula untuk lebih dikenal oleh masyarakat luas, serta beberapa rencana lain yang masih harus kami godok

Panduan Mengklaim Blog di Direktori Blog Indonesia

1. Masukkan alamat blog Anda ke dalam kotak pencarian
2. Untuk melakukan klaim, Anda harus login terlebih dahulu. Bila belum punya akun, Anda bisa membuat akun terlebih dahulu.
3. Jika blog Anda ditemukan, maka akan muncul kode yang harus Anda pasang di blog Anda. Cara memasang kode bisa dilihat di panduan memasang kode
4. Setelah kode terpasang di blog Anda, tekan tombol: Sudah, lanjut menyunting blog → agar mesin kami mendeteksi kode dan memverifiksi blog Anda.
5. Setelah mesin kami berhasil mendeteksi kode, Anda akan dibawa ke halaman menyunting informasi blog. Sesuaikan dengan informasi blog Anda.
6. Selesai! Blog Anda telah berhasil diklaim dan diverifikasi.

Klik di sini untuk melihat panduan lebih lengkap.

selengkapnya>>

Membuat Buku Tamu yang Buka Tutup

Kali ini rasanya saya membuat judul yang unik dech :D Membuat Buku Tamu yang Buka Tutup Namanya juga buku ya bisa dibuka dan ditutup donk. Yang sudah berkunjung mengisi buku tamu menuliskan namanya, alamatnya dan pesannya. Buku tamu ini dipasang di blog kita. Buku tamu ini lebih populer dengan sebutan shoutbox

Yang banyak diguanakan untuk buku tamu yang kita buat ini akan bisa di buka dan ditutup, jadi terus tampil di halaman blog secara tidak utuh, jika ingin buka tinggal ngeklik dan jika ingin tutup buku tamunya juga diklik aja. Ada tulisan BUKU TAMU yang nempel dipinggir halaman dan tinggal klik untuk buka tutupnya. Untuk membuat buku tamu yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa didapatkan di shoutmix atau cbox. Di sana kita registrasi dan buat widgetnya lalu ambil kodenya.

Cara Membuat Buku Tamu yang Buka Tutup
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

TARUH KODE WIDGET SHOUTOXMU DI SINI

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

Kita taruh kode yang sudah peroleh dari shoutmix atau cbox ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). Dan Simpan jika sudah selesai.

selengkapnya>>

Membuat Artikel Terkait Bergambar Berjalan

Sebenaranya denganjudul yang kayak diatas itu binggung gak? :D Ingin membuat tulisan yang terkait atau artikel terkait yang ada gambar (thumbnail). Jika yang biasanya hanya judul yang terkait dengan yang kita buka (baca) tapi kali ini kita akan membuat tulisan terkait dengan diseratai thumbnail yang ada di postingan yang terkait dengan tulisan (artikel) yang kita baca.

Artikel terkait yang disertai thumbnail (gambar kecil) tidak hanya diam, tetapi berjalan kesamping, menampilkan thumbnail disertai dengan judul tulisan (artikel). Thumbnail Related Posts (artikel terkait bergambar) ini akan menghemat banyak temaptdi blog kita, ya memang karena artikel terkait bergambarnya dibuat berjalan sehingga kita juga bisa membuat lebih banyak artikel terkait bergambar yang ditampilkan.

Cara Membuat Artikel Terkait Bergambar Berjalan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head>
6. Taruh (copy paste) kode berikut ini di atasnya

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

7. Cari kode di bawah ini

<div class='post-footer-line post-footer-line-1'>

Atau jika tidak menemukannya cari kode berikut ini

<p class='post-footer-line post-footer-line-1'>

8. Jika sudah ketemu, taruh (copy paste) kode berikut ini di bawah salah satu kode di atas (no.7)

<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

9. Kita juga dapat menganti beberapa kode css, seperti berikut ini

var maxresults=10;

Berarti artikel terkait yang akan kita tampilkan adalah 10

var relatedpoststitle="Thumbnail Related Post";

Judulnya adalah Thumbnail Related Post

selengkapnya>>

XL BlackBerry GRATIS Roaming Internasional di 7 Negara

Operator seluler apa yang menyedia layanan BlackBerry no. 1 di Indonesia? Jawabnya adalah XL. Operator seluler yang satu ini begitu banyak memberikan kemudahan dan penawaran yang menarik bagi pengguna BlackBerry. XL menghadirkan inovasi layanan pertama di dunia berupa fasilitas GRATIS Roaming data Internasional bagi pelanggan XL BlackBerry di 7 negara, yaitu Jepang, Singapura, Malaysia, Kamboja, Banglades, Sri Lanka, dan Hong Kong.

Bagi pelanggan baru, cara mendapatkan fasilitas gratis layanan internasional roaming ini sangat mudah. Pelanggan cukup mengaktifkan layanan BlackBerry Full Service bulanan dengan cara kirim SMS dengan menuliskan “BB(spasi)BULAN lalu kirim ke 568. Setelah menerima notifikasi, jawab dengan ketik Y dan kirim lagi ke 568. Pelanggan akan mendapatkan notifikasi lagi yang menginformasikan bahwa dalam 24 jam layanan XL BlackBerry akan aktif. Dengan aktifnya layanan XL BlackBerry Full Service Bulanan, otomatis pula akan aktif fasilitas roaming internasional. Layanan Blackberry Roaming akan otomatis dihentikan saat pelanggan tiba di Indonesia.

Untuk pelanggan XL BlackBerry Full Service bulanan yang yang menggunakan kartu XL Prabayar bisa secara otomatis menikmati fasilitas gratis internasional roaming selama 3 hari pertama yang berlaku di 7 negara begitu mengaktifkan layanan XL BlackBerry dengan tarif hanya Rp. 99.000/bulan. Pelanggan tidak akan dikenakan biaya apapun untuk mengaktifkan layanan roaming internasionalnya. Fasilitas gratis roaming ini berlaku selama 3 hari pertama di negara yang dikunjungi serta untuk maksimal 3 kali kunjungan di negara tujuan dalam jangka waktu 30 hari atau sebulan. Untuk hari ke-4 dan seterusnya di setiap kunjungan akan dikenakan tarif roaming normal

Sementara bagi pelanggan XL BlackBerry yang menggunakan kartu XL Pascabayar, fasilitas gratis internasional roaming bisa dinikmati selama 9 hari dalam jangka waktu 30 hari di 7 negara yang termasuk dalam daftar program bebas internasional roaming ini. Untuk hari ke-10 dan seterusnya, akan dikenakan tarif roaming normal.

Bagaimana? begitu mudah dan murahkan? Untuk  cara setting network, bisa klik di sini.

selengkapnya>>

Membuat Menu Tab View

Ingin blognya lebih rapi lagi? pakai saja navigasi yang satu ini, yaitu Menu Tab View.Dengan menu tab view, kita akan menghemat lebih banyak tempat, dengan sedikit space kita bisa menampilkan banyak piliha. Misalnya kita bisa menampilkan menu tulisan Terbaru, Komentar, dan Terpopuler. Langsung saja akan kita pelajari bersama cara membuat menu tab view, seperti yang saya pakai sekarang ini.

Untuk membuat tab view yang kita pelajari ini cukup mudah, tidak perlu mengedit template, tapi hanya menambahkan script saja di HTML/JavaScript.

Cara Membuat Menu Tab View
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<div><style type="text/css">
    div.TabView div.Tabs
    {height: 30px;overflow: hidden}
    div.TabView div.Tabs a {float:left; display:block; width: 77px; /* Lebar Menu Utama Atas */
    text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
    padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* 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: #333333; /* Warna background Menu Utama Atas */ }
    div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#333333; /* 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: 5px 5px}
    </style>
    <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>
    <form action="tabview.html" method="get">
    <div id="TabView" class="TabView">
    <div style="width: 240px;" class="Tabs">
    <a>Terbaru</a>
    <a>Komentar</a>
    <a>Iklan</a>
    </div>
    <div style="width:240px; height:300px; " class="Pages">
    <div class="Page">
    <div class="Pad">
   
<script style="text/javascript" src="http://duniaanda.googlepages.com/typoxp-recentposts.js">
</script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://kurniasepta.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script>
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
<script style="”text/javascript”" src="http://duniaanda.googlepages.com/typoxp-recentcomments2.js">
</script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://kurniasepta.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
       </div>
    </div>

    <div class="Page">
    <div class="Pad">
   <script src="http://kumpulblogger.com/sca.php?b=6024" type="text/javascript"></script>
    </div>
    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script><div></div></div>

Ada beberapa yang harus kita ketahui dari script di atas:

• Itu ada adalah tab view yang Belajar Ngeblog di BLOG gunakan, silahkan mengganti beberapa kode warna yang sesuai dengan blog Anda. Misalnya ganti 333333 dan 000000 dengan FFFFFF jika warna dasar blog anda adalah putih.
• Anda dapat mengganti lebar dan tinggi menu tab view dengan merubah width:240px; height:300px sesuai  dengan sidebar blog Anda.
• Dan juga Anda harus mengganti script di masing-masing tab ( yang miring ) dengan script yang Anda inginpasang di tab view, atau jika tidak mau susah-susah ganti saja kurniasepta dengan sub domain blog Anda.

selengkapnya>>