Cara Membuat Tabber Sederhana ( Tab View )

Cara Membuat Tabber Sederhana ( Tab View )

Widget

Dipublikasikan oleh: belajar blog

Bagaimana Ya cara agar recent pos, popular post dan comments dapat menyatu ? / tolong kasih tau caranya dong

Sesuai dengan pertanyaan dari  Icuk Sugiarto Sesa. A diatas, kali ini saya akan berusaha menjawabnya. Atau bagi sobat yang belum tau komentarnya bisa langsung di lihat di sini. Ini juga saya sebarkan untuk sobat  untuk sobat yang bloggerholic. Meskipun kelihatannya sederhana, trik ini bisa sangat berguna dan bisa memberi peluang bagi widget lain untuk berada di bawahnya. Namanya adalah tabber. Tabber ini berfungsi untuk menyatukan beberapa widget sehingga bisa menghemat space. Kalau sobat belum tau, bisa langsung di lihat di samping tulisan ini. Saya menyatukan recent post, popular post dan recent comments sehingga terlihat seperti satu widget.

Cara pemasangannnya bisa dibilang gampang gampang susah. Langsung saja, berikut langkah langkah yang harus sobat ikuti untuk memasang tabber..

1. Login ke blogger
2. Masuk ke dashboard..
3. Pilih rancangan lalu pilih template
4. Pilih edit html
5. Letakkan kode CSS di bawah ini tepat di atas ]]></b:skin>

.widget-wrapper2{
border:1px solid #494e52;
background-color:#636d76;
padding:10px;
}

.widget-tab {
background:#c9dbdd;
font-family:Arial,Helvetica,sans-serif;
padding:5px !important;
}

.widget-tab  ul {
margin:0px;
padding:0px 5px 0 5px;
}
.widget-tab  ul li {
list-style:none;
border-bottom:1px dotted #a4bddf;
padding-top:4px;
padding-bottom:4px;
font-size:12px;
}
.widget-tab  ul li:last-child {
border-bottom:none;
}
.widget-tab  ul li a {
text-decoration:none;
color:#3e4346;
}
.widget-tab  ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.tab-content  ul li a:hover {
color:#a59c83;
}
.tab-content  ul li a:hover small {
color:#baae8e;
}

.active-tab{
background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMKKbtArXkqG8pL6qik4Trq8zzVMWw52nhv2sgDSeCcumuBhCzVff7u7t2B38Pw7P6MKHZqu8epGJH3xK9_6Uvg7J2scvebXiZsqXd8ZUDTfzGcBEG94jMecfIaHpwkU5ZMhNwbkDjIEo/s1600/sidebar.png) repeat-x scroll left bottom !important;
color:#282E32 !important;        
}

ul.tab-wrapper {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}

ul.tab-wrapper li{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2mEfH-4QCgH5VDL3-QU_5amJpobLjlQUaI0UA2TYYJShnIaQgowY7Eoq3iQ2_D4Cs9Es4nYURtdLU4aJIhEMhspVBakOxqM0fNNDcOfSCfZAZqJuwmXHccLB8BE58cr7M6S4F0JZc48s/s1600/menu-m1.png) repeat-x top;
color:#FFF;
cursor:pointer;
display:inline;font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:700;
line-height:2em;
list-style-image:none!important;
list-style-position:outside!important;
list-style-type:none!important;
margin-right:1px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
padding:8px 14px
}  

6. Tabber ini menggunakan efek jquery, makanya sobat harus punya jquery.min.js di html blog sobat. Ada beberapa template yang sudah terinstall jquery ini, bagi yang sudah terinstal lewati saja langkah ini.. Untuk mengeceknya silahkan lihat di atas kode </head>. Kodenya seperti ini..

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

Versinya bisa berbeda beda.

7. Tambahkan kode ini tepat di bawah script jquery no 6 tadi..

<script type='text/javascript'>
var starttab=0;
var endtab=2;
var sidebarname=&quot;sidebar&quot;;
</script>
<script src='http://johnytemplate.googlecode.com/files/tabber.js' type='text/javascript'/

