Terbaru 2015

Bantu Nelayan Budidaya Lobster Menggunakan Lobstech

2023-09-03T04:40:00.003-07:00

Internet of Things (IoT) merupakan instruksi pemrograman akan dihubungkan kepada perangkat yang digunakan. Tanpa perlu intervensi pengguna, segala hal dapat terkoneksi dengan internet secara otomatis. Seiring dengan kemajuan era digital, konsep Internet of Things (IoT) ini semakin diterapkan dalam berbagai sektor kehidupan, salah satunya perikanan.

Saat menggunakan IoT, para nelayan bisa melakukan pekerjaannya dengan lebih efisien. Sebab, bahan bakar yang digunakan untuk melaut akan lebih hemat karena mereka bisa menemukan titik koordinat ikan lewat gadget dan aplikasi. Namun, para nelayan seolah tidak punya waktu untuk mempelajari seluk-beluk IoT, apalagi mengimplementasikannya.

Hal ini yang membuat Hendra, seorang mahasiwa di Fakultas Perikanan dan Ilmu Kelautan Universitas Brawijaya mengembangkan budidaya lobster menggunakan teknologi IoT. Terlebih lagi, Situbondo menjadi daerah potensial dalam budidaya lobster. Satu induk lobster bisa menghasilkan 25-50 ribu naupliosoma atau anakan yang baru menetas.

Perjalanan Hendra Bantu Nelayan Budidaya Lobster Menggunakan Lobstech

Dengan melakukanprogram penelitian, Hendra memulai kuliah kerja nyata bersama satu rekan kuliahnya, di mana Hendra memutuskan untuk mengambil obyek penelitian tentang budidaya lobster berbasis teknologi Internet of Things (IoT). Saat itu pemerintah sedang mengembangkan konsep Internet of Things (IoT) di segala bidang, termasuk dalam soal perikanan.

Dalam konsep ini instruksi pemrograman akan dihubungkan dengan perangkat khusus tanpa perlu intervensi pengguna. Segala hal dapat terkoneksi dengan internet secara otomatis. Hendra lalu mengajak rekannya membuat terobosan untuk meningkatkan budidaya lobster berbasis teknologi IoT.

Prinsip dasarnya adalah dengan menjaga kualitas, tingkat oksigen, serta keasaman air. Dengan usaha tersebut Hendra dan tim mencoba membuat aplikasi yang diberi nama ‘Lobstech’. Untuk mendapat data kualitas air, ia membuat kotak sensor berbasis IoT yang ditaruh di keramba. Kotak sensor ini disambungkan ke aplikasi Lobstech di komputer Hendra.

Lobstech akan membudidayakan lobster dengan mengontrol kualitas, tingkat oksigen, serta keasaman air menjadi stabil. Nantinya, data akan dikumpulkan dalam sistem dan ditampilkan melalui aplikasi Lobstech. Petani dapat menganalisis data tersebut secara real time untuk mengambil langkah tertentu dalam budidaya lobster.

Lobstech ini menyediakan dashboard yang bisa mengontrol kegiatan budidaya lobster dari mana pun. Para nelayan dapat melihat pertumbuhan udang dan mengontrol kualitas air melalui dashboard yang disediakan. Terdapat alarm pada dashboard untuk mendapatkan notifikasi jika kotak sensor mengalami masalah atau memberikan pemberitahuan tertentu.

Upaya untuk menjawab problem nelayan Situbondo melalui Lobstech tentu tidak langsung berjalan sesuai yang diharapkan. Pasalnya belum semua nelayan mau beralih kepada pemanfaatan teknologi Lobstech dalam mengembangkan usahanya. Awalnya, hanya beberapa nelayan yang mau bekerja sama dengan Hendra.

Namun kemudian, karena melihat skema yang ditampilkan oleh Lobstech itu, dan dengan sistem sensor yang dibuat Hendra yang bisa mempercepat pertumbuhan lobster, para nelayan berbondong-bondong mendaftar dan bekerja sama dengan Hendra. Dengan teknologi Lobstech berbasis IoT, produksi bisa meningkat 50 persen.

Waktu pembesaran lobster pun bisa dihemat setengahnya, menjadi 3 bulan untuk sekali panen. Beratnya pun bertambah, karena dengan sistem itu, berat 100 gram bisa didapat dalam waktu 1 bulan. Melalui penggunaan Lobstech, para nelayan bisa melakukan pekerjaannya lebih efisien.

Mereka bisa berhemat bahan bakar, misalnya, karena dengan IoT bisa menemukan titik koordinat ikan lewat gadget dan aplikasi. Dari hasil selama dua tahun penelitian, Lobstech memberikan dampak positif yang luar biasa. Implementasi IoT yang dikembangkan Hendra membuat aplikasi lobstech meningkatkan produksi lobster para nelayan hingga 80 persen dan menghemat biaya produksi lebih dari 70 persen dibandingkan cara konvensional.

Melihat keberhasilan tersebut, banyak nelayan yang tertarik untuk menjadi mitra LOBSTECH. Hendra tidak melepas nelayan begitu saja. Dengan budidaya lobster yang terintegrasi, ia dan timnya akan memberikan konsultasi serta kontrol kepada mitra sehingga mampu menghasilkan 3.600 ekor lobster per bulan.

Apresiasi di Bidang Teknologi dari Satu Indonesia Awards

Dengan usaha dan kerja keras itu, SATU Indonesia Awards memberikan apresiasi dan penghargaan kepada Hendra pada tahun 2021. Gagasan Hendra yang inovatif membuktikan bahwa IoT dapat diterapkan oleh sektor mana pun, asal masyarakat diberi pendampingan dan edukasi, diarahkan dan diberdayakan secara maksimal.

Kini, Hendra sedang melakukan penjajakan dengan sebuah perusahaan Jerman untuk mengembangkan sensor yang tingkat akurasinya lebih tinggi. Ke depannya, Hendra ingin implementasi IoT kian dimaksimalkan oleh nelayan maupun pembudidayaan hewan laut lainnya.

Kontribusi membangun negeri yang Hendra lakukan tidak boleh berhenti sampai di sini. Seiring dengan semangat Sumpah Pemuda, PT Astra International Tbk kembali mempersembahkan 13th Semangat Astra Terpadu Untuk (SATU) Indonesia Awards 2023. Acara yang telah digelar sejak 2010 ini mengajak para pemuda Indonesia untuk menjadi kebanggaan bangsa melalui inovasi dan karya.

