Membuat Menu navigasi di bawah Header

Hai Sohib… Kali ini Pak De-I persembahkan untuk Sohib tercinta tentang cara menambahkan menu di bawah header. Dalam pembuatan blog Baru atau penggantian template baru sering kita temui template yang kita pilih belum ada fasilitas menu dibagian atasnya, baik diatas header atau di bawah header, padahal “keberadaannya” sangat di butuhkan sebagai navigasi bagi para pengunjung blog untuk mengexploitasi content yang ada di dalam Blog kita. Apa yang harus kita perbuat untuk menambahkan menu navigasi tersebut..? Berikut ini Pak De-I berikan trik untuk Sohib semua

Seperti biasa, pertama yang harus Sohib lakukan adalah login dulu ke blogger dengan akun Sohib tentunya kemudian klik Layout/Tata Letak  dan pilih Edit Html, .Kemudian dengan tekan Ctrl+F atau menggunakan F3 silahkan Sohib cari kode di bawah ini

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
Udah ketemu kan..? kalau udah ketemu cari kode ini: showaddelement='no' dang anti symbol ‘no’ dengan symbol ‘yes’ sehingga menjadi  showaddelement='yes' , Setelah itu Sohib harus save dulu, Oke..

Gimana..? Udah disimpan kan? Langkah selanjutnya silahkan Sohib buka lagi dashboard dan pilih Page elements / Elemen Laman  klik pada tambah Tambah Gadget yang berada persis di bawah header yang bentuknya memanjang, dalam kotak pilihan silahkan Sohib pilih HTML/Javascript , copy kode dibawah ini dan simpan
<a href=" LINK SOHIB " class="navigation">HOME</a>
<a href=" LINK SOHIB " class="navigation">CONTACT</a>
<a href=" LINK SOHIB " class="navigation">BUKU TAMU</a>
<a href=" LINK SOHIB " class="navigation">FACEBOOK</a
<a href=" LINK SOHIB " class="navigation">TWITER</a>
<a href=" LINK SOHIB " class="navigation">DOWNLOAD</a>
<a href=" LINK SOHIB " class="navigation">LAIN-LAIN</a>
<a href=" LINK SOHIB " class="navigation">CHATTING</a>

Kalau udah selesai simpan dulu ya…
Selanjutnya untuk merubah warna masing-masing link agar terlihat lebih menarik Sohib bisa merubahnya dengan cara seperti ini:

Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode  </b:skin> kemudian simpan.

a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

Kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.

Oke Sohib, sekian dulu untuk trik kali ini, semoga bermanfaat

Read More >>

Membuat Auto Read More

Haloo Sohib Blogger semua, masih tetap semangat untuk tetap berkreasi dan memberikan yang terbaik pada  pengunjung Blog Sohib kan…? Kadang ketika Sohib membuat Blog baru atau mengganti template pada Blog, ketika membuka pada bagian homepage posting-posting yang dibuat masih terlihat utuh dan belum terpotong oleh fasilitas READ MORE sehingga menyebabkan Blog terkesan sangat panjang. Hal ini tentunya akan menyebabkan Pengunjung Blog Sohib merasa tidak nyaman karena harus memutar roda mouse terlalu lama untuk melihat posting-posting Sohib yang berada pada halaman depan, untuk itu dibutuhkan fasilitas blog yang bernama READ MORE fungsinya untuk lebih memperpendek panjang halaman muka dan mengoptimalkan tampilan posting terbaru Sohib. Berikut ini Pak De-I berikan trik untuk Sohib tentang cara pembuatan READ MORE untuk Blog Sohib, caranya adalah:

1.    Masuk ke Dshboard Blog Sohib dengan akun Sohib
2.    Pilih Design/Rancangan
3.    Klik pada Edit HTML jangan lupa centang Expant Widget Template pada kotak kecil di sudut kanan atas. Pak Dei-I sarankan agar Sohib Download dulu  atau back up file XML untuk mengantisipasi kalau terjadi kesalahan sohib dapat mengembalikan template pada template sebelumnya.
4.    Cari kode </head> dengan cara tekan Ctrl+F kemudian letakkan scriptdibawah ini tepat dibawah kode </head>