var starttab adalah nomor wigdet yang dihitung mulai dari 0 (nol). var endtab=2 adalah nomor terakhir widget yang ingin di satukan. Misalnya saya menggunakan seperti kode di atas, maka hasilnya bisa anda lihat di blog ini yaitu 3 widget, recent post, popular post dan recent comment (0 - 1 - 2 => jumlahnya 3). Jadi bisa dibilang 3 widget pertama yang akan menyatu.

var sidebarname diisi dengan id dimana nantinya akan di sertakan sidebarnya. Temukan kode yang kurang lebih seperti di bawah ini..

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

Lihat yang warna biru di atas, var sidebarname diisi sesuai dengan idnya. Misalnya id di atas adalah sidebarleft, maka di var sidebarname diisi seperti ini..

var sidebarname=&quot;sidebarleft&quot;;

7. Save dan lihat hasilnya.

Reference = creatingwebsite-maskolis.blogspot.com
                   Abu Farhan

1 Kesalahan Fatal Penggunaan Gambar di Posting

1 Kesalahan Fatal Penggunaan Gambar di Posting

Blogging-Life

Dipublikasikan oleh: belajar blog

Sebagian dari anda mungkin bingung kenapa saya tidak lagi menggunakan gambar sebagai penghias artikel, sebagian dari sobat mungkin juga tidak. 2 posting terakhir saya yaitu Apa yang Menarik Dari Blogging? dan Hal Hal yang Harus Diperhatikan Saat Memilih Nama Domain (+Beralih ke Costum Domain) sama sekali tidak menggunakan gambar. Namun di posting ini, saya "terpaksa" harus menggunakan gambar sebagai salah satu bagian tulisan dari artikel ini. Kenapa?? Gambar di sini saya maksudkan agar bisa mempertegas dan memperjelas tulisan ini sehingga saya harap ia bisa menjadi bukti sahih yang valid.

Saya punya pengalaman pahit sesaat setelah menulis artikel 15+ Situs Penyedia Template Blog Terbaik. Saya mereload homepage dari blog ini dan terkejut melihat lambannya loading. Saya berusaha mencari penyebabnya, mulai dari koneksi internet hingga kesalahan pada blog. Ternyata itu semua berawal dari artikel di atas. Blog ini melakukan request terhadap seluruh gambar, baik sebagai thumbnail hingga gambar yang sejatinya di request saat blog sedang dalam kondisi dibuka pada halaman posting, meskipun ada beberapa gambar yang tidak di tampilkan di homepage, namun blog saya tetap melakukan request. Akibatnya, blog ini menjadi super lambat. Bayangkan, ukuran blog mencapai 12 mb. Padahal sebelumnya hanya sekitar 1 mb. Ini wajar karena ukuran gambar pada 15+ Situs Penyedia Template Blog Terbaik bisa mencapai 800 kb. Berikut Screenshotnya..

Celakanya lagi, blog ini menggunakan recent comment yang mengambil 10 postingan terakhir, ini artinya saya harus menulis 10 posting terbaru tanpa gambar agar loading blog tetap terjaga. Tentunya posting posting selanjutnya akan saya usahakan meminimalisir penggunaan gambar dan tetap memiliki kualitas. Ini saya beritahukan agar sobat tidak mengulangi kesalahan fatal seperti ini. Selalu kompress ukuran gambar agar loading blog tidak lamban. Salah satu sarana favorit saya yaitu imageoptimizer.net, selain itu ada Yahoo smush it dan lain lain. Untuk gambar di atas, mungkin sobat bertanya kenapa hanya perlu waktu kurang dari 2 detik untuk meloading blog dengan ukuran 12 mb??Itu semua karena saya masih memiliki cookie di gambar ini sehingga loading blog bisa cepat. Posting ke depannya akan saya usahakan memiliki size yang kecil, ini juga saya maksudkan agar sobat tetap nyaman di blog ini..


Terima Kasih..

Apa yang Menarik Dari Blogging?

Apa yang Menarik Dari Blogging?

Blogging-Life

Dipublikasikan oleh: belajar blog