Cara untuk menampilkan Status Facebook di Blog

2016-04-07T15:56:00.000-07:00

Disini saya akan menampilkan bagaimana cara untuk membuat status facebook di blog

Kan enak kalo gini..
Posted by Tukang Coding on Tuesday, March 29, 2016

Cara memasukkan kutipan twit pada artikel blog

2015-11-19T09:18:00.002-08:00

Cara memasukkan kutipan twit pada artikel blog

Karna Ilmu alam mudah dipelajari sedangkan kejujuran susah dimiliki..
— Dipanggilnya Yanto (@TukangCoding) August 2, 2015

Apa artinya sarjana hingga S3 jika kejujuran tidak tampak dalam kepribadian?
— Dipanggilnya Yanto (@TukangCoding) August 2, 2015

Cara membuat Tombol Share di Setiap Artikel Blog

2015-07-25T16:09:00.000-07:00

Cara Mudah membuat Tombol Share di Setiap Artikel Blog

Silahkan buka halaman Template > Edit HTML > Proceed
Jangan lupa Backup Template anda.
Pilih Expand Widget Templates yang terletak di kiri atas
Berikutnya, cari code <data:post.body/> dan letakkan copy code dibawah ini dan letakkan persis dibawah . Untuk mempermudah pencarian bisa menggunakan "find" / Ctrl+F

Berikut ini Codenya :

<!-- Social Scripts Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
</div>
<div style='clear: both;'/>
<!-- Horizontal social buttons End -->

<div class='clear'/>

sumber: http://www.freetutorial.gq/2015/06/menambah-menampilkan-social-share.html

Cara untuk mempercepat internet Google Chrome di HP Android

2015-07-21T13:57:00.003-07:00

Cara Mempercepat Internet Google Chrome Android

Semakin hari internet semakin banyak digunakan oleh masyarakat umum untuk mengakses berbagai berita atau beragam informasi lainnya dengan begitu mudah tanpa harus mengeluarkan biaya lebih untuk berlangganan koran. Tentu cara ini suatu saat bisa jadi menggeser keberadaan koran yang beredar di kehidupan nyata tergantikan oleh media elektronik.

Untuk mengakses berita dari hp android dibutuhkan browser yang handal agar lebih cepat dalam mengakses berita maupun informasi yang terdapat di internet dan Google Chrome menjadi salah satu browser terbaik yang pernah ada untuk membantu para pengguna internet menemukan informasi yang diminta.

TreTan bisa mendownload Google Chrome pada playstore secara gratis atau mendownload APK-nya lewat website penyedia layanan APK kemudian install pada hp android. Setelah selesai proses install, segera buka google chrome dan mulailah berselancar didunia maya.

Bagaimana cara mempercepat internet Google Chrome Android?

Dibawah ini adalah beberapa cara agar browser Google Chrome menjadi lebih cepat, namun ini hanyalah salah satu dari beberapa penyebab koneksi menjadi cepat dan penyebab lainnya adalah sinyal, kecepatan internet provider yang digunakan, dll:

Buka Aplikasi Google Chrome: Ketik "Chrome://flag/#max-tiles-for-interest-area"
Sentuh kotak layanan yang bertuliskan Maximum Tiles for Interest Area > pilih angka 512 > tekan Relaunch Now

lebih lanjut di:
http://imbloggernusantara.blogspot.com/2015/07/tips-mempercepat-koneksi-internet.html

Pencarian:
Tips Mempercepat Koneksi Chrome Android, Cara koneksi internet Google chrome, koneksi google chrome lambat, Cara percepat koneksi internet android.

Bagaimana Cara Ganti Tulisan PING pada BBM Android

2015-06-08T15:45:00.000-07:00

Cara Ganti Tulisan PING

BBM merupakan salah satu instant messenger yang memungkinkan para penggunanya bisa mengirimkan pesan berupa text maupun pesan suara, selain itu bisa untuk mengirim gambar//foto, lokasi GPS, file, emoticon dan lain sebagainya. Dengan berbagai macam fasilitas yang disediakan tentu akan mempermudahkan user untuk saling berinteraksi dengan lawan bicaranya melalui BBM.

Ada salah satu fitur di BBM yang digunakan untuk mengecek aktif atau tidak aktif teman tersebut di BBM, fitur tersebut adalah fitur PING!, bagi para pengguna BBM terutama di Blackberry, fitur ini memang sudah ada dan di android-pun juga tersedia jadi bisa digunakan meski beda platform karna masih dalam 1 aplikasi yang sama.

Baca Juga: Cara membuat DP BBM Full tanpa Crop

Bosan jika yang muncul hanya atau selalu tulisan PING? bagaimana cara mengubah tulisan PING BBM Android tersebut menjadi tulisan lainnya? Memang secara standart tulisan, Aplikasi BBM ini menerapkan tulisan PING bagi semua penggunanya, namun kita bisa mengubah tulisan tersebut agar lebih menarik tentunya agar tidak sama dengan lainnya.

Dengan sedikit mengubah file system BBM, maka tulisan PING akan berubah tapi yang perlu diingat bahwa tulisan PING hanya berubah di hp kita sendiri dan jika terkirim ke BBM teman maka akan tetap bertuliskan PING seperti biasa.

Cara untuk mengganti tulisan Ping: http://imbloggernusantara.blogspot.com/2015/05/cara-merubah-tulisan-ping-dengan.html

Pencarian:
Cara mengubah PING BBM, cara mudah ganti tulisan PING, bagaimana cara ganti PING BBM,

Download Aplikasi WhatsApp versi Terbaru APK Android

2015-05-31T02:19:00.000-07:00

Download WhatsApp Terbaru

WhatsApp merupakan aplikasi messenger layaknya BBM maupun Line dan lain sebagainya. Dengan menggunakan WhatsApp kita bisa mengirim pesan layaknya mengirim sms tanpa mengurangi pulsa utama dikarnakan menggunakan paket data internet. Selain itu juga bisa digunakan untuk menelpon tentunya harus dengan kondisi jaringan yang baik agar tidak terjadi putus-putus.