<!-- Auto read more script -http://desainexteriorinterior.blogspot.com- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) {   
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script -http://desainexteriorinterior.blogspot.com- End -->

Huruf yang tercetak dengan warna biru  adalah jumlah dan ukuran tampilan

summary_noimg=jumlah karakter tanpa gambar, 

summary_img=jumlah karakter dengan gambar, 

sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

. Kemudian cari <data:post.body/> (gunakan Ctrl+F), dan GANTI dengan:

<!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more -http://desainexteriorinterior.blogspot.com- End -->

Catatan:
Ganti Read More >> sesuai dengan selera Sohib. Sohib juga bisa mengganti tulisan READ MORE dengan gambar caranya ganti tulisan berwarna biru tersebut dengan:
<img border='0' src='url (direct link) gambar readmore'/>
Ganti url (direct link) gambar readmore dengan alamat url dimana Sohib mengupload dan menghosting exteriorgambar.

5. Kalau sudah selesai semua Preview terlebih dahulu, jika sudah beres, kemudian save.

Read More >>

Cara Mengatasi Rasa Malas Dalam Menulis Artikel

Kebuntuan sering menjangkiti kita pada saat kita berencana membuat sebuah posting, tentang apa yang harus di tulis, dan itu menjangkiti kebanyakan teman-teman khususnya yang newbe dalam dunia per-blogger-an, ujung-ujungnya copy paste yang dijadikan pelarian. Sebetulnya tindakan Copy paste ini sah-sah aja sepanjang Pemilik content mengikhlaskannya dan tidak mempermasalahkannya di kemudian hari. Namun demikian hal ini akan berimbas tidak baik tentunya bagi pengembangan diri Sohib,disamping akan mematikan kreatifitas tindakan copy paste sangat tidak disukai oleh Eyang Google karena akan memunculkan duplicate content yang notabene tidak akan di jadikan skala prioritas oleh Eyang Google pada saat  Eyang Google mendapat pesanan untuk mencarikan sebuah artikel, Eyang Google akan lebih memilih Originl Content untuk di berikn kepada para pelnggannya
Dalam artikel ini Pak De-I akan memberikan beberapa tips agar Sohib bisa tercerahkan pada saat punya rencana posting tapi menemui kebuntuan

1.Jadilah diri sendiri
Sohib bukanlah Albert Einstein, Marlyn Monroe, Mario Teguh atau Kick Andi yang dengan gaya mereka, mereka mampu membuat opini bagi orang lain, Sobat adalah Sobat yang sama-sama di kandung oleh Ibu selama 9 bulan sebagaimana mereka juga mengalami hal yang sama. Kalau mereka bisa kenapa kita tidak…? Mereka bicara atas diri mereka, keinginan yang kuatlah yang membuat mereka jadi seperti yang kita lihat sekarang ini. Mungkin perbedaannya hanya keinginan mereka di topang oleh segala fasilitas yang ada namun kenyataan telah berbicara kepada kita, banyak orang sukses memulai perjalanan suksesnya dari segala keterbatasan yang ada. Jadi apa hubungannya dengan tema yang Pak De-I sampaikan kali ini, yaitu tentang kebuntuan saat ada rencana membuat posting. Tujuan Pak De-I adalah untuk mengangkat jati diri Sohib semuanya agar Sohib bangkit dengan potensi yang Sohib miliki untuk kemudian di tuangkan dalam bentuk tulisan yang pada akhirnya akan bermanfaat bagi orang banyak. Sobat bisa memulai dari hobi yang Sobat miliki, misalnya Sohib punya hobi Fotografi, buatlah cerita tentang Fotografi, Sohib bisa pajang foto-foto di Blog Sohib dengan di berikan ulasan-ulasan dengan gaya bahasa Sobat sendiri, tidak harus dengan bahasa yang formal, bisa menggunakan bahasa gaul, gado-gado bahkan bahasa yang slengekan misalnya, tapi harus sopan tentunya. Contoh soal yang lain misalnya Sohib hobi dibidang desain, berceritalah soal desain. Apapun yang kita tahu kita bisa tuangkan dalam bentuk tulisan, sekali lagi tidak harus dengan bahasa formal. Perlu Sohib ketehui diluar sana banyak orang yang belum tahu tentang suatu hal yang kita tahu dan jumlahnya jutaan dan sebagian dari mereka ingin tahu tentang sesuatu yang sohib tahu dan ketika mereka ingin tahu dia mencari solusinya lewat internet, itulah ladang para Blogger.