Blog adalah salah satu fasilitas yang paling populer. Ribuan, bahkan jutaan blog telah eksis di internet. Ribuan blog lahir per harinya. Berbagai platform, Blogger, Wordpress dan "Penampung" ide dan tulisan lainnya yang semakin banyak. Berbagai harga, dari berbayar hingga gratisan. Dari domain TLD hingga Subdomain. Rasanya 100 ribuan per tahun tak masalah asalkan punya "wadah" di dunia maya. Timbul satu pertanyaan, Kenapa??Jutaan orang di dunia ini punya satu "http://" di internet. Bahkan lebih. 1 orang bisa 2, 3 dan seterusnya. Mulai dari personal , toko, bisnis dan kepentingan komersial lainnya. Apa yang membuat sangat menarik perhatian sehingga blog lahir seperti titik hujan yang turun?? Apa untungnya?? Apa enaknya??.

Blog saat ini sudah menjadi konsumsi publik, seolah menjadi 'makanan pokok'. Hampir setiap hari, ribuan posting baru muncul di internet, Search Engine pun berusaha meningkatkan kualitas mereka untuk menampilkan hasil yang relevan untuk mengisi kepuasan hati dari setiap blogger. Disamping itu blog juga punya sisi kelam. SARA, comment spam, copy paste seakan tak pernah hilang. Dengan sedemikian banyak sisi kelam tersebut, blog masih menjadi tujuan kenapa harus ke warnet, beli komputer atau laptop, beli modem kemudian berlangganan paket dari berbagai ISP, hingga pasang Speedy atau penyedia lainnya. 

Rasanya beberapa alasan di bawah adalah jawaban kuat untuk pertanyaan hebat di atas:

Blog = Menulis.

Tak bisa dipungkiri, tujuan utama blog adalah menulis. Hasil pemikiran, kreatifitas, ekspektasi, percobaan, kegagalan semuanya dituangkan melalui sebuah tulisan yang kemudian disebut artikel dan di publish melalui sebuah blog. 'Motif'nya berbeda beda. Blog sebagai diary. Tempat menuliskan semua pengalaman pribadi atau kelompok yang ingin di'beritahukan' ke dunia maya. Tips dan trik. Mulai dari tips trik blog, tips trik seo, internet, mobile, dan masih banyak lagi. Blog sebagai 'wadah'. Mulai dari tugas sekolah, kliping atau makalah hingga tugas kuliah. Dan masih banyak lagi motif motif 'menulis' di blog. 

Semua alasan di atas didasari oleh hasrat dan keinginan untuk menulis. Bahkan buku pun tak cukup. Banyak penulis buku yang kemudian mem'publish' tulisannya ke dalam blog. Memang kreatifitas tak pernah hilang. Mati satu tumbuh seribu. Rasanya peribahasa itu tepat untuk mendeskripsikan bagaimana hasrat seorang penulis, blog maupun buku. 

Setidaknya ada 2 fenomena yang (mungkin) tak pernah hilang dari dunia maya. Kreatifitas dan Copy Paste. Bagaimana Copy Paste membunuh satu kreatifitas, tapi seribu kreatifitas tumbuh di kemudian. Blog adalah Cermin.

Blog = Receh.

Rasanya sebuah toko yang tak punya http:// di internet bukanlah sebuah toko. Mereka berlomba lomba punya satu alamat di internet. Ada 3 tujuan kenapa hal tersebut terjadi, transaksi, uang, dan kredibilitas toko. Di alamat tersebut bertemu jutaan pembeli yang me'review' barang atau jasa yang ditawarkan dari toko tersebut. Inilah strategi marketing di dunia maya. Bagaimana mereka mengkonversi pengunjung menjadi transaksi yang berubah menjadi uang dan kredibilitas yang bisa menambah kepercayaan dari konsumen. 

Di samping cara di atas, masih ada fasilitas lain yang dimanfaatkan di internet, iklan. Lihat betapa berjamurnya iklan iklan di internet. Ada juga yang curang dengan "memaksa" pengunjung iklan, baik dengan script atau sebagai rasa terima kasih pengunjung kepada admin blog. Tujuannya simple, uang. Mulai dari toko, obat obatan dan penjualan barang lainnya berlomba lomba memasang iklan baik di sebuah blog. Blog pun kemudian menyediakan space khusus iklan, di header, sidebar maupun dalam posting. Seolah olah saat iklan datang, You are welcome.  Inilah pemanfaatan dunia online, bukan cuma tulisan dan ilmu, internet adalah tempat bertimbunnya uang. Sisi positif, iya tapi bagi mereka yang mendapatkan hasil iklan. Bagi pembaca, iklan yang terlalu mengganggu bisa menurunkan kepercayaan. Tergantung strategi blogger menyikapi agar uang mengalir seiring pengunjung membaca.