Selain pesan teks, disitu terdapat emoticon yang akan menambah varian dalam bahasa jadi terlihat lebih lucu dan mewakili perasaan pengguna WhatsApp. Bisa juga untuk mengirim gambar atau foto untuk dikirimkan pada saat itu juga. Beberapa fitur seperti Upload Video juga dapat dilakukan serta audio seperti suara layaknya menelpon namun tidak secara langsung layaknya kita menelpon. serta bisa juga berbagi lokasi dimana kita berada untuk kemudian dilacak oleh teman.

Banyak versi WhatsApp tersedia dari yang versi lawas hingga versi terbaru. Versi terbaru ini tentunya telah mengalami banyak perubahan untuk yang lebih baik lagi untuk para penggunanya dan mesti diakui jika WhatsApp lebih baik daripada BBM yang sering mengalami pending namun BBM masih lebih unggul di update status serta bisa menggunakan avatar yang bisa bergerak.

Pada WhatsApp juga ada fitur grup, jadi kita bisa menambahkan teman sebanyaknya dalam 1 grup jadi seakan-akan bisa berbicara dalam satu tempat atau istilahnya nimbung dengan teman lainnya.

WhatsApp for Android (aplikasiterbaruku.blogspot.com)

Download WhatsApp versi Terbaru APK Android:

http://imbloggernusantara.blogspot.com/2014/02/download-whatsapp-terbaru-for-android-full-version-apk.html

Cara membuat DP BBM Full tanpa Crop hp Android

2015-05-30T15:36:00.001-07:00

Full DP BBM Android

BBM merupakan media sosial yang banyak digunakan hingga saat sekarang untuk sekedar update status ataupun mengirim pesan teks, gambar atau lainnya kepada teman, kerabat atau lainnya. Tentunya lebih mempermudah kita untuk saling menjalin komunikasi lewat media internet tanpa takut pulsa utama berkurang karna telah terdaftar di paket internet.

di BBM kita bisa memasang DP atau yang lebih dikenal dengan Display Picture BBM agar lebih menarik dengan berbagai hal mulai dari DP BBM lucu, unik, motivasi dan lain sebagainya. Tak hanya itu, kita juga dapat memasang DP BBM dengan foto sendiri, foto teman ataupun gambar lainnya.

Namun bagaimana jika foto tersebut berbentuk horizontal maupun vertikal? tentunya kita akan diperintahkan untuk memotong agar pas dengan ukuran yang disediakan BBM. itupun kita juga bisa memilih bagian mana yang akan dipotong. Tapi bagaimana jika kita ingin Foto DP Blackberry Messenger full tanpa crop sehingga semua tampak secara penuh?

Tentunya yang dibahas sekarang adalah Cara Untuk membuat DP BBM Full tanpa Crop dengan menggunakan aplikasi gratis tanpa dikenakan biaya dan membuat bagus gambar dp.

Salah satu cara yang bisa digunakan adalah dengan menggunakan aplikasi "profile w/o cropping for BBM" yang bisa kalian unduh di PlayStore. Dengan menggunakan aplikasi tersebut, maka semua foto ataupun gambar yang tidak memenuhi standar ukuran DP BBM bisa di maksimalkan sehingga nampak keseluruhan.

Bagaimana cara agar DP BBM Full tanpa Crop?, silahkan kunjungi: http://imbloggernusantara.blogspot.com/2015/05/cara-ganti-dp-bbm-full-tanpa-terpotong.html

Cara Restore File yang terhapus pada HP Android

2015-05-26T20:51:00.000-07:00

Mengembalikan file terhapus di Android

Terkadang saat menggunakan hp android, tanpa sengaja maupun tidak sengaja data yang ada pada hp android terhapus yang menyebabkan data menjadi hilang entah kemana. Hal ini yang menyebabkan kita kecewa apalagi file tersebut sangat penting dalam penggunaannya sehari-hari.

File yang hilang tersebut kebanyakan adalah file foto hasil mengabadikan moment sehari-hari yang tidak dapat kembali lagi suasana tersebut dan sangat penting untuk dokumentasi jika diperlukan suatu saat nanti. Jika itu terjadi, kita akan kecewa dan berpikir bagaimana cara untuk mengembalikan file foto yang terhapus tersebut entah di memori seperti MMC atau Memori HP.

Banyak aplikasi yang dapat membantu untuk mengembalikan file yang hilang seperti Get Data Back ataupun ZERO entah itu file biasa maupun file spesifik seperti file foto. Cara menggunakannya hanya tinggal mengikuti petunjuk yang tertera maka aplikasi akan berfungsi dan mulai mencari semua file termasuk file yang masih ada.

di Android juga tersedia, TreTan bisa mendownload di Playstore kemudian di install terlebih dahulu di Hp Android kemudian ikuti petunjuk yang diberikan agar bisa berjalan sebagaimana mestinya.

BERIKUT ADALAH CARA UNTUK MENGEMBALIKAN FILE TERHAPUS PADA ANDROID

lebih lanjut: http://imbloggernusantara.blogspot.com/2015/05/tips-mengembalikan-file-yang-terhapus.html

Download Video Masha and The Bear Full Episode Terbaru 2015

2015-01-31T02:18:00.000-08:00

Download Video Masha and The Bear Full

Kartun yang berasal dari rusia yakni Masha and The Bear sungguh sangat membuat penontonnya termasuk @TukangCoding terkadang tertawa lucu ataupun kagum dengan animasi yang dihadirkan oleh kartun tersebut. Film yang disetiap kisahnya mengutamakan karakter Masha serta si Beruang atau Bear menjalani kehidupan sehari-hari di hutan dan tak terlepas pula karakter Srigala yang siap menerkam Masha meski dia sendiri cukup cerdik untuk menghindar dari buruan Srigala.

Selain itu ada Kelinci yang sering mencuri wortel hasil tanam Beruang, dan membuat si beruang menjadi marah kemudian mencari cara untuk mengusir kelinci agar tidak mengambil wortel miliknya. Dengan bantuan Masha, kelinci akhirnya tidak berani mendekat lagi ke kebun beruang.

Gambar Masha and The Bear mp4

Banyak Video Masha and The Bear berbagai Episode di Youtube serta biasanya di ANTV sebagai televisi Nasional juga sering mempertontonkan Film Animasi Masha and The Bear di pagi hari serta waktu lainnya. Untuk download Film Masha di youtube, TreTan bisa menggunakan Browser Google Chrome atau menggunakan Internet Download Manager terbaru agar bisa di download dengan cepat tentunya ini bergantung pada faktor kecepatan internet yang digunakan.

