Cara Menghilangkan Link Posting Lama

Sebagaiman anda ketahui bahwa saat sekarang ini blogger.com masih menggunakan template dengan dua versi, yaitu versi Template Klasik serta versi Template baru. Salah satu perbedaan antara keduanya adalah versi klasik tidak mempunyai fasilitas link “Posting Lama” atau “Older Posts”, dengan di tambahkannya fasilitas tersebut pada template versi baru maka akan lebih mempermudah para pembaca untuk menemukan artikel yang sudah tidak tampil di halaman depan.

Ternyata memang “lain orang lain juga keinginan”. Di kala orang lain senang dengan kehadiran fasilitas tersebut, ternyata ada juga yang ingin menghilangkannya, apakah itu anda? pertanyaan selanjutnya apakah fasilitas tersebut bisa di hilangkan atau tidak? jawaban singkat “Bisa”, dan caranya pun terbilang sangat mudah.

Sebelumnya perlu di ketahui bahwa fasilitas link tersebut ada 3 yaitu “Posting baru” atau “Newer Posts”, “Home” atau “Halaman Muka”, serta “Posting Lama” atau “Older Posts”. Mana yang mau anda hilangkan, atau mau semuanya? tentu saja bisa. Untuk menghilangkannya anda hanya menambahkan sedikit kode pada CSS template anda.

 

Untuk menghilangkan “Posting baru” atau “Newer Posts” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager-newer-link {
float: left;
}

Ganti kodenya jadi seperti ini :

#blog-pager-newer-link {
display:none;

}

Jangan lupa untuk menyimpan template anda

 

Untuk menghilangkan “Posting Lama” atau “Newer Posts” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager-older-link {
float:right;
padding-right:5px;
}

Ganti kodenya jadi seperti ini :

#blog-pager-older-link {
display:none;

}

Jangan lupa untuk menyimpan template anda

 

Untuk menghilangkan “Home” atau “Halaman Muka” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager {
text-align: center;
}

Ganti kodenya jadi seperti ini :

#blog-pager { 

display:none;

}

Jangan lupa untuk menyimpan template anda

 

Mudah sekali bukan? atau anda masih merasa bingung? OK, kang Rohman ladenin deh kalau begitu. Berikut langkah lengkapnya ;

 

1. Login ke blogger dengan ID anda.
   
2. Klik Tata Letak.
   
3. Klik tab Edit HTML
   
4. Klik Download Template Lengkap. silahkan save dulu template anda sebagai backup.
   
5. Cari kode yang mirip dengan kode di bawah :
   

    

   
   

   #blog-pager-newer-link {
   float: left;
   }
   #blog-pager-older-link {
   float:right;
   padding-right:5px;
   }
   #blog-pager {
   text-align: center;
   }

   
   
6. 
   

   Hapus kode di atas, lalu ganti dengan kode di bawah ini :

   
   

   #blog-pager-newer-link {
   display:none;
   }
   #blog-pager-older-link {
   display:none;
   }
   #blog-pager {
   display:none;
   }

   
   
7. 
   

   Klik tombol SIMPAN TEMPLATE.

   
   
8. 
   

   Selesai. Ucapkan dadah padanya.

 

Selamat deh bagi yang benci akan kehadiran fasilitas “Older Posts”, karena dia akan enggan untuk menampakkan diri lagi di blog anda.

Read More

PLAIN REVIEW PAGE

Dunia paidreview Indonesia diramaikan oleh kehadiran satu lagi pendatang baru, www.plainreviewpage.com yang baru saja diluncurkan pertengahan November ini.

Website yang dibangun dengan platform bawaan minima dari blogspot ini mengambil gaya serba polos, sesuai dengan sebutan “plain” yang disandangnya. Border pada header, post, maupun sidebar dihilangkan untuk mengesankan kepolosan. Secara umum sepertinya si empunya memang tidak berniat untuk membuat penampilan yang “wah” untuk website ini.

Konten website terbagi dalam beberapa kategori, diantaranya hotels, business, internet, finance, notebooks dan health. Konten yang ditampilkan tampaknya bukan merupakan hasil review, tapi masih semacam “pemeriah” saja. Bisa dimengerti juga sih, namanya juga website baru seumur toge…

Kita lihat saja bagaimana perkembangan www.plainreviewpage.com ke depannya. Kalau reviewernya memiliki keuletan, dalam waktu tidak terlalu lama insyaAllah websitenya akan mulai menghasilkan lembaran-lembaran dolar.

Read More

Pasang Featured Content Di Blogger

Anda sudah pasti mengetahui Wordpress Theme karya Brian Gardner, sebuah karya yang begitu populer di kalangan pengguna wordpress karena menghadirkan Theme yang mengusung tema Magazine, namanya “Revolution Theme”. Dan sekarang malah sudah di launching “Revolution Theme 2”. Salah satu dari Revolution Theme tersebut ada yang di namakan “Revolution_music-10”. Daya tarik dari “Revolution_music-10”  adalah adanya feature gambar Slide show dengan penambahan variasi yang begitu cantik dan menarik.

Setengah hari Kang Rohman habiskan agar feature tersebut bisa di implementasikan pada template blogspot, dan akhirnya bisa juga. Penasaran seperti apa Feature tersebut? silahkan lihat demonya di http://user-online.blogspot.com, silahkan saksikan beberapa saat untuk melihat keindahan dari slideshownya, klik pada tulisan Featured Content atau tanda panah yang ada di sebelah pinggir agar bisa melihat variasi yang menarik.

Sudah di lihat demonya? tertarik untuk memasang pada template anda? tunggu saja pada posting berikutnya yang akan kang Rohman tulis!

Engga dhenk mo di tulis sekarang . Jika anda tertarik membuat feature tersebut, silahkan ikuti langkah-langkah berikut ;

 

Buat gambar yang ingin di jadikan Slide Show dengan ukuran yang anda inginkan, misal ukuran 550px X 200px. Disarankan jangan terlalu banyak, maksimal 5 buah gambar agar tidak terlalu berat saat loading. Contoh :

 

 

Upload gambar-gambar tersebut ke server yang biasa anda gunakan, kemudian catat alamatnya. Misalkan gambar yang sudah saya upload mempunyai alamat seperti ini :

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfpZlKu7M4ocplsdVtlUG0ETUlcY9kNxXPzuMSkvPY4W6GG411culIN8pE14BY6jhpDV6nlPqOOxAqtTUuWzrYH9EpaafHz8zqaPr6Tr0hgkbrQXD3FCT87Uf4lEbcY-cLoCBEYDsocgA/?imgmax=800

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe6lJR0upYKa-xigEPmKxatdR9YvynVCCJ2v71VEMVeqCV8oIezVuXz1SQGzdGEuj_jMAHeyPEuBxwjhT2xADPm2L2Z7GN1ccJv0RmhOWCnRbepUicciuAPUAHtYyUkNv89MSYzE7hkps/?imgmax=800

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_m6zdAPf1PgQ45s-6Np6p_wcm4znaFVv6tnpJ01KWYnZhcgm3TOig0Be5yXk93VEhapaizfTn3bGNVefgrqaMtev2K4qH4sPWeP1BfSDj3xkNik0VpX2IoraAW03ZSmR5MXxcu9AGppM/?imgmax=800

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtvfz4oyd8R2elUFJRsHUg5XeX2PRi-JhMV3MVaYBuMYANAa2GE8iderI_7F9fSjS74TWMjLzqxslWUnGgIudP6x6TGTinN1dnJVZHyeJLasUr0b1udpQcaz8RkyDM4zK57ud9xZ2vg8/?imgmax=800

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEighdgd7HSk-QudPxSf_91HNJlxtWGmbxdO3f_ITBnczUt-k-_aaC3nMBdO9P94jjqiLohqUz31FWt6w4ac4VIhVDm6sOE6r-_vMyKfKWYrrWsFeE07gtfi_TRQ0fyi1IGMKRNyti28nLA/?imgmax=800

 