2.Mulai dari hal yang mungkin
Maksudnya adalah buatlah tulisan yang sesuai dengan kemampuan Sohib dan jangan memaksakan diri untuk menulis hal-hal yang belum Sohib ketahui karena disamping akan menjadi ketawaan para pembaca karena kesalahan Sohib, hal ini akan membuat Sohib jenuh untuk menelurkan karya-karya selanjutnya, karena Sohib akan merasa jenuh dengan beban yang diluar kemampuan Sohib, berkaryalah seperti air mengalir dengan tetap berupaya menambah pengetahuan tentang tema yang Sohib geluti untuk dijadikan tulisan. Banyak membaca dan berexperimen akan sangat membantu Sohib untuk menciptakan karya-karya yang berkualitas. Jika karya-karya Sohib terbukti berkualitas dengan banyaknya pengunjung di Blog Sohib inilah lading bagi Sohib untuk dapat berbuat banyak dengan Blog yang dimiliki, kita bisa mendapatkan penghasilan dari Blogging, kita bisa membentuk opini orang banyak lewat karya-karya kita dan masih banyak lagi hal yang dapat kita peroleh dari kegiatan blogging kita. Mungkin Sohib semua pernah baca kisah sukses beberapa Blogger di Indonesia, seperti Habibie Afsyah, Ane Ahira, Dini Santy, Muhammad Isnaeni dan lain-lainnya. Mereka memulainya dari hal-hal yang sederhana yang mereka ketahui dan menuangkannya dalam bentuk karya tulis. Sohibpun bisa seperti mereka

3.Berusahalah untuk menjual
Naluri bisnis hampir menyertai setiap jiwa manusia, kita tahu ada  banyak cara untuk  menyalurkan naluri bisnis ini ada yang berdagang, ada yang jual jasa dan lain sebagainya. Perlu Sohib ketahui sebagian besar alasan Blogger membuat Blog adalah karena mereka ingin mendapatkan penghasilan tambahan dari kegiatan blog mereka atau bahkan pada tingkatan blogger yang sudah sukses kegiatan Blogging adalah mata pencaharian mereka dan mereka telah mendapatkan penghasilan yang cukup besar dari kegiatan Bloggingnya. Untuk itu berusahalah untuk menjual dengan Blog yang kita miliki. Terus yang mau di jual apa…? Sohib bisa menjual barang atau jasa lewat Internet dan itulah yang dimaksud dengn bisnis online. Untuk menjadi penjual di Internet Sohib tidak harus mempunyai produk sendiri, Sohib bisa jual produk orang lain baik yng berbentuk affiliasi atau jualan konfensional lewat internet. Terus apa hubungannya dengan tema kita kali ini, dengn adanya sesuatu yang kita jual pasti Sohib akan terpacu untuk membuat posting-posting baru untuk melakukan update tentang jualan Sohib semua dengan, demikian perasaan harus posting itu sudah menjadi semacam kuwajiban, kalau sudah merasa wajib posting tinggal tunggu waktu aja Blog Sohib akan terisi dengan Posting-posting karya sendiri
Itulah beberapa tips yang bisa Pak De-I sampaikan semoga bermanfaat buat Sohib sekalian. Sampaikan saran dan kritik lewat kotak komentar yang tersedia di box kotak saran di bawah ini, sampai jumpai dengan tips-tips lain dari Pak De-i

Read More >>