Berbagai versi Masha and The Bear seperti Hari Mencuci atau Sakit Gigi atau Episode 44 kemungkinan ada di youtube. Itupun terkadang lengkap dengan Lagu Masha and The Bear versi cegukan yang fenomenal itu.

lebih lanjut, silahkan kunjungi: http://imbloggernusantara.blogspot.com/2014/11/download-video-masha-and-bear-terbaru-full-episode-2014.htnl

Daftar Harga Sepeda Motor Baru Yamaha 2015

2015-01-25T05:36:00.000-08:00

Harga Sepeda Motor Yamaha 2015

Dari sekian banyak merk Sepeda Motor, tentunya TreTan tahu jika ada sepeda motor merk Yamaha yang telah terkenal seantero nusantara bahkan dunia. Bahkan merk terkenal ini turut andil dalam adu balap kelas MotoGP yang di kendarai oleh Valentino Rossi dan Jorge Lorenzo, 2 orang yang sering naik podium sebagai Juara di Kelas MotoGP.

Sepeda Motor Yamaha ini banyak macam serta tipe seperti Sport, bebek maupun matic. Sepeda Motor Sport banyak diincar oleh para lelaki karna selain kecepatan yang cukup mumpuni juga designnya yang futuristik beda dengan sepeda motor pada umumnya. namun 2 sisi itulah membuat sepeda motor Sport cukup mahal dan mesti mengorek dompet dalam-dalam dikarnakan harga motor sport yamaha berada diatas 15 juta rupiah.

Beda halnya dengan Sepeda Motor kelas bebek atau matic, 2 jenis sepeda motor tersebut banyak dipakai orang untuk kehidupan sehari-hari entah bepergian ataupun pergi ke tempat kerja. Bebek memakai sistem persneling sedangkan matic hanya tinggal memainkan gas jadi lebih mudah dan santai dibandikan motor bebek. itulah salah satu kelebihan dari motor matic, namun untuk kekurangannya sendiri, motor matic cepat boros bensin jika digunakan pada lalu lintas yang sering macet.

Sebelum membeli Sepeda Motor Yamaha Terbaru, ada baiknya TreTan terlebih dahulu melihat Berapa Harga Sepeda Motor Yamaha rilis Terbaru 2015 sebagai acuan sebelum datang langsung ke dealer resmi yamaha atau yang ditunjuk. selain itu bisa diputuskan mau membeli secara cash atau kredit tergantung bagaimana isi dompet.

Untuk masalah Cash atau Kredit Sepeda Motor Yamaha jelas mempunyai kelebihan dan kekurangan tersendiri. Untuk pembayaran Cash, TreTan tidak akan diribetkan dengan urusan pembayaran atau tagihan bulanan namun jika pada saat itu terjadi kehilangan maka pihak dealer tidak bisa mengganti karna tidak diasuransikan.

Beda halnya jika membeli secara Kredit, untuk pembayaran tentu ringan karna bisa dicicil tiap bulan meski terkadang dikenakan denda keterlambatan membayar. Namun biasanya untuk sepeda motor kredit Yamaha telah disertakan asuransi didalamnya, jika sepeda motor baru beli kurang dari 3 bulan terjadi kehilangan atau dicuri orang, maka TreTan bebas memilih yang baru atau mengambil kembali uang yang telah dibayarkan.

Banyak orang berminat membeli sepeda motor baru Yamaha dikarnakan harga jual motor Yamaha masih tinggi untuk jenis varian apa saja. belum lagi designnya yang terkadang unik dan bikin menarik bagi para penyuka sepeda motor unik yamaha.

Apalagi sekarang Yamaha telah mengeluarkan sepeda motor baru dengan teknologi Blue Core. Teknologi ini diklaim bisa jauh lebih menghemat bahan bakar dari pada versi sebelumnya. Jadi tunggu apa lagi? segera miliki Sepeda Motor Yamaha dan dapatkan pengalaman baru ketika pertama kali mengendarainya.

DAFTAR HARGA SEPEDA MOTOR YAMAHA TERBARU 2015

Sepeda Motor balap (spesifikasimotorterbaru.blogspot.com)

KLIK DISINI UNTUK DAFTAR SEPEDA MOTOR YAMAHA

Cara untuk mengecek pengiriman barang No Resi via JNE Online

2015-01-21T20:05:00.000-08:00

JNE Merupakan salah satu perusahaan yang bergerak dibidang jasa pengiriman barang se-Indonesia seperti hal-nya Pos Indonesia. Banyak orang menggunakan jasa JNE mungkin alasannya cepat dan tepat apalagi ada fitur seperti pengiriman JNE Regular atau JNE YES singkatan dari (Yakin Esok Sampai) jadi hari ini kita kirim barang maka besok barang akan sampai ditujuan.

Cara untuk mengirim barang di JNE cukup mudah, kita harus tau peraturan di JNE karna ada barang tertentu yang tidak bisa dikirim seperti barang berbahaya atau senjata tajam atau barang mudah pecah yang tentunya akan merugikan pihak JNE jika mengalami kerusakan ditengah jalan. Biasanya setelah barang lolos dari pemeriksaan petugas, maka akan didata untuk dimasukkan kedalam komputer dan bayar sejumlah uang sesuai dengan berat dan tujuan kemana barang itu akan dikirim.

Cara untuk Cek No Resi JNE cukup mudah, kalian tinggal mengakses situs www.jne.co.id kemudian masukkan no resi yang didapatkan ketika melakukan proses pengiriman barang atau meminta no resi kepada orang yang mengirimkan barang kita.

Pengiriman biasanya berkisar 3-4 hari tergantung banyak hal seperti medan yang ditempuh apakah lancar atau terkendala sesuatu.

Sumber: http://imbloggernusantara.blogspot.com/2015/01/cara-cek-resi-pengiriman-barang-via-jne.html

Download Gratis Gambar Animasi Bergerak Masha and The Bear

2015-01-11T14:20:00.001-08:00

Download Gratis Gambar Animasi Bergerak Masha and The Bear

Masha and The Bear merupakan film kartun favorit +Blogger Nusantara yang sering menonton di layar ANTV pada pagi hari. Film ini cukup menarik selain dari segi pengambilan gambar, suara yang cukup sederhana, karakter yang bagus, alur cerita yang menarik dan sebagainya juga pesan yang terdapat didalam film kartun 3D tersebut.