Tentukan link yang anda targetkan apabila gambar-gambar tersebut di klik oleh pengunjung, misal :

http://www.blogspottutorial.com/search/label/free%20icons

http://www.blogspottutorial.com/search/label/free%20template

http://www.blogspottutorial.com/search/label/free%20tool

http://www.blogspottutorial.com/search/label/blogspot%20tutorial

http://www.blogspottutorial.com/search/label/logo

 

Jika anda sudah mempunyai alamat gambar serta alamat link yang akan di pasang, maka ubahlah menjadi seperti ini (contoh saja) :

<div id="myGallery">
        <div class="imageElement">
            <h3>Wordpress Themes</h3>

            <p>Get Wordpress Themes for free here!</p>
            <a href="http://www.blogspottutorial.com/search/label/blogspot%20tutorial" class="open" title="Click here to read full story"></a>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtvfz4oyd8R2elUFJRsHUg5XeX2PRi-JhMV3MVaYBuMYANAa2GE8iderI_7F9fSjS74TWMjLzqxslWUnGgIudP6x6TGTinN1dnJVZHyeJLasUr0b1udpQcaz8RkyDM4zK57ud9xZ2vg8/?imgmax=800" class="full"/>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtvfz4oyd8R2elUFJRsHUg5XeX2PRi-JhMV3MVaYBuMYANAa2GE8iderI_7F9fSjS74TWMjLzqxslWUnGgIudP6x6TGTinN1dnJVZHyeJLasUr0b1udpQcaz8RkyDM4zK57ud9xZ2vg8/?imgmax=800" class="thumbnail"/>
        </div>
        <div class="imageElement">
            <h3>Blogger Templates</h3>
            <p>Get Blogger templates for free here!</p>

            <a href="http://www.blogspottutorial.com/search/label/free%20template" class="open" title="Click here to read full story"></a>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_m6zdAPf1PgQ45s-6Np6p_wcm4znaFVv6tnpJ01KWYnZhcgm3TOig0Be5yXk93VEhapaizfTn3bGNVefgrqaMtev2K4qH4sPWeP1BfSDj3xkNik0VpX2IoraAW03ZSmR5MXxcu9AGppM/?imgmax=800" class="full"/>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_m6zdAPf1PgQ45s-6Np6p_wcm4znaFVv6tnpJ01KWYnZhcgm3TOig0Be5yXk93VEhapaizfTn3bGNVefgrqaMtev2K4qH4sPWeP1BfSDj3xkNik0VpX2IoraAW03ZSmR5MXxcu9AGppM/?imgmax=800" class="thumbnail"/>
        </div>
        <div class="imageElement">
            <h3>Icons</h3>
            <p>Get cute icons web and blog for free here!</p>
            <a href="http://www.blogspottutorial.com/search/label/free%20icons" class="open" title="Click here to read full story"></a>

            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfpZlKu7M4ocplsdVtlUG0ETUlcY9kNxXPzuMSkvPY4W6GG411culIN8pE14BY6jhpDV6nlPqOOxAqtTUuWzrYH9EpaafHz8zqaPr6Tr0hgkbrQXD3FCT87Uf4lEbcY-cLoCBEYDsocgA/?imgmax=800" class="full"/>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfpZlKu7M4ocplsdVtlUG0ETUlcY9kNxXPzuMSkvPY4W6GG411culIN8pE14BY6jhpDV6nlPqOOxAqtTUuWzrYH9EpaafHz8zqaPr6Tr0hgkbrQXD3FCT87Uf4lEbcY-cLoCBEYDsocgA/?imgmax=800" class="thumbnail"/>
        </div>
        <div class="imageElement">
            <h3>Wallpapers</h3>
            <p>Get beautiful wallpapers for free here!</p>
            <a href="http://www.blogspottutorial.com/search/label/logo" class="open" title="Click here to read full story"></a>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEighdgd7HSk-QudPxSf_91HNJlxtWGmbxdO3f_ITBnczUt-k-_aaC3nMBdO9P94jjqiLohqUz31FWt6w4ac4VIhVDm6sOE6r-_vMyKfKWYrrWsFeE07gtfi_TRQ0fyi1IGMKRNyti28nLA/?imgmax=800" class="full"/>

            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEighdgd7HSk-QudPxSf_91HNJlxtWGmbxdO3f_ITBnczUt-k-_aaC3nMBdO9P94jjqiLohqUz31FWt6w4ac4VIhVDm6sOE6r-_vMyKfKWYrrWsFeE07gtfi_TRQ0fyi1IGMKRNyti28nLA/?imgmax=800" class="thumbnail"/>
        </div>
        <div class="imageElement">
            <h3>Tools</h3>
            <p>Get Powerful tools for free here!</p>
            <a href="http://www.blogspottutorial.com/search/label/free%20tool" class="open" title="Click here to read full story"></a>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe6lJR0upYKa-xigEPmKxatdR9YvynVCCJ2v71VEMVeqCV8oIezVuXz1SQGzdGEuj_jMAHeyPEuBxwjhT2xADPm2L2Z7GN1ccJv0RmhOWCnRbepUicciuAPUAHtYyUkNv89MSYzE7hkps/?imgmax=800" class="full"/>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe6lJR0upYKa-xigEPmKxatdR9YvynVCCJ2v71VEMVeqCV8oIezVuXz1SQGzdGEuj_jMAHeyPEuBxwjhT2xADPm2L2Z7GN1ccJv0RmhOWCnRbepUicciuAPUAHtYyUkNv89MSYzE7hkps/?imgmax=800" class="thumbnail"/>
                </div>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>
        </div>

Untuk selanjutnya, script di atas akan saya sebut sebagai file #1

 

Silahkan download dua skrip di bawah ini ( Klik kanan : Save target As… (IE), Save Link As..(FF))

jd.gallery.js	mootools.v1.11.js

 

Uploadlah dua JavaScript diatas ke server tempat anda menyimpan script, misal ke yahoo geocities atau yang lainnya. Silahkan catat URL kedua script tersebut. Contoh : script tersebut mempunyai alamat seperti ini (contoh saja) :

http://ServerAnda.com/jd.gallery.js

http://ServerAnda.com/mootools.v1.11.js

 

Ubahlah alamat tersebut menjadi seperti ini :

<script src='http://ServerAnda.com/jd.gallery.js' type='text/javascript'></script>

<script src='http://ServerAnda.com/mootools.v1.11.js' type='text/javascript'></script>

 

Untuk selanjutnya, script di atas akan saya sebut sebagai file #2

 

Sekarang anda akan memasuki langkah terakhir, silahkan ikuti langkah-langkah berikut :

1. login ke blogger dengan Id anda.



2. Klik Tata Letak



3. Klik tab Edit HTML



4. Klik Download  Template Lengkap, silahkan di save dahulu untuk backup (penting).



