Zero-Info: Cara Membuat Menu Horizontal ala Website Kantor Berita CNN.com

adminDiposting oleh Rizal dateSenin, 27 Juni 2011

Ketika CNN.com baru-baru ini didesain ulang situs web mereka, mereka membuat bagian header yang tepatnya menu horizontal yang sangat indah, dan itu dilakukan dengan murni menggunakan CSS. Saya rasa ini sangat bagus apabila menu horizontal ini di terapkan pada blog/blogger, apalagi blog yang mencangkup blog berita dengan menggunakan template magazine. Silahkan lihat demo dibawah.


Live Demo

Untuk membuatnya kita tidak pelu menggunakan javaScript, ini 100% menggunakan CSS.
1. Login ke blogger » layout / tata letak » edit HTML
2. Masukan CSS dibawah sebelum kode ]]></b:skin>:
#navigation {  
Readmore Zero-Info: Cara Membuat Menu Horizontal ala Website Kantor Berita CNN.com

Zero-Info: Cara memasang Bread Cumb di Blog

adminDiposting oleh Rizal dateMinggu, 26 Juni 2011

pasang breadcrumb
Memasang bread crumb ini akan membuat blog kita lebih mudah di kenali oleh searching engine, karena bread crumb ini seperti sebuah keywords atau tag yang bisa memancing searching engine untuk meng index postingan kita menjadi lebih cepat, oleh karena itu saya sangat menyarankan sekali buat sobat blogger yang belum memasangnya, oke sekarang kita langsung saja ke TKP cara memasang bread crumb dib blog kita.
Pertama biasa masuk ke Blogger
Edit HTML
Readmore Zero-Info: Cara memasang Bread Cumb di Blog

Memasang Super Meta Tag di Blog Kita

adminDiposting oleh Rizal

Sudah lama saya ingin menuliskan ini, dan memang Super Meta Tag atau lebih dikenal dengan nama "Dynamic Meta Tag" pada blogger ini terbukti ampuh menjaring SERP pada blog kita. Seprti apa sih Super Meta Tag ini? yuk kita lihat...

Sebuah Super Meta Tag akan membantu kamu untuk mengoptimalkan SEO dari blog kamu. Dengan begitu kamu akan memiliki kesempatan lebih tinggi untuk masuk dalam peringkat teratas di search engine.