Dibawah ini merupakan gambar animasi Masha and The Bear yang bisa kalian gunakan untuk gambar DP BBM atau lainnya. ada karakter Masha sedang memasak dan beberapa gambar animasi yang diambil dari film itu dan karakter beruang. Selain gambar bergerak, ada juga gambar masha yang memberikan pesan agar bisa dibaca atau dijadikan motivasi agar lebih baik kedepan.

Berikut adalah Gambar Animasi GIF bergerak Masha and The Bear

Sumber: http://imbloggernusantara.blogspot.com/2015/01/download-gambar-animasi-masha-and-bear.html

Cara mendatangkan pengunjung dari luar negeri

2015-01-09T14:10:00.000-08:00

Cara mendatangkan pengunjung dari luar negeri

Pengunjung merupakan hal yang paling utama sebagai tamu untuk melihat artikel yang telah kita tulis di blog maupun website, tentunya kita harus memberikan konten yang bermanfaat agar mereka tidak bosan untuk kembali mengunjungi blog kita. yang penting untuk mendapatkan pengunjung blog adalah rajin-rajin mengunjungi blog orang lain agar kita dikenal dan dikunjungi balik.

namun sekarang yang menjadi pertanyaan, Bagaimana sih cara mendatangkan pengunjung dari luar negeri? tentunya syarat pertama harus dilakukan adalah menulis artikel dengan bahasa Inggris karna adalah hal aneh jika kita ingin pengunjung dari luar tapi konten yang disajikan malah berbahasa indonesia. Tentunya ini akan membuat bingung para pengunjung yang sebagian besar paham menggunakan bahasa Inggris sebagai bahasa internasional.

Menambah Traffic Visitor Blog (cara-ririn.blogspot.com)

Apakah itu saja cara untuk mendatangkan pengunjung dari luar negeri?
Selain Blog berbahasa inggris juga disarankan untuk banyak blogwalking dan meninggalkan komentar di blog bule, tujuannya seperti diatas agar blog kita dikenal dan didatangi..

Untuk lebih lanjut, silahkan baca: Tutorial Cara mendatangkan pengunjung dari Luar negeri

Download APK Path Terbaru untuk Android Gingerbread

2015-01-07T20:17:00.000-08:00

Download APK Path Terbaru untuk Gingerbread

Path merupakan media sosial untuk saling berinteraksi didunia maya seperti facebook, twitter dan lain sebagainya. Banyak kelebihan path dibanding media sosial lainnya seperti bisa update musik, video, buku, foto atau video, status tidur atau bangun tidur, status berupa kalimat serta yang juga tak kalah menarik yakni update lokasi dengan integrasi GPS Global Positioning System jadi teman bisa menemukan dimana posisi kita.

Path dapat didownload secara mudah di Google PlayStore atau langsung mendownload file APK untuk Gingerbread, Ice Cream Sandwich, KitKat, Lollipop. Setelah file didapat tinggal memasang di HP Android dengan mengikuti petunjuk yang diberikan. sebelumnya kita harus tau Bagaimana Cara Menggunakan Path untuk Pemula sebagai pembelajaran.

Silahkan Download File APK Path Terbaru Android Gingerbread

Free Download Wallpaper Masha dan Beruang untuk Desktop Komputer

2015-01-06T01:56:00.000-08:00

Free Download Wallpaper Masha dan Beruang untuk Desktop Komputer

Masha dan Beruang adalah 2 karakter yang menjadi favorit pecinta kartun yang ditayangkan di ANTV hampir setiap hari sekitar jam 7 pagi. Masha imut merupakan karakter yang nakal tapi banyak ide untuk menemukan kepuasan diri ataupun membantu orang / hewan lain dalam memecahkan sebuah masalah dengan mengandalkan kreatifitasnya dalam menggabungkan beberapa ide.

Dibawah ini merupakan Wallpaper Masha dan Beruang yang bisa didownload dan dipakai untuk gambar PC Komputer atau Laptop agar lebih bagus dengan berbagai ekspresi seperti lucu, imut, heran dan lainnya. Tak hanya Masha tapi sang beruang juga termasuk dibawah ini yang bisa diambil untuk mengganti gambar lawas di hp android maupun windows phone.

oleh: http://imbloggernusantara.blogspot.com/2015/01/download-wallpaper-gambar-masha-and.html

Membuat Widget Popular Post Berwarna

2014-10-02T22:16:00.003-07:00

Membuat Widget Popular Post Berwarna - Popular post merupakan widget yang menunjukkan beberapa artikel yang paling sering dikunjungi atau dibaca oleh para pengunjung blog. Salah sati fungsi lain dari widget ini adalah sebagai pemiat pengunjung yang lagi berkunjung untuk meng-klik atau membaca popular post yang ada di blog kita.

Untuk menarik pengunjung lebih banyak untuk membaca popular post di blog kita, maka sebaiknya kita membuat widget popular post yang beda dengan yang lainnya. Salah satunya dengan Membuat Widget Popular Post Berwarna.

Langkah-langkah untuk Membuat Widget Popular Post Berwarna adalah sebagai berikut.

Pertama yang harus di pasang adalah widget popular post (Tata Letak => Tambahkan Gadget=> Entri Populer => Simpan, lebih baik kutipan dan tumbnail tidak dicentang.
Kemudian pilih menu Template => Edit HTML
Kemudian Masukkan kode berikut tepat diatas kode ]]></b:skin> atau </style>

/* Modifikasi Widget Popular Post Warna Warni */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
  margin:0 0;
  padding:0 0;
  list-style:none;
  border:none;
  background:none;
  outline:none;
}

.PopularPosts ul {
  margin:.5em 0;
  list-style:none;
  font:normal normal 13px/1.4 &quot;Arial Narrow&quot;,Arial,Sans-Serif;
  color:black;
  counter-reset:num;
}

.PopularPosts ul li img {
  display:block;
  margin:0 .5em 0 0;
  width:50px;
  height:50px;
  float:left;
}

.PopularPosts ul li {
  background-color:#eee;
  margin:0 10% .4em 0;
  padding:.5em 1.5em .5em .5em;
  counter-increment:num;
  position:relative;
}

.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
  font-weight:bold;
  font-size:120%;
  color:inherit;
  text-decoration:none;
}