5. Copy kode berikut, lalu paste persis di atas kode ]]></b:skin> :
   
   

   
     
   #myGallery, #myGallerySet, #flickrGallery 
       
   {width: 550px;height: 200px;z-index: 5;} 
     
   #flickrGallery 
       
   {width: 500px;height: 334px;} 
     
   #myGallery img.thumbnail, #myGallerySet img.thumbnail 
       
   {display: none;} 
   
   .jdGallery 
       
   {overflow: hidden;position: relative;} 
   
   .jdGallery img 
       
   {border: 0;margin: 0;} 
   
   .jdGallery .slideElement 
       
   {width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ApJg_Fth2H-kH7ZRkCLjacFR7BvIWXTzx52J2uvqYwNI3_PQ8_LqVSQOgU2n3sX10ncru4WMPH42NFBm05VFiVhX3wW8d_CLxm408CkmFwqpxH0I9iZ_r-KxAjPYNGG0e70dEdFqitI/?imgmax=800'); 
   } 
   
   .jdGallery .loadingElement 
       
   {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ApJg_Fth2H-kH7ZRkCLjacFR7BvIWXTzx52J2uvqYwNI3_PQ8_LqVSQOgU2n3sX10ncru4WMPH42NFBm05VFiVhX3wW8d_CLxm408CkmFwqpxH0I9iZ_r-KxAjPYNGG0e70dEdFqitI/?imgmax=800');}
   .jdGallery .slideInfoZone 
       
   {position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 50px;background: #000;color: #fff;text-indent: 0;overflow: hidden;} 
   
   * html .jdGallery .slideInfoZone 
       
   {bottom: -1px;} 
     
   .jdGallery .slideInfoZone h2 
       
   {padding: 7px 10px 2px 10px;font-size: 12px;margin: 0;font-weight: bold;color: #ffffff;text-transform: uppercase;background: #111111;letter-spacing:0em;} 
   .jdGallery .slideInfoZone p 
       
   {font-size: 12px;margin: 2px 5px;color: #fff;padding: 0px 0px 0px 5px;font-family:arial;} 
   .jdGallery div.carouselContainer 
       
   {position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;} 
   .jdGallery a.carouselBtn 
       
   {position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;} 
   .jdGallery .carousel 
       
   {position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #000;color: #fff;text-indent: 0;overflow: hidden;} 
   .jdExtCarousel 
       
   {overflow: hidden;position: relative;} 
   .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper 
       
   {position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;} 
   .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner 
       
   {position: relative;} 
   .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail 
       
   {cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;} 
   .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail 
       
   {margin-bottom: 10px;} 
   .jdGallery .carousel .label, .jdExtCarousel .label 
       
   {font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;} 
   .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton 
       
   {font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;} 
   .jdGallery .carousel .label .number, .jdExtCarousel .label .number 
       
   {color: #b5b5b5;} 
   .jdGallery a 
       
   {font-size: 100%;text-decoration: none;color: inherit;} 
   .jdGallery a.right, .jdGallery a.left 
       
   {position: absolute;height: 99%;width: 25%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;} 
   
   * html .jdGallery a.right, * html .jdGallery a.left 
       
   {filter:alpha(opacity=50);} 
   
   .jdGallery a.right:hover, .jdGallery a.left:hover 
       
   {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} 
   
   .jdGallery a.left 
       
   {left: 0;top: 0;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAhjcMGy-qsSTluJ3UPckR1pokl7q_ANQkpQpn8QlzABxX2ZO_1RiYXHKUIb4bntnjgAI6rOORp6eaS569EJAcb0VpB16-4oPhUWJ_4uBPrpFQJvOwOUkjA95ARunnFGAJEqz91UDt_c/?imgmax=800') no-repeat center left;} 
   
   * html .jdGallery a.left { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAhjcMGy-qsSTluJ3UPckR1pokl7q_ANQkpQpn8QlzABxX2ZO_1RiYXHKUIb4bntnjgAI6rOORp6eaS569EJAcb0VpB16-4oPhUWJ_4uBPrpFQJvOwOUkjA95ARunnFGAJEqz91UDt_c/?imgmax=800') no-repeat center left; } 
   
   .jdGallery a.right 
       
   {right: 0;top: 0;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf99MiWAD8b_NhWNmPG7q0myJAvw3rus3EsunTpJYmtH2Hl1sDv4BNPBa1g6wxkt6R8CXK3lLqRvXDdjVACrjSonJSoCilvuY1gX84ouGRJVYezQv8rUs3LuDOiHCC4hxsOiYiKa9MpfI/?imgmax=800') no-repeat center right;} 
   
   * html .jdGallery a.right { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf99MiWAD8b_NhWNmPG7q0myJAvw3rus3EsunTpJYmtH2Hl1sDv4BNPBa1g6wxkt6R8CXK3lLqRvXDdjVACrjSonJSoCilvuY1gX84ouGRJVYezQv8rUs3LuDOiHCC4hxsOiYiKa9MpfI/?imgmax=800') no-repeat center right; } 
   .jdGallery a.open 
       
   {left: 0;top: 0;width: 100%;height: 100%;} 
   .withArrows a.open 
       
   {position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} 
   .withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWCQC16Br7BT4IeijGIHtNgL1P-_pW-ggyU3V-4YUDAkV2abwGMcNsdBdWnWI63POhNwS7em3FW8Cz-sZShczBcrHc1HZe2_gFEIZO6qV1BQcvwxJW20ekcYR80XmKb4ICgIVlkJEIlA/?imgmax=800') no-repeat center center; } 
   
   * html .withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWCQC16Br7BT4IeijGIHtNgL1P-_pW-ggyU3V-4YUDAkV2abwGMcNsdBdWnWI63POhNwS7em3FW8Cz-sZShczBcrHc1HZe2_gFEIZO6qV1BQcvwxJW20ekcYR80XmKb4ICgIVlkJEIlA/?imgmax=800') no-repeat center center;filter:alpha(opacity=80); } 
       
   /* Gallery Sets */ 
   
   .jdGallery a.gallerySelectorBtn 
       
   {z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);} 
   
   .jdGallery .gallerySelector 
       
   {z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;} 
   
   .jdGallery .gallerySelector h2 
       
   {margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;} 
   
   .jdGallery .gallerySelector .gallerySelectorWrapper 
       
   {overflow: hidden;} 
   
   .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton 
       
   {margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px;color: #fff;cursor: pointer;float: left;} 
   .jdGallery .gallerySelector .gallerySelectorInner div.hover 
       
   {background: #333;} 
   .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview 
       
   {background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;} 
   .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 
       
   { margin: 0;padding: 0;font-size: 12px;font-weight: normal;} 
   .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info 
       
   { margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;}
   

   
   



6. 
   

   Copy file #2 (lihat script tadi di atas), lalu paste persis di atas kode </head>

   
   



7. 
   

   Klik tombol SIMPAN TEMPLATE. Silahkan santai dulu sejenak.

   
   



8. 
   

   Klik tab Elemen Halaman.

   
   



9. 
   

   Klik Tambah Gadget.

   
   
   

   

   
   



10. 
    

    Klik tanda plus (+) untuk HTML/JavaScript.

    
    
    

    

    
    



11. 
    

    Copy file #1 (lihat script di atas), kemudian paste pada kolom yang muncul.

    
    



12. 
    

    Klik tombol SIMPAN.

    
    



13. 
    

    Geserkan elemen yang baru di buat tadi di atas elemen posting.

    
    



14. 
    

    Klik tombol SIMPAN yang ada di bagian atas.

    
    



15. 
    

    Selesai. silahkan lihat hasilnya.

    
    

 

 

Sedikit tambahan, dalam kode CSS di atas (langkah 5) pada awal kode ada yang seperti ini ;

#myGallery, #myGallerySet, #flickrGallery

{width: 550px;height: 200px;z-index: 5;}

Anda dapat mengatur lebar serta tinggi widget yang anda bentuk dengan mengubah nilai width serta height nya.

 

Selamat menikmati suasana baru di blog anda!

Read More

Debt Consolidation Loan

As we know that many credit owners who have problems with their credits. It happens because of some reasons; they usually spend their money more than the credit limit and when they want to pay, they don’t have any money and so, the problems come to them and finally they have bad status on their credit. If they have a bad status on their credit card, it is usually difficult for them to regain normal status again and hard for them to apply new credits.

Fortunately, many companies or websites that offer the services for the problem above. They give services on helping the credit owners to gain their credit status again and one of those companies is debtfree24.com. As soon as the credit owners ask their help, they will contact the credit providers to ask for the new status and wipe away the burdening debts the credit owners achieved. The process to conquer your debts and reconstruct your credit is now very easy with the help of Debtfree24.com.

Debt Consolidation Loan is the service they always handle. They have helped many credit owners to cope with this problem. If you experience this problem, you had better come here. After signing up here, their Debt Repayment Representative will contact you to arrange the repayment program. All their Debt Repayment Representative is professional and has a lot of experiences handling this kind of problem. They will be happy to help you and answer the question given to them. Now, gaining back your credit status is possible to happen after knowing DebtFree24.com

Read More

Credit Cards

In this modern and globalization era, having credit cards is a must. Many people like to have a credit card; even some of them like to have 5 until 10 credit cards. Many reasons why they like owning credit cards but from most reasons; following a life style and having easy way payment can be two main reasons . With a credit card, we can do many things, family can pay for their household needs, and students can pay their school fee or tuition fee.

Having a credit card gets easier now because there are many credit cards providers which offer the credit cards for the people online or offline. One of the credit card providers is extracreditcards.com. Extra credit cards are the right and the best online credit card provider for individual and business owner who would like to apply a new credit card or add more credit cards. They will guide you to get your dream of having credit cards for seven kinds of credit card they are offering; Low Apr Credit, Cards Instant Approval Credit Cards, Travel Reward Credit Cards, Prepaid Debit Cards, Bad Credit Credit Card, Business Credit Card and Student Credit Cards

One of the biggest problem of card owners is that they sometimes have to pay a high credit card interest but not extracreditcards.com. They will help and guide you to get a low APR credit card from many credit card providers. Another offer they give is improving your credit score. So, if you feel tired of applying credits card in other place or have to pay high interest, you had better come to extracreditcards.com.

Read More

Membuat Menu Slide Show Tab View

Apakah anda pernah mengunjungi situs http://kompas.com? salah satu situs surat kabar di indonesia yang cukup terkenal. Coba anda perhatikan ke seblah kiri atas situs tersebut, di sana terdapat menu tab yang biasa di sebut dengan “Tab View” karena jika tabnya di klik akan berpindah ke isi menu tersebut (coba buktikan, klik saja tab nya),  namun sedikit berbeda dari biasanya karena menu tersebut bisa menampilkan isi dari menu tersebut secara bergantian atau bahasa yang biasa di gunakan adalah “Slide Show”. Dapat di ambil kesimpulan bahwa menu tersebut mempunyai dua fungi yaitu sebagai “Tab View” serta “Slide Show”.

Sedikit tertarik terhadap menu tersebut agar bisa di implementasikan pada template blogger, dan akhirnya ternyata bisa juga. Untuk melihat contoh, silahkan anda kunjungi http://magazine-1.blogspot.com, silahkan perhatikan ke pojok kiri atas, di sana ada menu yang mirip dengan yang di situs kompas bukan (sengaja tidak di buat sama persis).

Bagi anda yang tertarik membuat Menu Slide Show Tab View, silahkan ikuti langkah-langkah berikut :

 

Langkah #1

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.

4. Copy kode di bawah ini, lalu paste persis di atas kode ]]></b:skin>

   .indentmenu{
   font: bold 11px Arial;
   width: 100%; /*leave this value as is in most cases*/ 
   } 
   .indentmenu ul{
   margin: 2px;
   padding: 0;
   float: left;
   /* width: 80%; width of menu*/
   background: transparent;
   } 
   .indentmenu ul li{
   display: inline;
   } 
   .indentmenu ul li a{
   float: left;
   margin: 2px;
   color: #000; /*text color*/
   padding: 5px 11px;
   text-decoration: none;
   border: 1px solid #ccc; 
   } 
   .indentmenu ul li a:hover{
   background:#ddd;
   } 
   .indentmenu ul li a:visited{
   color: white;
   } 
   .indentmenu ul li a.selected{
   color: white !important;
   padding-top: 6px; /*shift text down 1px*/
   padding-bottom: 4px;
   border: 1px solid #000000;
   background:#000000;
   } 
   .tabcontentstyle{ /*style of tab content container*/
   border: 1px solid gray;
   width: 450px;
   margin-bottom: 1em;
   padding: 10px;
   } 
   .tabcontent{
   display:none;
   } 
   @media print {
   .tabcontent {
   display:block !important;
   }
   }

   
   
   
   
   



5. Download dulu script ini, copy lalu paste persis di atas kode </head>



6. Klik tombol SIMPAN TEMPLATE.



7. Langkah pertama selesai. Silahkan istirahat dulu, minum khe, minum teh khe atau apa gitu biar tenang dulu

 

Jika sudah santai, ayo kita lanjut ke langkah berikutnya.

Langkah #2

1. Klik tab Elemen Halaman.



2. Klik Tambah Gadget
   
   

   

   
   



3. 
   

   Klik tombol plus (+) Untuk HTML/JavaScript.

   
   
   

   

   
   



4. Copy lalu paste kode berikut pada kolom yang tersedia :
   

    
          
   <div style="float:left;margin:0px 10px 0px 0px;padding:0px;height:350px;">
        
   <div id="pettabs" class="indentmenu">
         
   <ul>
       
   <li><a href="#" class="selected" rel="tab1">1</a></li>
        
   <li><a href="#" rel="tab2">2</a></li>
         
   <li><a href="#" rel="tab3">3</a></li>
          
   <li><a href="#" rel="tab4">4</a></li> 
       
   </ul>
           
   <br style="clear: left"/>
        
   </div> 
       
   <div style="width:240px;text-align:justify;padding: 5px; margin-bottom:1em"> 
       
   <div id="tab1" class="tabcontent">
           
   <a href="http://magazine-1.blogspot.com/2008/11/obama-will-change-bush-policy.html">
          
   <img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="obamabush" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHndEFzZB-qkWkrVz4o-HWcWHl424tM-Sk2mt09W6uUV3k-JZtYq-TkSFIEYDl0FJSh-YUweHfw_h5YRn2rVi1PEo_wsjwoNppI2SblHJ6myXz8MGYXSIb9fWb6l2JeuGc52LwuFuFh9Q/?imgmax=800" height="152" title="obamabush"/></a> 
       
   <p><h3><a href="http://magazine-1.blogspot.com/2008/11/obama-will-change-bush-policy.html">Obama Will Change Busf Policy</a></h3></p>
         
   U.S. President Barack Obama will change several numbers of controversial policies by President George W. Bush, including the restriction of the parent embryo cell research [...]
         
   </div> 
       
   <div id="tab2" class="tabcontent">
           
   <a href="http://magazine-1.blogspot.com/2008/11/beyonce-will-never-sell-her-wedding.html">
       
   <img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="beyone" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG_J5AkHUqp2715HrTdT9aZ52UJ39-XItb5FcUlAOkxAQuVsH3-eXppRdpLpS1VbotPXqrSTLZBCX_1K-lEN30dfxkO3PdO3LlX6YKjCss_JqKdoI3KjnTQZcSgGhU4vUvyZEML820CpQ/?imgmax=800" height="152" title="beyone"/></a>
          
   <p><h3><a href="http://magazine-1.blogspot.com/2008/11/beyonce-will-never-sell-her-wedding.html">Beyone Will Never Sell Her Wedding Photo</a></h3></p> 
        
   Beyonce said, she will never consider to sells her wedding photo with Jay-Z to a celebrity magazine that offering a large amount of money as rewards, even she wonder with the amount of money that offered to her [...]
           
   </div> 
         
   <div id="tab3" class="tabcontent">
           
   <a href="http://magazine-1.blogspot.com/2008/11/guns-n-roses-will-back.html">
          
   <img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="Guns N 'Roses" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu1PMOXYlvLeahjVtz5LBop59t_hEiWU2rrhASdje33qmJWFXzSKvT-mkKU3-NNao_BzajCidK5Y759_tSx7u426yHbTTalveX1SypfVgCWQw-khAHUCbkz07eBnza3VBOiXU-ktuG3B8/?imgmax=800" height="152" title="Guns N 'Roses"/></a> 
         
   <p><h3><a href="http://magazine-1.blogspot.com/2008/11/guns-n-roses-will-back.html">Guns N 'Roses Will Back</a></h3></p>      
   After 15 years not releasing album, the group rock Guns N ' Roses will launch a new album in the United States on 23 November. The band's latest album is "The Spaghetti Incident", released in 1993 [...]
           
   </div> 
       
   <div id="tab4" class="tabcontent">      
   <a href="http://magazine-1.blogspot.com/2008/11/i-pod-can-make-your-ear-buzz.html">
        
   <img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="ipod" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjuaGIjw2IARdAVx9cQ4fCLvvBxr-ZfYPHB98mGXGXPhV85RBmm1_z27m4xRqgt2fKjqIBOq57da-0Qb2_ka5fcfWO36IA1Jt2798yk2PjH-Y3ATSyW6z3Bj_gbht29wENtNfgwBKKpzg/?imgmax=800" height="152" title="ipod"/></a>
        
   <p><h3><a href="http://magazine-1.blogspot.com/2008/11/i-pod-can-make-your-ear-buzz.html">Ipod Can Make Your ear Buzz</a></h3></p> 
        
   Music is one way to wake the spirit, to create happy life, but what happens if the music makes the ears buzz? of course, not the music that makes the ear 'buzzy',[...]
           
   </div>
   </div> 
      
   <script type="text/javascript">      
   var mypets=new ddtabcontent("pettabs")       
   mypets.setpersist(true)       
   mypets.setselectedClassTarget("link")       
   mypets.init(2000)       
   </script>

   
   



5. Klik tombol SIMPAN TEMPLATE.



6. Selesai. Silahkan lihat hasilnya.

 

Kode-kode di atas tentunya tidak mutlak harus seperti yang Kang Rohman tulis, namun anda bisa memodifikasinya agar sesuai dengan keinginan atau[un sesuai dengan template yang anda pakai.

 

Sedikit keterangan agar lebih memudahkan anda dalam memodifikasi kode ini.

 

Pada langkah pertama, ada deretan kode CSS, kode tersebut bisa anda kreasikan sendiri agar menghasilkan bentuk deretan tab yang cantik.

Perhatikan kode berikut :

<div style="float:left;margin:0px 10px 0px 0px;padding:0px;height:350px;">

<div id="pettabs" class="indentmenu">

<ul>

<li><a href="#" class="selected" rel="tab1">1</a></li>


<li><a href="#" rel="tab2">2</a></li>


<li><a href="#" rel="tab3">3</a></li>


<li><a href="#" rel="tab4">4</a></li>

</ul>

<br style="clear: left"/>


</div>

Kode ini adalah deretan tab dengan urutan tab seperti ini : 1, 2, 3, 4. Ini bisa anda ubah dengan apa yang anda mau. Misal Recent Comments, Recen Post, Shoutbox, atau apa saja sesuai keinginan. Untuk mengatur tinggi dari widget tersebut, anda tinggal mengganti nilai height:350px; menjadi nilai yang lain. Misal : height:400px;

 

Perhatikan juga yang ini :

<div style="width:240px;text-align:justify;padding: 5px; margin-bottom:1em">

Kode tersebut adalah untuk mengatur isi dari menu tersebut, ini tentunya bisa anda ubah sesuai dengan keinginan anda, Misal :

width:240px : ini untuk mengatur lebar, ubah dengan nilai yang sesuai keinginan. Contoh : width:300px.

text-align:justify : ini untuk mengatur perataan tulisan, ganti dengan yang anda inginkan. Contoh : text-align:left, text-align:right.

 

Perhatikan kode berikut :

 

<script type="text/javascript">

    var mypets=new ddtabcontent("pettabs")

    mypets.setpersist(true)


    mypets.setselectedClassTarget("link")


    mypets.init(2000)

    </script>

 

Untuk mengatur lamanya waktu perpindahan dari satu tab ke tab yang lain, anda tinggal mengganti nilai 2000 menjadi nilai yang lain. Misal : 2100. Semakin besar nilainya maka semakin lama pindah.

Kode dalam “Slide Show Tab View” di atas memuat artikel milik kang Rohman, silahkan di ganti sesuai keinginan, itu hanya contoh untuk memberikan sugesti terhadap anda.

 

Selamat mencoba!

 

Original Script by : dynamic drive. Modified by : Blogspot tutorial

Read More

Tips mengelola Shoutbox Dari ShoutMix

Pasti anda sudah faham bahwa fungsi dari sebuah shoutbox adalah untuk sarana berinteraksi antara pemilik blog dengan pengunjungnya atau antara pengunjung dengan pengunjung lainnya agar bisa berkomunikasi. Singkat kata bahwa shoutbox adalah sebuah mini chat box, namun pada kenyataannya shoutbox ini sering di jadikan untuk ajang untuk melakukan promosi. Namun, Ini kembali kepada si pemilik blog itu sendiri, apakah shoutboxnya boleh di jadikan untuk sarana promosi atau tidak. Jika kang Rohman sendiri sebenarnya membolehkan anda untuk berpromosi di shoutbox, namun tentunya promosi yang wajar bukan melakukan spam.

Promosi wajar yang di maksud adalah hanya ada satu link promosi dalam satu halaman depan shoubox, tunggu hingga link promosi anda menghilang dari halaman depan shoutbox, nah anda baru boleh untuk berpromosi lagi. Contoh dari promosi misalkan dalam shoutbox tertulis : kunjugi blog ku yah [link] dan lain sebagainya.

Terkadang ada orang yang mungkin tidak tahu atau memang bandel untuk melakukan promosi spamming dengan mengisi shoutbox penuh dengan link dia, contoh seperti ini :

 

 

Anda sebagai pemilik blog terkadang kurang nyaman dengan kondisi seperti itu. Untuk kondisi tersebut, anda sebagai pemilik blog bisa melakukan perlakuan khusus yakni dengan menghapus (delete) pesan tersebut atau bahkan mem ban pemasang iklan tersebut. Berikut Tips untuk mengelola shoutbox dari shoutmix tanpa harus login ke situs shoutmix :

1. Klik tanda omega ( Ω ) pada shoutbox anda yang ada di sebelah pojok kanan atas.

   

2. Masukan password shoutbox anda.

   

3. Klik pada tulisan Delete jika anda ingin menghapus pesan tersebut, atau klik Ban jika anda bermaksud memblokade pesan dari pengirim pesan tersebut.

   

4. Jika anda bermaksud melakukan ban, anda bisa memilih opsi dari ban yang di tawarkan yaitu hanya banned URL atau bahhkan IP dari pengirim pesan tersebut.
5. Klik tanda cakra ( X ) untuk keluar dari modus login.

    

6. Selesai.

 

Semoga para spammer tidak lagi membayangi-bayangi shoutbox anda.

Read More

Badcreditloanshop.com

Running a small business seems to be the best way to make a better living. But running a business needs a lot of money. For those who have a lot of money is a big problem but for those who don’t, it is a really problem and running a business might be only a dream for them. Luckily, there are now many companies which offer solution for those who don’t have to money for all kinds of usages. Many business loan in the Internet that help people looking for loans for their small business, home, autos, bad credits and others.

If you have a bad history about your credits and you still want to ask for loans, you had better visit badcreditloanshop.com. Badcreditloanshop.com is a great site for those with less than perfect credits who are looking for a way to find a loan online. If you are looking for a bad credit auto loan, mortgage loan, or any type of personal loans for people with bad credits, this site will help solving your problems. Besides that they also offer information on bad credits home equity loans and credit cards.

So, if you think that you are in a bad financial problem and needs loans, don’t hesitate to visit Badcreditloanshop.com.

Read More

Lomba Desain Logo Dari PT Pos Indonesia

Yang jago desain logo ayo ngumpul dulu semuanya disni, ada kabar gembira untuk anda. Udah ngumpul semuanya nih, Ok langsung saja biar tidak pada penasaran. Ada kabar baik dari PT Pos Indonesia, mereka mengadakan Lomba Desain Logo PT Pos Indonesia. Untuk anda yang merasa jago dalam hal desain logo, ini merupakan kesempatan baik.

Karena ini merupakan suatu perlombaan maka ada hadiah yang bisa di dapatkan, dan jangan kaget dulu yah soalnya hadiah utamanya adalah sebuah mobil, iya mobil dhenk. Satu unit Grand Livina + Piagam Penghargaan bila anda berhasil memenangkan perlombaan ini serta empat  unit macbook + Piagam Penghargaan sebagai hadiah hiburan untuk 4 orang pemenang hiburan.

Sangat menarik bukan? dan yang lebih asyik lagi lomba ini tidak di pungut biaya alias gratis, jadi tunggu apalagi ayo buruan daftarkan diri kamu. untuk keteragan lengkap bisa anda baca di :

http://www.posindonesia.co.id/headline_detail.php

 

Semoga beruntung yah!

 

Thanks to ade sanusi yang telah memberi info ini.

Read More

Membuat Blog Bergaya Magazine Style Template

Semenjak kemunculan Wordpress Theme bertajuk Magazine Style Theme, sebut saja Mimbo Theme, Revolution Theme, Arthemia Theme, dan banyak lagi yang lainnya, seakan ada trend baru dalam membuat theme atau template yaitu mengadopsi Magazine Style Theme atau Magazine Style Template. Salah satu korban nyata atas trend tersebut adalah Kang Rohman sendiri , pada dua template yang release paling akhir kang Rohman beri nama magazine Template walaupun keduanya belum benar-benar mengadopsi Magazine Style Template

Ciri khas dari magazine style template adalah ada kolom atau isi dari blog tersebut yang bisa hilang di saat kita membaca keseluruhan artikel atau bahkan sebaliknya yaitu ada kolom yang tadinya tidak muncul menjadi muncul.

Apakah template blogger bisa memakai sistem  seperti itu? jawabannya adalah bisa. Coba lihat contohnya di http://magazine-1.blogspot.com  silahkan perhatikan semua widget yang ada, kemudian klik pada tombol Read Full story, dan yang terjadi adalah ada sebagian widget yang menghilang dari pandangan, dan begitupun sebaliknya ada yang tadinya tidak muncul menjadi muncul (sidebar bawah).

Teknik yang di gunakan sangatlah sederhana, anda tinggal membubuhkan kode tambahan pada widget yang ingin di hilangkan atau bahkan di munculkan, berikut adalah kode tambahannya :

 

Muncul menjadi tidak muncul :

 <b:if cond='data:blog.url == data:blog.homepageUrl'>

Widget yang ingin di hilangkan

</b:if>

 

Tidak muncul menjadi muncul :

 <b:if cond='data:blog.pageType == "item"'>

Widget yang ingin di di munculkan

</b:if>

 

Sebagai contoh, silahkan anda lihat kode template anda. anda akan melihat kode yang mirip seperti kode di bawah ini :

 

<div id='sidebar'>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Get Update Via Email' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label2' locked='false' title='Browse by Categories' type='Label'/>
<b:widget id='HTML2' locked='false' title='Site Info' type='HTML'/>
</b:section>
</div>

Satu kode widget seperti :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

Kode seperti di atas berarti mewakili satu widget atau Gadget yang kita pasang di sidebar atau di footer. Widget tersebut akan muncul di halaman depan blog anda. Apabila pada template biasa pada umumnya,walaupun di klik menu read more atau baca selengkapnya, widget –widget tersebut akan selalu muncul. Jika anda menambahkan kode yang saya tulis di atas, maka widget tersebut akan tidak tampil, contoh :

 

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

</b:if>

 

Itu jika untuk satu widget saja, jika anda mempunyai widget banyak yang berderet kebawah dan ingin menyembunyikan semuanya, maka kode yang di pasang seperti ini :

<div id='sidebar'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Get Update Via Email' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label2' locked='false' title='Browse by Categories' type='Label'/>
<b:widget id='HTML2' locked='false' title='Site Info' type='HTML'/>
</b:section>

</b:if>
</div>

 

Itu untuk membuat widget dari yang muncul menjadi menghilang. Jika untuk yang dari yang tidak muncul menjadi muncul lumayan sedikit repot karena anda harus membuka expand template anda terlebih dahulu dengan memberi tanda ceklis pada kotak kecil di samping tulisan Expand Template Widget. Contoh, jika anda belum membuka expand widget template, kode widget akan terlihat seperti ini :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

 

Maka jika setelah di expand akan terlihat seperti ini (perhatikan judul widgetnya) :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

 

Jika widget tersebut tidak ingin tampil di halaman depan, kemudian ingin tampil apabila masuk halaman artikel, maka anda harus menambahkan kode seperti ini :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>

</b:if>
</b:includable>
</b:widget>

Jangan lupa untuk klik tombol SIMPAN TEMPLATE dan nikmati tampilan blog anda yang bergaya Magazine style Template.

 

Bingung.. bingung… bingung, kang Rohman suka bikin bingung orang, kalau bikin tutor setengah-setengah begitu . Eithhh.. tenang dulu donk, kan belum selesai, artikel nya saja belum saya tutup. Bagi anda yang masih bingung dengan keterangan di atas, coba langkah-langkah di bawah ini :

Untuk Widget muncul kemudian menghilang

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak
3. Klik tab Edit HTML
4. Silahkan klik tulisan Download Template Lengkap. Silahkan di backup dulu templatenya (penting!)
5. Cari kode yang mirip seperti ini di template anda :

   <div id='sidebar'>

   <b:section class='sidebar' id='sidebar' preferred='yes'>
   <b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>
   <b:widget id='HTML7' locked='false' title='Get Update Via Email' type='HTML'/>
   <b:widget id='HTML1' locked='false' title='' type='HTML'/>
   <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
   <b:widget id='Label2' locked='false' title='Browse by Categories' type='Label'/>
   <b:widget id='HTML2' locked='false' title='Site Info' type='HTML'/>
   </b:section>
   </div>

6. Pilih widget mana yang mau di sembunyikan, kemudian tambahkan kodenya, contoh :

   <b:if cond='data:blog.url == data:blog.homepageUrl'>

   <b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

   </b:if>

7. Klik tombol SIMPAN TEMPLATE

8. Selesai.

 

Untuk Widget Menghilang kemudian muncul

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak
3. Klik tab Edit HTML
4. Beri tanda ceklis pada kotak di samping tulisan Expand Template Widget, tunggu beberapa saat sampai proses selesai.

   

5. Cari kode widget yang mau anda modifikasi, contoh :

   <b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'>
   <b:includable id='main'>

   <b:if cond='data:blog.pageType == "item"'>
     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
       <h2 class='title'><data:title/></h2>
     </b:if>
     <div class='widget-content'>
       <data:content/>
     </div>

     <b:include name='quickedit'/>

   </b:if>
   </b:includable>
   </b:widget>

6. Klik tombol SIMPAN TEMPLATE.

7. Selesai.

 

Mudah-mudahan dapat dengan mudah di fahami, selamat bereksperimen!

Read More

Investment in Foreign Exchange

Have you ever heard Foreign Exchange? Many people join together in this business and gain more benefits from trading with another country. If you want to join in this business, I suggest you to learn more about currency trading, because even though this business contains many profits, this business also contains risks. For you who want to learn about this job, you have to visit fabforex.com.

In Forex, people buying and selling or traded in pairs. They will use US Dollar/China Yuan or Euro/Japanese Yen. Why people exciting to join in this business? Because this is a unique market where people almost free from outside controls. The second benefit you can gain from this business is Foreign Exchange has biggest liquid financial marketplace in the world. If you check the cash flow of this business, you would find trade reaching between 1-1, 5 trillion USD per day.

That's why you have to check on fabforex.com first before join in this business. Fab Forex is a kind of guidance for everyone to make currency trading. The benefit you can gain if trading in this website is you can invest without using real money. So, what are you waiting for, join now, and get a lot advantage with fab forex!

Read More

Mohon Maaf kang rohman haturkan Untuk Anda

Sedikit tertegun dan merasa bersalah ketika banyak diantara para pembaca blog ini meminta untuk bertukar link dengan blog Kang Rohman.

“Kang tukeran link ya”. “kang di linkback ya blog ku, link akang sudah di pasang di blogku lho”. “tukeran link yuk”

Dan terkadang ada yang suka menjawab ajakan-ajakan tersebut :

“ya iyalahhh mana, blogger sekelas kang rohman huebatt kalo mau diajak tukerna link... wakakakakkk”. “tidak ada tuker link untuk seleb blog”

Sesombong itukah Kang Rohman? mungkin iya, tapi mungkin juga tidak, tergantung siapa yang menilai. Namun, sepertinya anda harus mengetahui terlebih dahulu apa yang sebenarnya terjadi.

Inti dari semua ini adalah Kang Rohman mengikuti sebuah program jualan link pada situs bernama Teks Link Ads (TLA). Salah satu syarat agar di terima dalam program mereka adalah tidak boleh terlalu banyak link di dalam blog ini. Anda boleh percaya atau tidak, namun itu kenyataannya.

Kalau begitu Kang Rohman rela mengorbankan persahabatan demi uang dong?  Hmmmm…. iya juga ya.

Terus terang Kang Rohman adalah manusia biasa, punya keluarga, istri serta anak-anak. Dan sebagai kepala keluarga tentu saja sudah menjadi kewajiban untuk menafkahi mereka semua. Perlu anda ketahui bahwa TLA ini adalah salah satu penyumbang dana rutin tiap bulannya untuk Kang Rohman, jadi mau atau tidak mau harus memilih di antara dua pilihan yang sulit, keluarga atau sahabat. Dan mungkin anda sudah mengetahi jawabannya, namun sepertinya ini lebih baik di banding dengan kang Rohman harus selalu meminta-minta sumbangan atau donasi dari anda. Ah serasa jadi pengemis jika harus meminta kepada anda semua.

Namun apakah sebuah persahabatan hanya di nilai dari tukeran link? hmmm… sepertinya  terlalu dangkal apabila sebuah persahabat di ukur hanya dari sebuah tukeran link, banyak cara dan perilaku untuk menunjukan persahabatan. Sebut saja berbagi informasi, sharing pengetahuan dan lain sebagainya, itu semua adalah merupakan bagian dari persahabatan, betul atau tidak?

Sebagai penutup, Kang Rohman ucapkan beribu kata maaf kepada anda sekalian karena tidak bisa link exchange dengan blog anda. Bukan kesombongan ataupun keangkuhan yang ada dalam diri kang rohman, namun ada sesuatu yang harus di dahulukan.

Kepada anda yang merasa artikel-artikel yang kang Rohman tulis bermanfaat bagi anda serta ingin memasang link ke blog ini, Kang Rohman persilahkan dan kang rohman ucapkan banyak terima kasih kepada karena secara tidak langsung ikut membantu kang Rohman. Dan bagi anda yang tidak mau pasang link ke blog ini karena merasa rugi tidak di link balik oleh Kang Rohman, silahkan karena itu mutlak seratus persen hak anda, kang rohman tidak mempunyai kuasa untuk hal tersebut.

Sekali lagi mohon maaf dan harap di maklumi.

Read More

Fresh Info : Blog Baru Semangat Baru

Beberapa bulan yang lalu Kang Rohman pernah posting sebuah artikel yang secara tepatnya meminta opini dari para pembaca apakah setuju apabila Kang Rohman Membuat Tutorial tentang membuat blog di Wordpress. Apabila menilik komentar yang masuk, hampir semuanya mengatakan setuju apabila kang Rohman membuat tutorial tentang wordpress, namun banyak yang menyarankan agar tutorial tersebut di tulis bukan pada blog ini. Selain itu agar lebih klop ada juga yang mengusulkan agar mesin blog yang di gunakan adalah mesin wordpress juga,     hmmmmm… usulan yang sangat baik dan boleh untuk di pertimbangkan.

Karena sekarang waktu luang untuk nge blog lumayan banyak, maka sepertinya kang Rohman akan iseng membuat tulisan seputar wordpress dan tentu saja tidak disini serta mesin yang digunakan juga adalah wordpress agar lebih afdol.

Mohon maaf, bukan berarti saya merasa pintar dengan yang namanya wordpress, namun hanya bermaksud sekedar sharing bagi yang belum tahu atau mengerti. Pada blog yang baru di buat ini, deskripsi yang tertulis adalah Diskusi Seputar Wordpress, SEO, Teknologi. Ini berarti tidak ada yang lebih pintar ataupun lebih bodoh, namun yang ada hanyalah berbagi, berbagi informasi, berbagi ilmu, berbagi pengalaman, bukankah hidup akan lebih indah jika kita saling berbagi.

Bagi yang ingin ikut berdiskusi seputar wordpress, silahkan saya undang untuk mampir di blog saya yang baru http://rohman.info. Jangan lupa kasih komentar yah.

Read More

Solusi Agar Favicon Tidak Sering Hilang

Anda pernah membaca tutorial kang Rohman tentang “Cara membuat Favicon” kan? ternyata akhir-akhir ini banyak yang mengeluhkan bahwa favicon sering hilang atau tidak muncul, dan tentunya favicon yang muncul adalah logo blogger. Apakah ada solusi untuk mengatasi hal ini? untuk mengatasi favicon yang sering hilang, anda bisa mencoba beberapa tips di bawah ini :

• Pastikan bahwa gambar favicon anda ber ekstensi .ico bukan yang lain

Mungkin anda pernah mencoba membuat gambar favicon dengan ekstensi selain .ico, misal .gif, .jpg, atau yang lainnya. Dan setelah di upload ternyata gambar tersebut memang muncul. Jika anda masih melakukan hal tersebut, coba ubah gambar anda menjadi berakhiran .ico, silahkan baca tutorial kang rohman sebelumnya.

 

• Pasang kode Favicon anda di bawah kode Favicon milik blogger

Pasti bingung di mana kode favicon blogger di simpan bukan? jika anda memperhatikan kode di dalam template anda sudah pasti tidak akan menemui kode favicon selain yang anda pasang sendiri, namun sebenarnya blogger menyelipkan kode favicon di dalam template anda. Kodenya adalah yang seperti ini :

 

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

 

Tidak percaya? silahkan anda tuju alamat blog anda. Klik menu View yang ada di bar menu bagian atas browser anda, lalu klik “Source” untuk internet Explorer atau “Page Source” untuk FireFox. nanti akan keluar semua kode template anda. Perhatikan kode yang anda di dalam head, anda tidak akan melihat kode yang kang Rohman tulis di atas, namun akan menemui kode seperti ini :

 

<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<link rel="alternate" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://kolom-tutorial.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Kolom Tutorial - RSS" href="http://kolom-tutorial.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://www.blogger.com/feeds/4569368524623882898/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=4569368524623882898" />
<link rel="alternate" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://kolom-tutorial.blogspot.com/feeds/147113262052297401/comments/default" />

 

Kode yang saya cetak merah adalah adalah kode favicon milik blogger. Solusi agar favicon anda tidak di timpa oleh favicon blogger adalah kode favicon anda harus di simpan di bawah kode tadi.

Misalkan kode favicon anda seperti ini :

 

<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

Maka simpanlah kode favicon tersebut seperti ini :

 

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

<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

 

Atau apabila belum berhasil juga, coba simpan persis di atas kode <b:skin> :

<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

<b:skin>

 

Jangan lupa untuk klik tombol SIMPAN TEMPLATE.

 

• Ikuti struktur kode Favicon Blogger

Jika kedua cara di atas masih tetap tidak mempan, coba ubah kode favicon anda seperti yang milik blogger, misalkan kode favicon anda sebelumnya seperti ini :

<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

 

Ubahlah jadi seperti ini :

<link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

 

Pasanglah kode tersebut persis di atas kode </head> :

<link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

<b:skin>

 

Jangan lupa untuk klik tombol SIMPAN TEMPLATE.

 

Jika langkah-langkah di atas sudah dicoba dengan benar, seharusnya favicon anda sudah normal kembali seperti sedia kala.

 

Saya masih bingung, kasih caranya yang lengkap dong? Oh masih bingung. OK deh, namun bagi anda yang masih bingung tentang cara membuat favicon, silahkan baca dulu di sini!

Berikut adalah langkah-langkah memasukan kode favicon ke dalam template anda :

1. Silahkan login ke blogger dengan ID anda



2. Klik Tata Letak.



3. 
   

   Klik tab Edit HTML.

   
   
   

   

   
   



4. 
   

   Cari kode <b:skin> atau biasanya bersatu jadi kelihatan seperti ini : <b:skin><![CDATA[/*

   
   



5. 
   

   Simpan kode favicon anda persis di atas kode <b:skin>, contoh :

   
   
   

    

   
   
   
   
   
   
   
   
   
   
   
   

   <link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

   
   
   

   <b:skin>

   
   



6. 
   

   Klik tombol SIMPAN TEMPLATE.

   
   



7. 
   

   Selesai.

   
   

 

Semoga dengan melakukan langkan di atas, favicon anda tidak akan menghilang lagi.

Read More

Telkomsel Flash Teman Setia Sang Pengangguran

Rekan pembaca sudah pasti tahu tentang Telkomsel Flash atau Tsel Flash kan? salah satu layanan persembahan dari Telkomsel. Pada awal peluncurannya banyak sekali di buru orang karena menyajikan hal yang sangat menjanjikan yaitu pemakaian koneksi internet tanpa batas quota atau lebih di kenal dengan sebutan unlimited. Selain pemakaian tanpa batas quota , Tsel flash di bandrol dengan harga yang relatif murah karena masih terjangkau dengan isi kantong sang pengangguran seperti Kang Rohman ini . Bayangkan saja, hanya dengan Rp. 125.000,- plus PPN atau sekitar Rp. 138.000,- kang Rohman sudah bisa berinternet ria sampai puas, sampai mata beler atau sampai nungging-nungging juga tetap tidak ada biaya tambahan lagi.

Dalam perkembangannya banyak sekali keluhan tentang Telkomsel Flash ini, simak saja keluhan sahabat saya abi bakar atau jackbook serta banyak lagi keluhan yang saya temukan di blog para sahabat. Akan tetapi dari ribuan pengguna telkomsel flash, akan ada yang merasa puas dan kang Rohman adalah salah satunya. Kenapa Kang Rohman merasa puas dengan layanan Tsel Flash sementara di luar sana banyak yang merasa tidak puas? ini di karenakan selama kang Rohman berlangganan selama hampir 6 bulan lamanya tidak menemui hal yang membuat hati ini berang.

Di ukur dari kecepatan, boleh di bilang cukup merasa puas. Sebagai bukti, sebelum Kang Rohman memposting artikel ini, Kang Rohman mencoba  mengukur kecepatan koneksi Tsel Flash yang kang Rohman pakai melalui situs http://www.speedtest.net, dan hasilnya memang seperti yang kang rohman rasakan, berikut screenshot hasil pengukuran pagi ini :

Selain itu, kang Rohman mencoba download file sebesar 40.8MB, dan hanya beberapa menit file tersebut sudah bisa terdownload dengan sempurna karena kecepatan download berkisar antara 40kbps sampai 63kbps. Jika di lihat dari segi harga yang harus di keluarkan sudah saya sebutkan yaitu sebesar Rp. 138.000,- dalam satu bulan. Sebuah harga yang pantas untuk pemakaian sampai puas.

Apakah perbedaan tempat pemakaian sangat berpengaruh terhadap kecepatan akses? itu sangat mungkin, Kang Rohman sudah mencoba di dua tempat yang berbeda, yaitu di Jakarta di daerah mangga 2 (tempat kang Rohman dulu bekerja) dan yang sekarang Bandung di daerah lingkar selatan. Namun ada juga kejadian unik yaitu di kedua tempat yang kang Rohman sebuakan di atas tadi, Kang Rohman menggunakan Tsel flash ini di ruangan atas (bukan lantai dasar). Nah, kemarin sewaktu hari pertama kang Rohman menjadi pengangguran, kang Rohman memakai Tsel Flash ini di lantai bawah dan hasilnya sungguh mengecewakan, sinyalnya hanya muncul satu garis pada kontrol panel pengukur sinyal. untuk sekedar loading saja harus bersabar menunggu. Tidak kuat dengan situasi terbut, kang Rohman balik lagi ketempat biasa yaitu di dalam kamar lantai atas, padahal ruangan bawah sudah di rapihkan sedemikian rupa untuk tempat kerja, ah ternyata beda jarak berapa meter saja sangat berpengaruh.

Namun ada dampak negatif yang di rasakan akibat pemakaian Tsel flah ini yaitu tak jarang Kang Rohman Browsing internet sampai larut malam karena tidak memikirkan biaya pemakaian yang harus di bayar. “Oh, Tsel Flash engkau memang membuat pengangguran ini menjadi betah berada di dunia maya di banding berada di dunia nyata, sungguh begitu jahatnya dirimu”.

 

Perlu di maklumi, bahwa posting ini bukanlah posting promosi produk Tsel Flash karena Kang Rohman tidak di suruh atau di bayar oleh pihak Telkomsel, ini hanya ungkapan hati saja seperti mereka yang merasa tidak puas denga layanan Tsel Flash.

“Telkomsel Flash, engkau memang teman setia sang pengangguran ”.

Read More

Google Pages / Google Page Creator di Tutup

Informasi ini mungkin sudah banyak yang mengetahui, namun tidak menutup kemungkinan masih ada yang belum tahu. Dulu kang Rohman pernah menginformasikan tentang salah satu layanan google yaitu Google Pages atau Google Page Creator, dengan google page creator kita bisa menyimpan berbagai data semisal gambar, javascript, CSS, dan lain-lain. Namun ternyata google page creator sekarang sudah tidak menerima pendaftaran baru lagi karena akan segera tutup pada akhir tahun ini, dan google membuat layanan baru yaitu Google Site.

Berikut kutipan pengumuman dari Google Page Creator :

Google Page Creator is no longer accepting new sign-ups.

We are no longer accepting new sign-ups for Page Creator because we have shifted our focus to developing Google Sites, which offers many of the capabilities of Page Creator along with new features like site-level navigation, site-level headers, control over who can see and edit your site, and rich embeddings like calendars, videos, and Google docs.

If you are currently a Page Creator user, you can continue to use Page Creator and your pages will automatically be transitioned to Google Sites later this year. We are committed to making this transition as smooth and easy as possible, and we will post more details as we get closer to the transition time. You can also manually move your web pages from Page Creator to Google Sites or other service providers at any time.

Learn more about this change.

 

Sayang seribu sayang, jika dengan Google Page Creator kita bisa menyimpan Javascript ataupun CSS, maka pada google site di kabarkan tidak di sediakan lagi. Oleh karena itu, alangkah baiknya jika anda menyimpan berbagai Java Script di Google Page Creator untuk menyimpannya di komputer anda agar nanti bisa di upload kembali ke server yang lain.

Adakah alternatif lain selain google page cretor? tentu saja ada. Anda bisa mencoba layanan dari yahoo! yaitu Yahoo! Geocities. Bagi anda yang sudah mempunyai akun di yahoo! silahkan login di sini!, Setelah login lalu lakukan pendaftaran untuk geocities. Tentang cara upload data ke yahoo! Geocities bisa anda baca di sini!

Bagi anda yang mempunyai info seputar layanan yang bisa menyimpan Javascript atau CSS secara gratis, silahkan info kan pada kotak komentar agar yang lain bisa megetahuinya.

Read More