Blog => Berbagi.

Blog adalah sarana yang tepat untuk memenuhi keinginan berbagi seseorang. Akses yang mudah, biaya terjangkau dan mudanya pengoperasian menjadi faktor menarik kenapa blog lahir setiap harinya. Bagaimanapun juga, manusia tetaplah manusia. Manusia punya hasrat untuk saling berbagi dan bersosial. Blog saat ini menjadi "buku" digital seorang blogger, mulai dari pemikiran, obsesi, ekspektasi, dan pengalaman semuanya dibagikan melaui sebuah blog. 

Itulah beberapa alasan mengapa blog seolah menjadi magnet di internet. Bahwa blog bukan sekedar tulisan dan artikel. Mereka punya peran  lebih besar. Saat ini, fenomena blogging sudah menjadi hal wajib. Biarlah fenomena ini terus mengalir, seiring kreatifitas tumbuh. Satu hal yang harus diingat, pembaca lebih memerlukan isi posting daripada jumlah posting.

Hal Hal yang Harus Diperhatikan Saat Memilih Nama Domain (+Beralih ke Costum Domain)

Hal Hal yang Harus Diperhatikan Saat Memilih Nama Domain (+Beralih ke Costum Domain)

Tips Blog

Dipublikasikan oleh: belajar blog

Domain sudah menjadi hal lumrah bagi seorang blogger. Mereka tak lagi panik saat harus mengeluarkan puluhan ribu rupiah per tahunnya. Semua berlomba agar blog mendapat nilai plus dari domain tersebut. Namun, menurut saya, blog adalah blog, tak peduli dan tak terganggu dengan domain maupun hosting.


Saat ini costum domain sangat beragam, mulai dari .net, .us, .tk hingga yang paling terkenal .com karena sifatnya yang menjual dan banyak digunakan (com = commercial :D). Pemasangan costum domain yang mudah dan cepat serta dianggap "terjangkau" ini pun menjadi faktor pendorong. Banyak blogger yang beralih ke costum domain untuk meningkatkan otoritas blog mereka. Namun, pemasangan costum domain pun bisa menimbulkan dampak untuk blog. Selain itu ada beberapa hal yang harus diperhatikan sebelum menggunakan costum domain. Keduanya saya coba rangkum dengan list di bawah ini:

#1 Pastikan Domain Mengandung Keyword.
Sebelum membuat blog, sobat harus memutuskan keyword blog yang akan dipakai nantinya. Cari keyword yang terjangkau untuk dicapai dan bisa dibilang lagi trend tapi dengan jumlah competitor sedikit mungkin. Setelah memutuskan keyword, sobat lanjut ke pemikiran domain. Domain harus mengandung keyword. Misalnya saya membuat sebuah blog dengan keyword "laptop gaming", jadi nanti di domain saya bisa seperti : www.laptop-gaming.com,www.laptopgaming.com, atau www.laptop-game.com. Di contoh url tadi kita bisa menemukan keyword dari isi blog tersebut. Jangan ulangi seperti saya. Tapi, kalau memang sobat merasa mampu membentuk blog tersebut dengan baik, silahkan saja menggunakan domain yang menurut sobat cocok. Misalnya nama sendiri atau lain lain.

#2 Pilah Pilih Domain.
Saat ini, costum domain sangat beragam, baik yang TLD ( Top Level Domain ) maupun subdomain. Contoh Top Level Domain adalah .com, .net, .biz, .me, .us, .org, .co.id, dan .tv. Selain itu masih ada domain domain gratis yang sobat bisa gunakan seperti .tk, .co.cc dan lain lain. Keberagaman inilah yang harus sobat pikirkan . Cari domain yang nantinya mudah diingat dan dilafalkan. Selain itu, domain domain TLD juga bisa meningkatkan otoritas blog di mata pengunjung karena pengunjung melihat .com lebih "hebat" dibanding yang lain. Kini, terserah sobat saja mau pilih yang mana.