Untuk caranya silakan ikuti langkah2 seperti di bawah ini.



  • Pergi ke Layout -> Edit HTML di dashboard Blogger kamu
  • Readmore Memasang Super Meta Tag di Blog Kita

    jasa pembuatan blog murah meriah

    adminDiposting oleh Rizal dateMinggu, 13 Maret 2011

    bagi kalian yang ingin mepunyai blog sekarang Ray_Gun menyediakan jasa pembuatan blog dengan domain blogspot, dan co.cc bagi yang berminat silahkan menghubungi saya dengan cara meninggalkan komentar dan alamat facebook anda agar mudah di hubungi di kotak komentar 

    Fitur-fitur yang akan tersedia di blog anda :
    1.  blog anda seo ready agar lebih mudah bersaing di sarch engine
    2. templates hasil modifikasi dari zoomtemplate
    3. kotak komentar dengan emoticons kaskus atau yahoo ( pilih salah satu )
    4. blog anda terdaftar di bidvertiser ( penghasil dolar )
    5. shoutmix atau cbox ( pilih salah satu)
    6.  widget page rank 
    7. google translate versi blog
    8. jam ( jika ingin )
    9. widget komentar terakhir
    10. widget histats 
    11. dan blog anda sudah terdaftar di google
    Harga jasa pembuatan blog hanya Rp.10.000.00 yang berminat silahkan hubungi saya
    Readmore jasa pembuatan blog murah meriah

    cara menghapus widget yang terkunci

    adminDiposting oleh Rizal dateSenin, 13 Desember 2010

    berpindah ke blog yang baru
    Pernah ga kalian  mengalami ada widget yang tidak bisa dihapus pada blog kalian? Ok, saya anggap aja ada, heheee.... jika kamu punya widget yang tidak bisa dihapus nih saya ada caranya untuk menghapus widget yang bandel. Caranya seperti ini :
    1. login ke blogger
    2. klik rancangan 
    3. klik edit tata letak
    4. back up dulu template nya dengan cara di download
    5. Cari kode ini <div id="lowerbar-wrapper"> atau <div id="sidebar-wrapper"> tiggal lihat dulu widget tersebut berada dimana,untuk lebih mudahnya kamu ketikkan aja dari judul widget tersebut, biasanya yang terkunci adalah adsense ataupun widget feed, biasanya kode lengkapnya seperti ini:
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML8' locked='false' title='' type='HTML'/>
    <b:widget id='HTML10' locked='false' title='Subscribe via email' type='HTML'/>
    <b:widget id='HTML2' locked='false' title='tempat bacot' type='HTML'/>
    <b:widget id='HTML1' locked='false' title='' type='HTML'/>
    <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
    <b:widget id='HTML3' locked='false' title='blog stats' type='HTML'/>
    <b:widget id='HTML4' locked='false' title='' type='HTML'/>
    <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
    <b:widget id='HTML7' locked='false' title='friends link' type='HTML'/>
    <b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
    </b:section>
          </div>

    6. Coba perhatikan kode warnah merah pada point 5 di atas , itu kode yang kosong atau gak mau digunakan, jadi saya pikir dari pada menuhin sidebar mending di hapus saja, lumayan mengurangi sedikit berat blog , itulah yang dimaksud dengan widget yang terkunci karena tak bisa langsung di remove dari halaman Dashboard.
    7. Cara remove nya..gampang.. karena tinggal hapus saja kode warna biru tersebut… gitu aja kok repot…
    8 Klik Save Template , terus klik lagi Confirm and Save
    9. Selesai.. Silahkan di lihat dah hilang belum tuh gadget bandel itu.



    Readmore cara menghapus widget yang terkunci

    cara buat google translate dengan icon bendera di blog

    adminDiposting oleh Rizal

    Gadget ini berfungsi untuk menterjemahkan bahasa blog anda ke bahasa yang diinginkan oleh pembaca blog anda.Misalnya seorang pengunjung dari negara cina membuka blog anda dan ingin membacanya, tentu saja dia tidak bisa mengerti dengan bahasa Indonesia.Dengan gadget Google Translate ini, si pembaca akan dengan mudah mengerti isi blog anda hanya dengan memilih bahaya yang diinginkan.Keuntungannya bagi blog anda adalah meningkatkan traffic kunjungan pada blog anda karena bisa dibaca dari seluruh dunia.Cara memasangnya adalah sebagai berikut:
    bagi agan-agan yang di blog nya mau di pasang tranlate seperti di blog saya agan bisa copy paste code di
    bawah ini tapi jangan di rubah ya .........

    <center>Google translate
    <center><style>

    .google_translate img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
    }
    .google_translate:hover img {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
    }
    .google_translatextra:hover img {
    filter:alpha(opacity=0.30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
    }
    </style>

    <div>

    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9kvaqrRpW6_oZoOejLN7Ky3NET6DaL_ORvqvHioqn6KM8YElkWl1T1DNbtonnSnHRk7-aAQJrsg8hSpMGOVJdXZPiPb3WcIbSgSisbff7-Jhd0R2CSI8aubzKQ1G8qQw86qPxcNYuAJc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOLyVisVoJQTNrwyIRO9YdLKIJXs39Ic7prbVDnL08lqlA7cxV_y-tQHSevz7AqciuE77hncU6fmRJXGvpIf5lpgtpvRKacuPz4OViADO6l-og4Ac4kSd8bPinWpREBMs9IUjNqjM5SAk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRjHFznKus_-NS4We3oeeXyWgGGjiYojTAAqv6VGi5ZE2HK_2lQKDfP_3WGfX1eZrS6UPtMItxsZqj6ITAmdwFGORhScLEyUEKibMnIUHk3WGq_TXxP39Q34gCLW8ZHI38hq7x1NhHuS7e/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ1cs3p9SXV3CDCHU7SfaSAU_h-rakcTLkeHUrpZ_EhoVoRk9YWGicYt2Jc3fRZUtss_vnvXBOrMoKrDwcbsX394lhh8bRGxEaPSjlPdyT_duCB4JZVI2CleJDz-_eN8xMezMGw1RDyQ6K/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD8txpT10MWr8pr68f1pYT4AAAFd6Rwl1lC5bZMQUDchRpBsCCv8DmwC2gVG7kf5EeW9cmlbZ58UigQX8SQTvV8kfXt-7j72C1x5obc6h7zsRsgOePvtc4xnUVmh_m9PmET_mQ96Tg1ls/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRhPh4oHnfP7xMnfuOARkdWnN54SgOI0WRq2WXzplPP6F9jqzX1H55flb6pEtBvagKopgSLaM7f1_12QIYwrw9LYCQ86OFIfrEnQYSWOiXM_Codhyphenhyphen9AgOi47eQ1DtERygKj9u5PsIyCdM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <br /><br />
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZsmxiZP3LYQXL_tVqKlzvYw_V50A9867Ckok5LgTpDML5K7N2dMHRR1xTe4Hm71RFM-UvlwHnuxDC7sAAhZbts5JoXaTA3xvPUXM3vLKfLSOVWXDqAH7cAl-EqodxdJeOukWmRguHTCE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLlnYElU7WDdG9rtpyGbE3WUaWCb57FYpEXptU1fBQEaWsed0BfwWVJ_8ap4UCH7ZGCwteSdKuxifG8GQTlOFEQptoqqSvvDDutRMe3HnuB29-i4O47cD7k83OERsZqQdDPjyFYsBHTyo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb6-YJwQ-9q1YTlZpmxiUk1wfHtykDx2KoLfa5AI4p9TfexbfYcwV4HewIyTi1j-veeGcLERQXdGg9Z8dQsc1Wy_gDp43qUfKngpq7zQd_Ihqg1JkgNNPEKWjFvH_MgZ7grgXQeM-MA-_2/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh8rmD8EEh0YJ_S2UagicLzd4OeI5HNmeN6P1oyDmzSaa1CR2IPaCBsk8SSiTCRFi5ONIKY0Bsx3j487eZEQ95AAiaNw3RnXXtpqFkbCroxjw4A-fXy7hKbBb_uF8SN2vNkuSwhmfbdQ4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiiZSCNQes1v2nD9ZEmi0SVG8NvQe-NhX-te_gD98TFPykFy2G-C0Xb1IpqJu9UV7-b1nZZFREcjJL-g3ijIx07BFBVaRuxyXzyShUd5syGcEoUdUtHhHEXDeBI1GLuhRuHe6USlrp3Mk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm1LkR3unqzhulq6ZWhR6IqTDpX_R6N-4uFsHgGr7iY77EBSyZB79OtPGE-pn9q02SLUsOMOACYR5-zLqVFsK2YbIENbljSshexcBW6oE1Clhia6eGrJ2bd6e-50wr5WdQAxWbaLXusEc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
    </div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>

    by : <a href=http://rbarizal-raygun.blogspot.com/>Ray_Gun</a><br/>



    setelah code html nya di copy agan masuk ke rancangan terus ke element laman klik add new widget paste kan code tadi
    tara.........hasil nya sekarang di blog agan ada google translate seperti saya....
    Readmore cara buat google translate dengan icon bendera di blog

    forum Ray_Gun

    adminDiposting oleh Rizal dateSenin, 05 Juli 2010

    CHATING DAN DISKUSI BISA DI SINI



    ShoutMix chat widget

    Readmore forum Ray_Gun
    Related Posts Plugin for WordPress, Blogger...