.PopularPosts ul li:before {
  content:counter(num);
  display:block;
  position:absolute;
  background-color:black;
  color:white;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  top:50%;
  right:-10px;
  margin-top:-15px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* Set color and level */
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:2%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:2%}
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:2%}
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:2%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:2%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:2%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:2%}
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:2%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:2%}

Terakhir klik Simpan Template

Selesai deh membuat tampilan widget berwarnanya dan sekarang lihat tampilan widget popular post anda. Pasti sudah berwarna-warni seperti pelangi yang indah dilangit biru, hahaha.

Johny See Book Sekali Template untuk Blogger

2014-09-19T21:47:00.001-07:00

Johny See Book Sekali Template untuk Blogger

Template blog merupakan wajah dari blog kita, hal pertama yang dilihat oleh user ketika mengunjungi blog adalah dari tampilannya. Jika tampilannya bagus, maka kemungkinan besar user dapat betah berlama-lama mengunjungi blog kita.

Bicara soal template, ini saya akan share tentang sebuah template yang sangat bagus menurut saya. Karena saya sendiri sudah pernah pakai di blog ini.
Nih penampakannya :

Sumber Gambar : www.mastemplate.com

DEMO | DOWNLOAD

Nama Template : Jhony See Book Sekali
Lisence : www.creativecommons.org

Fitur yang bisa dinikmati

Template Blogger yang simple
Template ini termasuk salah satu template yang responsive
SEO Friendly
Terdapat Manu Navigasi yang sangat mudah
Ads ready (Bisa diletakkan Adsense)
Serta Template ini Auto Readmore

Happy Blogging

Cara Memberikan Tombol Back to Top di BLOG

2014-09-19T16:59:00.000-07:00

Tombol Back to Top, mungkin tidak asing lagi bagi kita para blogger yang tiap harinya selalu bermain-main di dunia blogging. Dari namanya saja "Back to Top" atau "Kembali ke Atas", ini merupakan salah satu fitur yang memanjakan kita sebagai pengunjung untuk kembali ke pagian atas halaman yang sedang kita buka tanpa melakukan scrolling menggunakan mouse atau yang lebih sulit pake tanda panat keatas di keyboard. Efek dari back to top ini sangat terasa sekali jika kita mampir di sebuah halaman yang isinya amat sangat panjang sehingga untuk kembali keatas membutuhkan waktu untuk scrolling.

Biasanya di kebanyakan blog yang sudah sayan kunjungi, peletakan tombol Back to Top ini ada di bagian kanan bawah, sehingga user tidak susah untuk mencari tombol ini.

Ah, jangan lama-lama bahasnya. Langsung aja yuk cara memberikan tombol Back to Top di blogger.

Pertama dan yang pasti harus login dulu ke blogger Anda.
Masuk ke template, dan edit HTML.
Silahkan cari code tag </body> (pake ctrl + F biar lebih cepat)
Lalu Masukkan script berikut tepat diatas </body>

<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>

Silahkan ganti "Back to Top" sesuai dengan keinginan anda.
Tidak usah diganti juga tidak apa-apa, karena tulisan itu hanya akan tampil jika browser gagal untuk memuat gambar back to top.

terus "alamat url Back to Top" silahkan diganti dengan url gambar yang anda sukai. contoh "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdIUYWfk3JBZV8v4mJjiRcEedOHlx-BNqnGIlR0ZUA4tMOY_-UfLOFvOdvTPxjYK6V7Fo1n9jBRj-6xiZ41Zl7pf8frUZJUDmsGb4Jou6uOVhwKK02gg1ooDViLl1W3YMdwiyNjhPgn7vA/s1600/bttp-14.png" diletakkan di url.

Atau bisa juga anda mencari gambar sendiri di Google yang sesuai dengan keinginan Anda.
Ini saya kasih contoh :

<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdIUYWfk3JBZV8v4mJjiRcEedOHlx-BNqnGIlR0ZUA4tMOY_-UfLOFvOdvTPxjYK6V7Fo1n9jBRj-6xiZ41Zl7pf8frUZJUDmsGb4Jou6uOVhwKK02gg1ooDViLl1W3YMdwiyNjhPgn7vA/s1600/bttp-14.png'/></a>

Kalau sudah, tinggal save template dan jreng-jreng....
Silahkan lihat hasilnya di blog Anda

Happy Blogging.

Cara Membuat Komentar Facebook di BLOG

2014-09-18T22:39:00.003-07:00

Gambar By : http://tukang-coding.blogspot.com

Saat sedang blogwalking ke blog orang lain komentar itu penting, karena dengan kita meninggalkan komentar disana kemungkinan blog kita untuk dikunjungi balik oleh orang lain atau si empunya blog itu bisa terjadi. Bayangkan ketika dalam sehari kita berkomentar di puluhan bahkan ratusan blog teman-teman, maka... Ah sudahlah bukan itu juga bahasan ku pada artikel kali ini.

Baca Juga : Jangan Mematikan Fungzsi Klik Kanan di BLOG

Pada saat ingin berkomentar di blog "Blogspot", kita diharuskan masuk dulu menggunakan akun gmail. Bisa juga pake Open ID dan lain sebagainya. Dan itu menurutku masih agak ribet sih, hehehe...

Namun ada cara komentar yang cukup mudah karena hampir setiap orang suday punya akunnya yaitu "Facebook". Yaitu melakukan komentar facebook di BLOG. Enak bukan? gak usah login pake gmail dulu.

OKE, langsung ke inti pembahasan, cara membuat komentar facebook di BLOG.

Pertama login dulu ke blogger.
Kemudian pilih template, lalu klik "Edit HTML"
Setelah halaman edit HTML sudah terbuka, lalu carilah code html berikut : (disarankan menggunakan ctrl + F biar lebih cepat)

<div class='comments' id='comments'>

Kemudian silahkan copy script dibawah ini, kemudian paste tepat dibawah "<div class='comments' id='comments'>" yang sudah anda cari tadi.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

Pada bagian IDFANPAGEFACEBOOK silahkan diganti dengan id Fan Page Facebook Anda.

Kemudian klik Simpan Template, kemudian liat perubahannya di blog Anda. Jika masih belum ada perubahan, silahkan cari lagi script "<div class='comments' id='comments'>" di Edit HTML nya. Kalo pengalaman pribadi sih aku menemukan 2 script <div class='comments' id='comments'>, jadi aku paste kode diatas dibawah keduanya.