#3 Panjang Domain.
Jumlah karakter dari domai juga harus diperhatikan, jangan sampai terlalu banyak sehingga menyulitkan pembaca untuk menulisnya. Menurut saya, yang paling bagus adalah 1 kata. Jika sobat menggunakan 2 kata,     maka terlihat cukup bagus. 3 kata menurut saya terlalu panjang. Gunakan kata kata domain sesuai dengan kebutuhan. misalnya : www.buatblog.com lebih bagus ketimbang www.caramembuatblog.com.

#4 Persiapkan Mental.
Ini saya peruntukkan bagi blogger yang membuat blog baru dengan isi posting baru dan memulai dari awal. Siap siap saja kehilangan pembaca. Salah satunya adalah penurunan hasil SERP, page index dan berdampak pada trafik blog itu sendiri. Saran saya, sobat sebaiknya memberitahukan blog yang baru melalui blog lama. Bisa di sidebar maupun sebagai headline. Poin ini bagi anda yang membentuk blog baru, bukan mengganti domain. Jika sobat menggunakan costum domain untuk blog blogspot, sebaiknya menggunakan fitur yang telah ada di blogspot. 

Banyak yang harus diketahui dulu sebelum menggunakan costum domain. Sobat sebaiknya mengecek apakah hal tersebut benar benar perlu sehingga tidak ada penyesalan di kemudian hari karena terikat oleh biaya yang haru sdikeluarkan setiap tahunnya. Itulah beberapa poin penting.harus sobat perhatikan. Dan yang terakhir, terus isi blog dengan posting yang berkualitas.


Happy Blogging

15+ Situs Penyedia Template Blog Terbaik

15+ Situs Penyedia Template Blog Terbaik

Resources Template

Dipublikasikan oleh: belajar blog

Kalau sobat lagi cari cari template yang pas buat blog, sobat datang di waktu dan tempat yang tepat. Memang cari template buat blog itu susah susah gampang. Kadang kita sudah ketemu sama template yang pas, tapi page numbernya gak ada. Ini yang jadi masalah, sobat pasti ingin template yang langsung pas dan cocok dengan kemauan sobat. Padahal template itu bisa diedit sesuai dengan kemauan kita. Tinggal bagaimana kita mengeditnya. Selain kemalasan dan keberatan untuk edit template, ada banyak faktor lain seperti kecepatan loading, SEO, letak sidebar, warna, design, jumlah gambar yang digunakan dan lain lain..

Berikut artikel yang sebaiknya sobat baca :

- Tips Memilih Template yang SEO

Untuk sobat yang sedang dalam usaha pencarian template, berikut saya sertakan beberapa situs yang sebaiknya sobat kunjungi..

www.creatingwebsite-maskolis.blogspot.com

www.bloggertemplateplace.com www.blogtemplate4u.com www.btemplates.com www.allblogtools.com  www.blogcrowds.com www.bloggertemplates.bamz.us  www.borneotemplates.com www.coolbthemes.com

www.deluxetemplates.net  www.libertybloggers.com  www.mybloggerthemes.com www.newbloggertemplate.net  www.premiumbtemplates.com  www.probthemes.com www.templatesdoctor.com  www.zoomtemplate.com

Sobat sebaiknya memilih template yang sesuai kebutuhan bukan keinginan sehingga nanti tidak ada hal yang terbuang sia sia. Sobat juga harus pintar memilih author dari template sobat. Pastikan saat sobat menemukan sebuah kendala, saat itu mereka ada. Untuk tampilan dan warna semua bisa diedit, sobat tidak harus mencari template yang sesuai dengan selera warna sobat. Karena kemungkinan template untuk 100% sesuai dengan standar sobat sangatlah kecil. Saat memilih template, lihat juga ke kotak komentarnya. Pastikan tidak ada masalah yang berarti. Disana sobat juga bisa menentukan karakter dari author template.

Itulah beberapa situs download template terbaik menurut saya. Template diatas disortir secara acak dan tidak bergantung pada faktor apapun. Namun karena jumlahnya ganjil, maka saya tempatkan maskolis di atas sendirian. Hal itu juga merupakan apresiasi saya kepada maskolis untuk template yang saya gunakan.