Happy Blogging.....

Sumber Script : http://freezon88.blogspot.com/2013/12/komentar-facebook-dan-blog-model-tab.html

Jangan Mematikan Fungsi Klik Kanan di Blog

2014-09-18T05:33:00.002-07:00

Sumber Gambar : google.co.id

Pernahkan artikel kita dicuri orang? atau istilahnya di copy paste blak-blakan tanpa izin atau mencantumkan link sumber? Kalo aku pribadi sih pernah, salah satu artikelku di copas seorang blogger tak bertanggung jawab yang seenaknya sendiri ngambil tulisan orang tanpa izin. Kesal juga sih sama orang itu.

Mengetahui hal itu langsung tanpa pikir panjang aku langsung browsing di internet caranya agar konten blog tidak di copy paste, ketemu deh dengan mendisable klik kanan, ctrl+C, ctrl+P dan lain sebagainya. Tanpa fikir panjang langsung aku terapkan di blogku.

Setelah agak lama menerepkan "Disable Righ Click" di blog, aku sempat mempir ke salah satu blog temen dan sempat membaca tulisannya ternyata men "Disable" klik kanan itu ada pengaruhnya juga buat blog kita. salah satunya dapat merusak kenyamanan pengunjung yang lagi mengunjungi blog kita dan menjadikan blog kurang userfriendly lagi.

Baca Juga : Cara Menampilkan Komentar Terbanyak di BLOG

Kutipan dari blog temenku :
Jika Anda berpikir disabling right-click itu akan melindungi sumber kode, posting, atau gambar (image, foto), pikirkan lagi! Selain merugikan diri sendiri, juga bisa dibobol dengan mudah oleh user, misalnya dengan mematikan kode javascript di web browser, CTRL+P, dan lainnya.

Bisa dibilang sih blogger yang mematikan fungsi klik kanan dan sebagainya itu "Amatiran" alias kurang profesional.
Jadi saranku mah jangan lah di disable klik kanannya, kalo emang masih ada yang copas, mending langsung aja laporkan ke Google DCMA (Digital Millenium Copyright Act) dan blog yang copas artikal Anda itu pun akan di-banned alias di-"black list" oleh Google.

Oke selamat berblog ria.

Cara Menampilkan Daftar Komentar Terbanyak di BLOG

2014-08-28T07:03:00.001-07:00

Pernahkan kita berfikir, “Siapa sih orang yang paling sering berkomentar di blog saya?” kalo aku pribadi sempat berfikir kearah sana. Namun ketika melihat di dashboard blog agak sulit untuk menemukannya. Tanpa fikir panjang lagi langsung saya browsing di om google, siapa tahu ada.

Hampir dua jam aku berselancar di dunia maya dengan keyword “Cara mengetahui orang yang paling sering komentar di blog”, akhirnya aku menemukannya. Berbentuk widget yang dapat menampilkan komentator di halaman khusus. Dan tentunya karena memang untuk mengetahui orang yang paling aktif berkomentar di blog, maka otomatis orang yang paling banyak melakukan komentar di blog kita akan menduduki posisi teratas.

Jika ingin melihat DEMO, bisa langsung check in di HALAMAN berikut.

Bagaimana? Bagus bukan???
Oke tanpa fikir panjang lagi aku akan langsung bagikan cara untuk menampilkan daftar komentar terbanyak. Silahkan disimak dengan baik.

Langkah pertama, Login terlebih dahulu ke akun blogger.com
Ada dua cara, bisa masuk ke Page/Laman Blog, atau bisa juga dengan menggunakan postingan baru.
Lalu masukkan script dibawah ini dengan tab HTML bukan COMPOSE di postingan terbaru ataupun Laman Blog.

<link type='text/css' rel='stylesheet' href='https://css3-tutsplus.googlecode.com/svn/trunk/member-aktif.css' />
<script type="text/javascript">
//<![CDATA[
var homepage = 'http://tukang-coding.blogspot.com',
maxTopCommenters = 77,
minComments = 1,
numDays = 0,
excludeMe = true,
excludeUsers = ["Ranger Merah", "Maz Fahrozhie", "Blogger Nusantara"],
maxUserNameLength = 42,
txtTopLine = '[image] [user]',
txtNoTopCommenters = 'No top commentators at this time.',
txtAnonymous = '',
sizeAvatar = 80,
cropAvatar = true,
urlNoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKaKGc7pk-S0FZL_XUkGQfYPDgaL89bm8744P5Sn-ogcfcGvTcs2KMXQRZ-Ikmb1wQWZwWXs5C2HlnaFYV6BJmgFkJFUyWBB57eEqxTzjPZXMpk9wU31eLGG-2Ts3B89qUFA8BdQ_cD_s/' + sizeAvatar + '/avatar_blue_m_96.png',
urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
urlMyProfile = '',
urlMyAvatar = '';
//]]>
</script>
<script src='http://css3-tutsplus.googlecode.com/files/member-aktifv2.js' type='text/javascript'></script>

Ketarangan :
var homepage   Ganti url dengan url blog kamu
maxTopCommenters   Tentukan jumlah maksimal yang di tampilkan
minComments   Tentukan minimal member yang di tampilkan
excludeMe   True jika ingin menampilkan author member ganti false jika tidak
excludeUsers   Ganti nama dengan Nama Profile Blogger atau Goole+ kecuali "Anonymous"
maxUserNameLength   Batasi Jumlah Nama User
sizeAvatar   Ukuran Gambar tiap profile
cropAvatar   Crop Gambar jika ukuran melebihi ukuran yang di tentukan
urlNoAvatar   Tentukan gambar lain jika profile tidak memiliki photo

Lalu publikasikan, dan dapat langsung dilihat hasilnya

Bagaimana, bagus bukan?? Semoga tutorian Cara Menampilkan Daftar Komentar Terbanyak di BLOG ini bisa bermanfaat untuk kita semua, dan semoga dapat menambah wawasan kita semua tentang dunia BLOG.

Make Tabbed Sidebar by Abu Farhan

2011-01-11T20:00:00.001-08:00

Who is not familiar with Abu Farhan , he is a master blog from Indonesia which are well known by people within and outside the country. Now he is one of the main tutorial that I've applied on this blog is " Easiest Way to Make Tabbed Sidebar for Blogger ". I will repost.
1. Log in to edit the HTML. Then input the code the CSS follows.

/* Tabbed Sidebar Widgets
--------------------------------- */
.widget-wrapper2{
border:1px solid #494e52;
background-color:#636d76;
padding:8px;
}

.widget-tab {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topright:5px;
background:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabcontentbg.gif) repeat-x scroll left bottom !important;
border:1px solid #CFCFCF;
font-family:Arial,Helvetica,sans-serif;
padding:15px !important;
}

.widget-tab  ul {
margin:0px;
padding:0px 20px 0px 20px;
}
.widget-tab  ul li {
list-style:none;
border-bottom:1px solid #d6dde0;
padding-top:10px;
padding-bottom:10px;
font-size:13px;
}
.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(http://i195.photobucket.com/albums/z105/dantearaujo/tabtopbg.gif) repeat-x scroll left top !important;
border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important;
border-style:solid !important;
border-width:1px 1px 2px !important;
color:#282E32 !important;    

}

ul.tab-wrapper {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
ul.tab-wrapper li {
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#191919 url(http://i195.photobucket.com/albums/z105/dantearaujo/tabinactivebg.gif) repeat-x scroll left top;
border:1px solid #464C54;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
line-height:2em;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin-right:1px;
padding:8px 14px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

2. Please enter the code JavaScript follows.

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

<script type="text/javascript">
var starttab=0;
var endtab=2;
var sidebarname="sidebar1";
</script>
<script type="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/bloggertabv1.0-min.js"></script>

note:
- Examine the code below, exactly on the code JavaScript earlier.

var starttab= 0 ; var endtab= 2 ; var sidebarname=" sidebar1 ";

- The above code consists of 3 tabs. To adjust the number of tabs to your liking, please change the number 2 with number of tabs you want, start the tab starting with the number 0. While sidebarname is the sidebar id.
- To know the sidebar id in your template, then look for the following HTML code:

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

- Now change the red text with tabbed sidebar id of the tab, namely sidebar1 with sidebar id exist in your template.

DEMO

Creating a slide show effects Smooth Gallery

2011-01-11T04:46:00.000-08:00

Previously these special requests from Dodi Retro and Nanang and many other friends that I can not mention one by one.

1. Copy Paste the following script:

<!-- begin Smooth Gallery scripts -->
<link rel="stylesheet" type="text/css" href="http://sites.google.com/site/andidwih/javascript/jd.gallery.css" />

<script src='http://sites.google.com/site/andidwih/javascript/mootools.v1.11.js' type='text/javascript'/>

<script src='http://sites.google.com/site/andidwih/javascript/jd.gallery.js' type='text/javascript'/>
<!-- end Smooth Gallery scripts -->

+ Log in to Blogger and then select "Layout"
+ Click on the "Edit HTML" and paste the above code below <head>
2. Still on the "Edit HTML", copy the code below:

<div id='isismoothgallery'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<style>
#myGallery, #myGallerySet, #flickrGallery {
width: 500px;
height: 400px;
z-index:5;
border: 1px solid #000;
margin: 0px 0px 0px 30px;
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 85px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}
</style>
<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($ ('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>
<div id='myGallery'>
<div class='imageElement'>
<h2>Featured Article #1</h2>
<p>This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.blogger.com/demo/church/featured/featured-article-1.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/01.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/01.png'/>
</div>

<div class='imageElement'>
<h2>Featured Article #2</h2>
<p>This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.blogger.com/demo/church/featured/featured-article-2.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/02.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/02.png'/>
</div>

<div class='imageElement'>
<h2>Featured Article #3</h2>
<p>This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.blogger.com/demo/church/featured/featured-article-3.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/03.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/03.png'/>
</div>

</div>
</b:if>
</div>

Paste the code above, just above this code:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

+ Change the Featured Article # 1, Featured Article # 2, Featured Article # 3 are in bold letters with the title of your article.

3. Save and View Results. ' Trust Me It's Work '

4. The position of all codes:

<html>
<head>

<!-- begin Smooth Gallery scripts -->
<link rel="stylesheet" type="text/css" href="http://www.geocities.com/adeha_182/jd2.gallery.css" />

<script src='http://www.geocities.com/adeha_182/mootools2.v1.11.js' type='text/javascript'/>

<script src='http://www.geocities.com/adeha_182/jd2.gallery.js' type='text/javascript'/>
<!-- end Smooth Gallery scripts -->


<b:skin><![CDATA[/*

DISINI TEMPAT KODE2 CSS


]]></b:skin>
</head>

<body>
<div id='main-wrapper'>
<div id='isismoothgallery'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<style>
#myGallery, #myGallerySet, #flickrGallery {
width: 400px;
height: 300px;
z-index:5;
border: 1px solid #000;
margin: 0 0 30px;
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 85px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}
</style>
<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($ ('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>
<div id='myGallery'>
<div class='imageElement'>
<h2>Featured Article #1</h2>
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.revolutiontwo.com/demo/church/featured/featured-article-1.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/01.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/01.png'/>
</div>

<div class='imageElement'>
<h2>Featured Article #2</h2>
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.revolutiontwo.com/demo/church/featured/featured-article-2.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/02.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/02.png'/>
</div>

<div class='imageElement'>
<h2>Featured Article #3</h2>
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.revolutiontwo.com/demo/church/featured/featured-article-3.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/03.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/03.png'/>
</div>

</div>
</b:if>
</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

</body>
</html>

5. Finish

Membuat Show Hide Buku Tamu

2010-11-30T23:12:00.000-08:00

Nih cara buat buku tamu Show Hide.. langsung aj Tretan, gk usah trlalu banyak CapCus.. ;)

1. Pertama login dulu ke Blogger

2. Pilih Tab Rancangan yang ada di Dashboard

3. Pilih Tambah Gadget pada elemen laman

4. Kemudian tambahkan HTML/JavaScript

5. Copy Paste kode berikut ini


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i365.photobucket.com/albums/oo98/gondrezt/Green%20Blog/tabs2.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}


</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->

CODE CBOX ATO SHOUTMIX TARUH DISINI

<!-- END CBOX --> 
<br />
<a href="http://tukang-coding.blogspot.com">Tukang Coding
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6. Keterangan begin end cbox diganti dengan kode javascript buku tamu milikmu.

7. Kode di atas mohon jangan diutak-atik karena kode tersebut sudah fix