COHIVE is a Coworking Space in Indonesia offering COMMUNITY, SPACE and TECHNOLOGY as our core values.

Latest Post

Showing posts with label Tips & Trik. Show all posts
Showing posts with label Tips & Trik. Show all posts

Cara Install & Menggunakan BBM di PC Komputer atau Laptop

Written By Bahtiar Kelana on Tuesday, 22 April 2014 | 23:21

Bagaimana cara membuat aplikasi BBM bisa digunakan di komputer atau laptop? Caranya cukup mudah. Yang diperlukan bisa didownload secara gratis di internet seperti emulator Android dan Android SDK.

Spesifikasi yang dimiliki komputer atau laptop sendiri setidaknya harus mempunyai RAM minimal 2 GB karena BBM di komputer atau laptop ini aplikasi nya membutuhkan resource RAM yang lumayan banyak. Sebelum menggunakan BBM di komputer, Anda perlu mempunyai BlackBerry ID terlebih dahulu. Berikut cara install bbm di komputer yang bisa Anda ikuti dan terapkan.

Tools Install BBM di Komputer

  1. Genymotion
  2. Android SDK
  3. VM Virtual box
Setelah download semua peralatan diatas, untuk install BBM di laptop atau komputer bisa mengikuti cara dibawah ini.
  1. Instal dulu VM Virtual Box,ikuti langkah dalam instalasi .Klik Next
  2. Setelah selesai menginstal VM Virtual Box, selanjutnya install Genymotion.
  3. Buka Genymotion, Anda akan diminta untuk login, Jika belum punya ID Genymotion,silakan registrasi di link ini
  4. Lalu pilih Galaxy S4/HTC One/Xperia Z-4.2.2 – With Google Apps
  5. Pilih Add , dalam hal ini membutuhkan koneksi internet untuk mendownload data. Klik Add.
  6. Setelah Selesai mendownload data silakan pilih next lalu tekan create selanjutnya pilih Finish
    Nah sekarang tinggal klik pilihan PLAY maka akan muncul seperti ini
    NB : kadang anda akan diminta untuk memasukan SDK .cukup masukan saja pathnya
    Contoh File download saya ada di E maka akan seperti ini E:downloadadtbundlesdk 
  7. Klik Play di Genymotion
  8. Klik start. nanti bakal ada permintaan untuk mengisi email,Google apps dan berbagai macam hal.Cukup Pilih Not Now lalu Next Saja,lalu pilih Finish
  9. Sekarang tekan tombol menu lalu pilih Play Store > Masukan Email & Password Gmail
  10. Setelah login lalu search aplikasi BBM lalu install aplikasinya. Tunggu sebentar untuk proses download dan instalasi
  11. Kembali ke Home maka anda akan melihat aplikasi BBM.
  12. cukup klik aplikasi tersebut  lalu seperti biasa akan diminta email ( email bebas antri Read )
  13. Masukan email tersebut lalu anda akan menuju ke bagian registrasi/login BBM
Langkah-langkah diatas merupakan cara install BBM di komputer yang menggunakan emulator Android Genymotion, semua aplikasi Android bisa dijalankan di komputer Anda menggunakan emulator tersebut. Inti dari install BBM di Android adalah dengan memasang emulator software Android di PC atau laptop kita. Anda bisa menggunakan emulator Android selain Genymotion diatas.

SS :

Cara ROOT Semua Jenis Android Menggunakan KingoApp

Written By Bahtiar Kelana on Monday, 3 March 2014 | 03:43




Assalamu'alaikum Warochmatullohi Wabarokatuh...
 
Cara Mudah Root Semua Jenis Android dengan KingoApp
Seperti kita ketahui, bahwa Android merupakan sistem operasi yang paling banyak digunakan saat ini dan hampir setiap perangkat smartphone dari brand-brand ternama seperti Sony, Samsung dan HTC membenamkan sistem operasi yang satu ini.
Jika kamu adalah salah satu pengguna perangkat dengan sistem operasi Android, mungkin kamu pernah mendengar beberapa istilah pada Android. Diantara banyak istilah tersebut, yang paling sering kita temui mungkin adalah istilah Root pada Android. Ya, memang istilah ini sangat erat kaitannya dengan sistem operasi yang memiliki icon robot hijau yang lucu tersebut. Namun meski demikian, masih banyak pula user atau pengguna Android yang belum mengetahui bagaimana cara untuk me-root Androidnya.
Kali ini saya akan memberi tahu bagaimana cara untuk me-root ponsel Android menggunakan aplikasi root universal yang hampir bisa digunakan untuk semua perangkat Android. Hal pertama yang harus kamu lakukan adalah mengecek kompatibilitas, apakah Smartphone Androidmu kompatibel dengan aplikasi yang bernama KingoApp. Berikut daftarnya :
Samsung Devices
  • Samsung Galaxy S
  • Samsung Galaxy S2
  • Samsung Galaxy S2 (AT&T)
  • Samsung Galaxy S3
  • Verizon Galaxy S3
  • Samsung Galaxy S4
  • Samsung Galaxy Note
  • Samsung Galaxy Note 2
  • Samsung Galaxy Note 3
  • Samsung Galaxy Mega (International and US variants)
  • Samsung Galaxy Grand
  • Samsung Galaxy Ace
  • Samsung Galaxy Ace 2
  • Samsung Galaxy S Advance
  • Samsung Galaxy Captivate SGH-I879
  • Many other mid range devices
HTC Devices:
  • HTC One
  • HTC One X
  • HTC One V
  • HTC One S
  • HTC Wildfire
  • HTC Wildfire S
  • HTC Sensation
  • HTC Thunderbolt
  • HTC Rezound
  • HTC Magic
  • HTC Hero
  • HTC Legend
  • HTC Incredible
  • HTC Evo 4G
  • HTC Desire
  • HTC Desire HD
  • HTC Dream
LG Devices:
  • LG G2 (All variants)
  • LG Optimus Black
  • LG Optimus 2X
  • LG Optimus One
  • LG Optimus 3D
  • LG Optimus G2X
  • LG Optimus LTE
  • LG Optimus Pro
  • LG Optimus L3
  • LG Optimus Sol
  • LG Optimus Hub
Google Nexus Devices:
  • Nexus 4
  • Galaxy Nexus (GSM)
  • Nexus S
  • Nexus One
Sony Xperia Devices:
  • Sony Xperia Z listtra
  • Sony Xperia ZL
  • Xperia Z
  • Sony Xperia E
  • Sony Xperia P
  • Sony Xperia TX
  • Sony Xperia Neo
  • Sony Xperia Arc
  • Sony Xperia Arc S
  • Sony Xperia Acro S
Motorola Devices:
  • Motorola Defy Me 525
  • Motorola Defy Me 525+
Huawei Devices:
  • Huawei A199
  • Huawei C8650
  • Huawei C8810
  • Huawei C8812
  • Huawei Huawei C8813
  • Huawei C8815
  • Many other models
Lenovo Devices:
  • Lenovo A60
  • Lenovo A60+
  • Lenovo A390
  • Lenovo A630
  • Lenovo A690
  • Lenovo A706
  • Lenovo A800
  • Lenovo A810
  • Lenovo A820
  • Lenovo A850
  • and K, P and S series
Micromax Devices:
  • Micromax A25
  • Micromax A50
  • Micromax  A90
  • Micromax Ninja
  • Micromax Viva
  • Micromax Canvas
  • and other devices
Acer Devices:
  • Acer Iconia Series
  • Acer  Liquid series
ASUS Devices:
  • ASUS Nexus 7 (2013)
  • ASUS Nexus 7
  • ASUS Transformer Pad TF300T
  • ASUS Transformer Pad TF300TG
  • ASUS Eee Pad Transformer
  • ASUS Transformer Prime
  • ASUS Memo Pad
  • ASUS Memo Pad Smart
  • ASUS Padfone 2
  • ASUS Padfone Infinity 2
Setelah kamu cek dan jika merek serta tipe Smartphonemu ada didalam daftar diatas, Sekarang ikuti langkah-langkah berikut ini :

  1.  Download dan Install KingoApp di komputermu (Password : bahtiarmahmud.blogspot.com).
  2.  Buka KingoApp & jalankan proses Instalasinya, lalu tunggu sampai selesai menginstall drivernya
  3. Setelah install driver selesai, hubungkan Android kamu ke komputer dalam keadaan USB Debugging hingga Androidmu terdeteksi oleh KingoApp
  4. Kemudian tekan tombol Root, tunggu sebentar hingga semua proses selesai.
  5. Restart Androidmu, kemudian klik tombol App untuk mengecek aplikasi yang bernama Super User/SuperSU, jika sudah muncul berarti kamu sudah berhasil dalam melakukan proses root.
Selamat Mencoba

Cara Reset Ulang ANDROID

Written By Bahtiar Kelana on Sunday, 26 January 2014 | 12:01

Tips trik Android bagaimana cara Factory Reset atau reset data pabrik.

Apa itu Factory Reset?
Factory reset adalah suatu cara untuk mengembalikan software handphone/tablet Android ke kondisi seperti baru keluar dari pabrik. Factory reset pada umumnya dapat menyelesaikan hampir semua masalah yang disebabkan oleh kerusakan software. Sebagai catatan, proses factory reset akan menghapus semua data dan aplikasi yang tersimpan di memori internal telepon / tablet Android.

Pada umumnya Factory Reset dapat dilakukan melalui menu Settings (pengaturan) > Privacy (privasi) > Factory data reset (reset data pabrik). Namun bila kondisi handphonenya tidak mau start atau tidak mau masuk ke menu, maka untuk melakukan factory reset, harus melalui recovery mode.

Apa itu Recovery Mode Android?
Recovery mode Android pada dasarnya adalah suatu menu Android yang berguna untuk recovery atau memperbaiki kerusakan software Android. Pada beberapa tipe handphone, upgrade software dapat juga dilakukan langsung melalui recovery mode. Tidak semua tablet / handphone Android memiliki recovery mode, namun pada beberapa tipe Android, hal ini dapat diatasi dengan menginstall recovery mode buatan pihak ketiga, misalnya ClockwordMod recovery atau xRecovery.

Recovery mode akan sangat berguna bila Anda mengalami hal-hal sebagai berikut:

1. Bila handphone Android tidak dapat start atau hanya berhenti di logo saja (biasa disebut boot loop Android). Hal ini bisa disebabkan oleh beberapa hal, misalnya akibat ada aplikasi yang error atau baru saja menginstall aplikasi yang tidak kompatibel dengan tipe handphone (dalam banyak kasus, setelah menginstall font changer).

2. Bila handphone Android dapat dinyalakan, namun tidak mau merespon input dari pengguna, misalnya layar Android tidak mau disentuh atau tidak dapat masuk ke menu telepon / tablet.

3. Bila Anda lupa PIN, Password atau Anda terlalu banyak melakukan percobaan menggambar pola (pattern) pengunci ponsel Android yang menyebabkan Anda tidak dapat masuk ke menu.

4. Kerusakan-kerusakan software Android lainnya.

Untuk melakukan factory reset via recovery mode secara garis besar dapat dilakukan dengan dua langkah mudah berikut. Namun sebelumnya, do with your own risk atau resiko ditanggung sendiri ok

Tahap 1: Masuk ke recovery mode

Untuk dapat masuk ke recovery mode Android, Anda harus mematikan dulu handphone / tabletnya, tekan dan tahan beberapa tombol Android secara bersamaan (misalnya untuk Galaxy Young S5360 tekan tombol vol Up + home + power secara bersamaan) dan Anda akan masuk ke dalam recovery mode.

Cara masuk recovery mode (tombol yang harus ditekan) bisa berbeda-beda antara satu tipe HP dengan tipe lainnya. Recovery mode tampilannya hanya berupa tulisan saja. Dan didalam recovery mode, pada umumnya Anda tidak dapat menggunakan layar sentuhnya, jadi untuk navigasi naik dan turun, biasanya menggunakan tombol volume (tergantung tipe handphone Android).

Berikut contoh tampilan recovery mode Android:


Tahap 2: Lakukan Wipe Data / Factory Reset

Setelah berhasil masuk ke recovery mode, yang Anda harus lakukan tinggal memilih fitur "Wipe Data / Factory Reset" setelah itu restart handphone Anda.

Agar Anda tidak bingung, berikut contoh cara melakukan factory reset pada handphone Android Samsung Galaxy Young:

1. Pastikan baterai masih cukup banyak (minimal 70%)

2. Matikan handphone

3. Tekan dan tahan tombol Volume Up + tombol HOME(tengah) + tombol Power secara bersamaan selama beberapa detik > Anda akan masuk ke recovery mode Android

4. Dengan menggunakan tombol Volume, arahkan kursor hingga berada di tulisan "Factory reset / wipe data"

5. Tekan tombol HOME untuk memulai proses > harap sabar saat proses berlangsung

6. Reboot handphone

Jadi, bila Anda mengalami boot loop pada handphone Android atau Anda lupa akan kata sandi atau pengunci pola handphone Android, yang perlu Anda lakukan hanyalah masuk ke recovery mode > lakukan Factory Reset / Wipe data. Sekarang yang menjadi masalah adalah banyak orang yang tidak mengetahui cara masuk recovery mode tablet / handphone Android miliknya.

Berikut adalah cara masuk recovery mode beberapa tipe handphone Android. (diurutkan berdasarkan abjad merk handphone)

Note: Untuk masuk ke recovery mode, semuanya dilakukan dari kondisi handphone mati (off)

ACER
Acer BeTouch E210 dan Acer Liquid Metal:
Tekan Tombol Volume Down + Camera + Power Secara bersamaan > Ikuti petunjuk yang ada di layar

ADVAN
Advan T1c:
Tekan tombol POWER, setelah mulai start-up, tekan tombol Volume Down hingga keluar gambar Android dan Segitiga + tanda seru /!\. Setelah itu tekan tombol HOME untuk masuk ke recovery mode. Bila tombol HOME tidak berfungsi, coba tekan tombol MENU.

CROSS
Cross A1 Tabmate:
Tekan dan tahan tombol Vol Down lalu tekan tombol POWER (keduanya jangan dilepas sampai masuk recovery mode)

Cross AD350:
Tekan tombol HOME + Volume Down + Tekan tombol Power > akan muncul tanda /!\ > tekan tombol HOME

Cross A6T TabMate:
Tekan Tombol Home + Volume Up + Tombol Power

CSL
Blueberry CSL Mi 410:
Tekan dan tahan tombol Volume Up + Volume Down + Power secara bersamaan > setelah itu tekan tombol HOME

Blueberry CSL Mi 320:
Tekan Trackpad + tombol Volume Up + Power bersamaan

HUAWEI
Huawei X3 dan X5:
Tekan dan tahan tombol vol up + tombol Power

Huawei S7:
Tekan tombol MENU + Call + Power
Ideos C8150 (AHA Touch):
Tekan tombol Call + Volume Up + Tombol Power

IMO
IMO Tab Z5:
Takan Tombol Power + Volume Down secara bersamaan > saat ada tampilan IMO, lepas tombol Power (Tombol Volume tetap ditahan).

IVIO
IVIO DE88:
Tekan dan tahan Tombol Camera + Tombol HOME > tunggu hingga muncul logo Android, langsung tekan tombol MENU+BACK bersamaan. Navigasi menggunakan tombol Volume, untuk memilh atau OK gunakan tombol Camera.

LG
LG L3 E400:
Tekan Tombol Tengah + Volume Atas + Tombol Power > tunggu sampai muncul logo LG , lepas tombol power.

Cara Hard Reset LG L3 E400:
Tekan Tombol Tengah + Volume Bawah + Tombol Power, setelah bergetar dan keluar logo LG , lepas tombol power > tunggu beberapa saat.

SAMSUNG
Samsung Galaxy Mini, Galaxy Ace, Galaxy Gio dan Galaxy Fit:
Tekan tombol Home(tengah) + Power, tunggu sampai muncul logo Samsung.

Samsung Galaxy 551:
Tekan tombol huruf T + tombol Power. Untuk navigasi atas bawah dapat menggunakan tombol panah, sedangkan untuk melakukan pilihan menggunakan tombol Shift.

Samsung Galaxy Pro:
Tekan tombol T + Tombol Power.

Samsung Galaxy Y (Young) GSM:
Tekan tombol Vol Up + tombol HOME + tombol Power secara bersamaan selama beberapa detik.

Samsung Galaxy Y (Young) CDMA:
Matikan HP > Tekan tombol Power, saat muncul logo Samsung > tekan tombol VOL UP sampai masuk ke recovery Mode. Kalau handphone menyala normal masuk ke menu seperti biasa, matikan handphone lagi dan ulangi proses dari awal.

Samsung Galaxy W (Wonder):
Tekan tombol Volume Up + Tombol HOME (tombol tengah) + Tombol Power secara bersamaan > tunggu sampai keluar logo Samsung, lalu tekan tombol MENU (tombol sebelah kiri dari tombol HOME).

Samsung Galaxy Tab 7? (P1000) / Tab 7 Plus (P6200):
Matikan Tablet lalu Tekan tombol Volume UP + Tombol Power secara bersamaan sampai layar menyala.

Samsung Galaxy Note N7000:
Tekan tombol Volume UP+Home+Power > tunggu sampai muncul tulisan Galaxy Note, setelah itu lepas ketiga tombol tersebut.
PERINGATAN!: Bagi Anda yang menggunakan Galaxy Note dengan sistem operasi Ice Cream Sandwich Android 4.0.x, sebaiknya jangan melakukan factory reset karena ROM ini menurut beberapa pengguna memiliki bug yang dapat merusak HP.

Samsung Galaxy Mini II S6500:
Tekan tombol Volume up+ Volume down + Tombol Home + Tombol Power secara bersamaan.

Samsung Galaxy Chat GT-B5330:
Tekan tombol Volume Down + Home + Power.

Samsung Galaxy Ace Plus:
Tekan tombol Vol UP + Vol Down + Tombol HOME bersamaan lalu selagi ketiga tombol tsb ditekan, tekan tombol POWER lalu langsung dilepas (jgn ditahan). Tunggu sampai masuk menu recovery baru lepas semua tombol.

SMARTFREN
Andromax:
Tekan dan tahan tombol Power + Volume Down. Bila sukses masuk ke recovery mode, gunakan tombol Vol UP/Down untuk memilih menu. Utk melakukan pilihan, tekan tombol MENU yang terletak di sebelah tombol HOME atau tombol touch screen yg bergaris 4.

TABULET
Tabulet Sparta:
Dalam keadaan perangkat terhubung dengan charger, tekan tombol Power + Volume Up + Vol Down.

TOM
Tom i20:
Tekan tombol Volume up + Power secara bersamaan

Untuk kasus BootLoop, jika setelah dilakukan factory reset ternyata tidak menyelesaikan masalah (perangkat Android tetap tidak bisa masuk ke menu), maka untuk mengatasinya pada umumnya dengan cara melakukan flash firmware atau menginstall ulang sistem operasi handphone). Cara flash firmware tiap handphone atau tablet Android bisa berbeda-beda dari satu tipe dengan tipe yang lain. Bila Anda ingin melakukan flash firmware dan ingin mengetahui caranya, coba cari informasi melalui forum-forum Android, atau situs yang dapat dipercaya.


Membuat CD OS Windows XP dengan nLite

Written By Bahtiar Kelana on Friday, 15 November 2013 | 19:52

Assalamu'alaikum Warochmatullohi Wabarokatuh...

Pada Postingan terdahulu saya pernah membahas bagaimana cara Mengkustomasi Tampilan Setup pada Windows XP, Nah...Pada Postingan kali ini saya akan coba membahas mengenai Cara Membuat CD OS Windows XP dengan menggunakan Program nLite. Pastikan bahwa Komputer anda sudah terinstal NET Framework 2.0.

Caranya:
  1. Terlebih dahulu kita harus Menjalankan Program nLite, Donwload disini  (password : bahtiarmahmud.blogspot.com)
  2. Setelah program nLite berhasil di download, lakukan proses instalasi. Jika berhasil silahkan klik icon nlite. Tekan tombol lanjut.
  3. Masukkan CD OS Windows Xp, cari lokasi CD OS Windows Xp dengan menekan browse. Tekan tombol lanjut.
  4. Untuk membuat bootable iso, pilih Driver dan Bootable ISO. Tekan Lanjut.
  5. Tekan lanjut, jikan ingin menyisipkan tekks silahkan klik sisipkan. Tekan tombol lanjut.
  6. Pilih Yes untuk memulai proses penerapan instalasi.
  7. Proses instalasi
    Proses instalasi selesai. Tekan tombol lanjut.
    Klik tombol Buat ISO untuk membuat proses ISO.
    Isikan nama file iso dan tempat untuk menyimpan iso. Tekan tombol save.
    Proses membuat ISO
    Proses pembuatan CD OS Windows XP
Burn file iso yang telah dibuat menggunakan program pembakar (Nero atau yang lainnya)
Untuk proses menginstall jangan lupa merubah booting first cd rom di bios.

Selamat Mencoba..... 

Cara mengetahui Password Wifi

Written By Bahtiar Kelana on Monday, 11 November 2013 | 20:54


Cara Mengetahui Password Wifi Tanpa Software: Seperti kita ketahui, HotSPOT atau WIFI tempat akses internet Wireless dengan standard 802.11b/g sudah bukan barang asing lagi ditelinga kita, dan bila kita berpergian di tempat publik seperti Mall, Cafe, hotel dan kantor, dengan mudahnya kita menemukan fasilitas tersebut. Namun terkadang tidak semua penyedia layanan menawarkan fasilitas Internet Wireless dengan gratis, atau kalaupun gratis, sangatlah terbatas.

Salah satu proteksi yang digunakan penyedia layanan wireless adalah dengan membatasi akses internet berdasarkan MAC Address. MAC Address adalah nomer yang membedakan setiap perangkat jaringan seperti komputer atau bisa disebut juga sama seperti ip address. Seperti hotspot/wifi yang membatasi penggunaan Internet gratis hanya selama 3 Jam, setelah itu tidak dapat mengakses internet lagi, dan baru akan dapat mengakses lagi di hari esok. Jenis proteksi yang digunakan adalah MAC Address Filtering.

Cara Mengetahui Password Wifi Tanpa Software: Pertama,hidupkan wifi,lalu connect ke wireless hotspot yang dinginkan.

Setelah connect, klik kanan sistem tray icon wireless network,klik status >tab detail > lihat ip dan Catat ip tersebut di notepad.

Buka IP Scanner 2.21 dan isikan ip range yang akan kita scan menggunakan ip yang dicatat tadi pada bagian atas. Misalnya : IP yang kita dapat 135.125.1.13 kemudian masukkan pada kolom range pertama ip kita sesuai dengan ip yang tadi namun ganti angka di bagian akhir dengan 1 menjadi 135.125.1.1 dan pada kolom kedua tuliskan sama namun angka satu diakhir itu ganti dengan 255 menjadi 135.125.1.255. hasilnya 135.125.1.1 to 135.125.1.255 lalu klik start atau tombol merah.

Setelah scanning maka akan mendapatkan data ip yang hidup yang terkoneksi dengan hotspot tersebut.lihat ip yang hidup (alive host) warna biru klik kanan pada ip yang hidup Klik kanan pada ip yang warna biru tadi klik kanan > show > mac address dan akan ada kode mac addres (terkadang mac addressnya tidak tampil, pilih saja ip yang lainnya). Catat mac addressnya.

Buka Technitium MAC Address v5 release 3. Disana ada field mac address. lalu ganti mac address tersebut dengan yang kita dapatkan tadi dan tekan change mac id.

Tunggu karena mac kita akan diganti dan koneksi sementara terputus dan konek lagi otomatis sendiri.

Selesai.

Selamat Mencoba !!!!!!!

Cara Mudah Membuat Headline News di Blog

Written By Bahtiar Kelana on Thursday, 18 July 2013 | 02:27

Cara Mudah Membuat Headline News di Blog - Cara/trik gampang memberi headline news atau news update atau hotnews berita terbaru berjalan dan bergerak di blog atau cara menambah headline news atau news update atau hotnews di blog dengan mudah dan cepat.

Postingan Blogaul kali ini akan membahas bagaimana cara memberi headline news di blog. di kesempatan yang baik ini, saya akan mengulas artikel mengenai cara membuat news update di blog. Sobat pastinya sudah tau semua kan apa itu headline news/news update/hot news dan bagaimana bentuk sebenarnya? :) Ok, bagi yang belum tau, saya jelaskan sedikit. Headline news adalah sebuah bagian/elemen di blog yang berisi link-link artikel terbaru dari blog tersebut yang biasanya selalu bergonta-ganti tiap berapa detik sekali dan umumnya terletak di bagian atas dari sebuah blog. Untuk contohnya, bisa dilihat di bagian atas di bawah header blog ini. Tujuan utama pembuatan fasilitas ini menurut saya adalah untuk membuat blog lebih tampil profesional, lebih menarik, membuat betah pengunjung dan pastinya meningkatkan pageviews. Ok, bagi yang tertarik untuk membuat headline news/news update/berita terbaru di blog silahkan ikuti langkah-langkahcara membuat headline news/news update/berita terbaru bergerak di blog di bawah ini:


1. Login ke akun Blogger sobat.


2. Klik Template >> Edit HTML.

3. Cari kode ]]></b:skin> (gunakan tombol CTRL + F atau F3 untuk memudahkan pencarian kode).

4. Letakkan kode berikut tepat diatas kode ]]></b:skin>


/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfzcrlboWi9X6T8rIKi7w0P-Zkvjmw6NLPX6MoMpY_-DxP69RKGasmMYShk3lhq3-zTFNkpbYiMB5rpeJDgVVSKZZ0V4N8ns7_fJxdUz5Ywf2sBSG4HQjSSzhJ38xt7p9ssloaTk3uGM/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;} 
Keterangan :
> Warna merah adalah ukuran panjang headline news.
> Warna biru adalah ukuran tinggi headline news.

5. Next cari kode </head>

6. Lalu copas kode berikut tepat diatas kode </head>


<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};

var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>


7. Terakhir cari kode <div id='header-wrapper'> atau <div id='header-outer'> (pilih salah satu saja)

8. Lalu letakkan kode berikut tepat di bawah kode nomor 7 tadi


<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://bahtiarmahmud.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>> 
Ganti kode yang berwarna biru dengan URL blog sobat.

9. Simpan template dan lihat hasilnya.

Nah, mudah sekali bukan? :)
Demikianlah postingan mengenai cara mudah membuat headline news di blog. Semoga bermanfaat buat semua. Sampai jumpa.. ^_^


Download Kumpulan Template Blog Anime Keren

Written By Bahtiar Kelana on Tuesday, 16 July 2013 | 22:54


Saya mengawali hari ini dengan mengetik sebuah artikel yang berjudul Download Kumpulan Template Blog Anime Keren dan yang Alhamdulillahnya saya bersyukur masih diberikan kesempatan oleh Allah SWT untuk menulis artikel , dan kemudia saya mempunyai ide untuk mengetik artikel yaitu artikel Download Kumpulan Template Blog Anime Keren ini. Template yang saya akan bagikan ini merupakan kumpulan-kumpulan template yang sudah saya gabung dan akan saya bagikan pada kali ini. Kumpulan Template Blog Anime Keren ini bukan hasil karya saya , saya ingatkan sekali lagi bahwa template ini bukan hasil karya tangan saya.

Sebenarnya anda juga bisa mendesain template blog agar pengunjung lebih senang mampir ke blog anda. Bila anda belum mengetahui Teknik mendesain blog agar lebih indah silahkan baca pada postingan saya yang kemarin yaitu tentang Teknik Mendesain Template Blog , dan tidak ada salahnya juga anda membaca postingan saya tentang Teknik Mendesain Template Blog diatas , dan siapa tahu teknik itu bisa membantu anda dalam mendesain template blog.
Berikut ini Kumpulan Template Blog Anime Keren 2013 :

1. Air Bender



Demo | Download
2. Anime Heaven



Demo | Download
3.Anime Heaven V2

Demo | Download
4. Anime Light


Demo | Download
5.Animes

Demo | Download
6. Date A Live


Demo | Download
7. Hatsune Miku

Demo | Download
8 .Hinaru Blog


Demo | Download
9. In Love


Demo | Download
10.My Memories


Demo | Download
11. Ramen No Jutsu



Demo | Download
12.Anime Daily

Demo | Download
13.Anime Naruto Uniqx


Demo | Download
14.Bleach

Demo | Download
15.Couple in Pink

Demo | Download
16.Naruto VS Sasuke



Demo | Download
17. Shugo Chara


Demo | Download
18.Sweet Girl

Demo | Download

Saya rasa cukup postingan kali ini tentang Download Kumpulan Template Blog Anime Keren. Karena saya juga capek sudah membuat artikel ini kurang lebih 1 jam untuk penataan Gambar agar SEO , Link agar SEO , intinya saya sudah capek membuat artikel kali ini ,hehehe
Demikianlah postingan pertama hari ini tentang Download Kumpulan Template Blog Anime Keren . Semoga artikel Download Kumpulan Template Blog Anime Keren bisa bermanfaat bagi kita semua. Bila ada tutur kata / pengucapan saya yang kurang baik saya mohon maaf sebesar-besarnya , Wassalamuaikum.


Sumber : http://planetajaib.blogspot.com

Teknik Mendesain Template Blog


Alhamdulillah sob artikel Teknik Mendesain Template Blog ini merupakan artikel ketiga saya hari ini dan sebenarnya saya sudah agak mengantuk nih sob , tapi saya sempatkan untuk menulis artikel dulu untuk penutupan artikel pada hari ini. Sebenarnya ada banyak Teknik untuk Mendesain Template Blog , Tapi saya kali ini hanya akan membagikan beberapa tips-tips dasar Teknik Mendesain Template Blog agar blog anda lebih terarah dalam Mendesain Template Blog agar hasil mendesainnya tambah bagus.

Template yang saya gunakan sendiri merupakan hasil Mendesain Template Blog dari maskolis pemilik blog www.maskolis.com. Yang tentunya blog maskolis ini memang sudah benar-benar master blog indonesia dalam masalah SEO (Search Engine Optimazation) dan dalam masalah membuat template blog keren.


Berikut ini Teknik Mendesain Template Blog :
1. Loading Blog yang Super Cepat dan Ringan
Loading blog merupakan salah satu penunjang agar blog anda bisa mendapatkan perhatian dari Search Engine Google , Karena search engine google menyukai blog dengan loading Blog yang super cepat dan Ringan. Apabila anda mau membuat blog anda cepat dan ringan , anda bisa baca tutorialnya di artikel saya yang berjudul Membuat Loading Blog Super Cepat dan Ringan


2. Mendesain Blog Sesuai Dengan Selera Pengunjung
Selera pengunjung juga sangat berpengaruh terhadap blog kita , apalagi tampilan blog kita. Apabila blog kita mempunya tampilan yang enak dilihat oleh pengunjung , pastinya pengunjung pun betah berlama-lama di blog kita , dan pengunjung tersebutpun akan senang berada di blog kita

3. Meyembunyikan CSS agar blog Cepat
Selain teknik nomer satu diatas ada juga teknik lain untuk mempercepat loading blog kita yaitu dengan membuat blog Valid CSS3 Karena apabila blog kita sudah Valid CSS3 maka size (ukuran) blog kita pun akan semakin kecil atau sedikit yang dapat membuat loading blog cepat , apabila anda ingin blog anda Valid CSS3 silahkan simak postingan saya tentang Cara Membuat Blog Valid CSS3.
Nah , cara Teknik Mendesain Template Blog hanyalah sebagian kecil cara mendesain template blog. Apabila kurang caranya saya mohon maaf , karena saya juga sudah mengantuk jadinya sudah tidak sepenuhnya bersemangat untuk menulis artikel , bawaannya cuma mau tidurr terus , hehehe.
Demikianlah postingan penutup hari ini tentang Teknik Mendesain Template Blog. Semoga teknik ini dapat bermanfaat bagi anda semua. Bila ada tutur kata atau penguacapan saya yang kurang baik saya mohon maaf sebesar-besarnya.


Sumber : http://planetajaib.blogspot.com

Membuat Loading Blog Super Cepat dan Ringan


Selamat Siang Sob , Alhamdulillah yah saya masih diberi kesempatan untuk mempostingan artikel lagi. Sebelumnya kalau tidak salah saya pernah membahas artikel tentang Cara Membuat Efek Shadow Terbaru Terkeren yang pastinya jooss banget yahh , hehehe
Balik ke topik sebenarnya sob , Loading blog sangat berpengaruh terhadap kenyamanan pengunjung maupun search engine google , karena saya pernah baca bahwa loading blog berpengaruh terhadap blog kita , dan juga berpengaruh dengan trafic blog kita , kenapa ?? karena bila pengunjung tidak sabar buka blog kita pengunjung tersebut pun akan menutup blog kita. Jadi kita perlu mempercepat loading bolg kita.

BERIKUT INI TERMASUK CONTOH BLOG DENGAN LOADING CEPAT





Sobat bisa lihat loading blog diatas tidak sampai 1 detik , bahkan loading blog diatas hanyalah 0,37...
WAWWW , Kenapa bisa begitu ???? nanti kita akan membahasnya.. hehehehe

Nah untuk Membuat Loading Blog Super Cepat dan Ringan kita perlu menerapkan langkah-langkah dibawah ini .. oke ???? hehehe

1. Gambar

Kurangi penggunaan gambar dalam template blog dan kalau bisa jangan menggunakan gambar sebagai background template karena saat melakukan loading, gambar akan otomatis terbaca. Seperti yang ada pada blog ini, tidak ada gambar atau gambar background yang terpasang pada template. Solusinya gunakan warna yang sesuai dengan warna gambar.


2. Ukuran Gambar

Ukuran gambar juga mempengaruhi loading blog (tetapi tidak banyak mempengaruhinya) dan juga kenyaman pembaca artikel blog Sobat. Jika Sobat menampilkan ukuran gambar sesuai ukuran aslinya, ganti ukuran gambar tersebut yang Sobat pasang ke dalam artikel blog Sobat.


3. Url Gambar

Pada artikel blog, jangan menggunakan url gambar dari luar atau milik url gambar milik blog orang lain, karena hal ini akan terbaca sebagai media dari luar blog Sobat. Misalnya menggunakan url gambar dari photobucket, tinypic, atau url gambar blogspot milik orang lain. Solusinya agar usaha mempercepat loading blog Sobat berhasil, upload sendiri gambar yang ingin Sobat pasang pada artikel blog Sobat , seperti saya selalu mengupload foto sendiri.


4. Link Gambar

Kadang saya menemukan blog yang masih menggunakan link gambar asli tanpa mengganti dengan link khusus. Misalnya, ketika Sobat mengupload sebuah gambar ke dalam artikel maka gambar akan disertai oleh link gambar itu sendiri.


5. Html Script

Jika Sobat menggunakan template dan pada template tersebut mengandung html script orang lain, pastikan Sobat menggantinya terlebih dahulu. Misalnya kode script untuk artikel terkait, http://scriptoranglain.googlecode.com/files/artikelterkait.js karena jika Sobat menggunakan script orang lain maka link script itu akan dibaca sebagai media luar dari template Sobat Solusinya agar usaha mempercepat loading blog Sobat berhasil, ganti script tersebut dengan script Sobatsendiri.


6. Link Layanan

Jangan memasang link layanan kedalam template Sobat Misalnya layanan sosial bookmark dari Add this atau Webiya, karena mau tidak mau blog Sobat akan membaca link script dari layanan tersebut. Solusinya buatlah link layanan sendiri dengan kode script anda sendiri.


7. Link Iklan

Untuk memasang iklan di blog, jangan terlalu berlebihan karena sangat mengganggu pembaca sehingga pembaca segera menutup blog kita.


Begitulah Solusi Cara Membuat Loading Blog Super Cepat dan Ringan , Tidak ada salahnya sobat menggunakan cara diatas untuk mempercepat blog sobat..Saya juga menerapkannya setelah saya baca pada blog majidchan.blogspot.com.
Demikianlah Artikel Saya hari ini , semoga bisa menjadi motivasi , manfaat , dan guna bagi sobat semua , Bila ada tutur kata atau pengucapan saya yang tidak benar saya mohon maaf sebesar-besarnya , Sampai jumpa pada artikel selanjutnya , Wassalamualaikum.

Cara Membuat Efek Shadow Terbaru Terkeren

Alhamdulillah saya bisa posting artikel lagi , saya sangat mengucapkan terimakasih sekali pada Allah SWT yang masih memberi saya peluang untuk memposting artikel. Kalau yang artikel kemarin saya bagikan setelah listriknya mati , sekarang saya baru akan memberikan artikel setelah ada tamu dari tadi di rumah saya (hehehe) , yang kemarin saya bagikan yaitu berjudul Membuat Blogroll Bergerak Paling Keren yang bertujuan untuk menambahkan link teman atau sahabat kedalam widget atau postingan blog sobat.

Cara Membuat Efek Shadow Terbaru Terkeren ini sendiri sudah banyak para blogger lainnya yang membagikannya , tapi saya ganti judul menjadi judul seperti diatas itu.

Contohya sobat bisa lihat gambar dibawah ini dan begitulah contoh Efek Shadow Terbaru Terkeren , hehehe

    


Sobat mau membuat efek shadow seperti diatas ??? silahkan sobat ikuti cara-caranya berikut ini,mudah kok:

1. Login ke Blogger Sobat


2. Klik Template > Edit HTML

3. Sobat cari kode
]]></b:skin> (gunakan Ctrl + F untuk mempermudah pencarian)

4. Taruh kode berikut ini diatas kode
]]></b:skin> tadi
#shadow2{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8o0KK8CedUXJPkR9CDuorO-ByO20lybC7AoUIXGDHnTVCQvA4Yz24jTt-02_MkrcWrYVTtQ1M9mZPrLWoNq95ON3hQS5hS-gFNxRxDiLNowo-0cszIojRLE9QcJhm0rJqqqMU8sGfRc/s1600/frame_shadow2+copy.png") no-repeat scroll center center transparent; height: 20px; width: 300px; } Sumber : http://ahmad-manarul.blogspot.com/2013/05/membuat-efek-shadow-di-widget-sidebar.html#ixzz2UZx0X8dX


5.Simpan template sobat.

6. Bila sobat sudah menyimpan templatenya , sekarang yang harus kita lakukan adalah memilih widget apa yang akan kita berikan efek shadownya
, contoh kita menggunakan artikel terbaru sebagai contohnya .
Maka sobat cari kata artikel terbaru (Gunakan ctrl + f untuk mempercepat) maka kurang lebih bentuk kodenya seperti ini :

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

7. Sobat tambahkan kode
<div style='overflow:auto; width:auto;height:200px;'> dan </div> dan <div id='shadow2'/>. Maka penampakan kodenya kira-kira menjadi seperti ini :<b:widget id='HTML2' locked='false' title='Resent Post' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div style='overflow:auto; width:auto;height:200px;'>
<div class='widget-content'>
<data:content/>
</div></div><div id='shadow2'/>

8. Lalu simpan template Sobat dan lihat hasilnya.
Bila sobat berhasil menerapkan cara diatas maka kurang lebih widget sobat mempunyai efek shadow keren dibawahnya. Mudah kan sob ???? kalau kita berusaha pasti mudah kok , hehehe

Demikianlah postingan saya kali ini tentang Cara Membuat Efek Shadow Terbaru Terkeren . Seperti biasanya sob , semoga artikel ini berguna dan bermanfaat bagi sobat semua. Bila ada tutur kata atau pengucapan saya yang tidak enak , mohon dimaafkan , Wassalamualaikum.


Sumber : http://planetajaib.blogspot.com

Membuat Blogroll Bergerak Paling Keren

Alhamdulillah bisa posting lagi nih , setelah barusan di daerah sini listriknya mati sekitar 2 jam dan akhirnya nyala juga deh listriknya , alhamdulillah. Saya pada kesempatan sebelumnya pernah membahas sebuah artikel yang berjudul Membuat Widget Subscribe Paling Keren yang gunanya supaya pengunjung bisa mengikuti blog kita dan juga akan mendapat informasi bila kita membuat postingan. dan kesempatan sebelumnya saya juga pernah membahas masalah template yaitu Template Mirip Terselubung Paling Keren.

 


 Balik ke topik sob , Fungsi Blogroll ini sendiri untuk blog yaitu untuk mencantumkan link-link teman atau kawan. Tapi keistimewaan tutorial ini yaitu Blogroll yang kita buat bisa bergerak sob , mau liat contohnya gak sob ??? ,berikut ini contoh blogrollnya sob :



Sobat ingin membuat Blogroll Bergerak Paling Keren seperti diatas ???
kalau sobat ingin , silahkan ikuti tutorialnya berikut ini , mudah kok sob santai aja.


1. Login ke blogger sobat
2. Klik Template > Edit HTML
3. Masukan kode berikut diatas kode </head> 
                                                                           <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'/><script type='text/javascript'>
var $ul = $('#blog-roll'),
roll = function() {
$ul.find('li').first().slideUp('slow', function() {
$(this).appendTo($(this).parent()).fadeIn();
});
},
anim = setInterval(roll, 3000);
// Pause on hover...
$ul.hover(function() {
clearInterval(anim);
}, function() {
setInterval(roll, 3000);
});
</script> 

4. Klik Simpan Template
5. Letakan kode berikut di tata letak maupun postingan , ya pokoknya yang sobat sukai :


<ul id="blog-roll">
<li><a href="#">Planet Ajaib 1</a></li>
<li><a href="#">Planet Ajaib 21</a></li>
<li><a href="#">Planet Ajaib 3</a></li>
<li><a href="#">Planet Ajaib 4</a></li>
<li><a href="#">Planet Ajaib 5</a></li>
<li><a href="#">Planet Ajaib 6</a></li>
<li><a href="#">Planet Ajaib 7</a></li>
<li><a href="#">Planet Ajaib 8</a></li>
<li><a href="#">Planet Ajaib 9</a></li>
<li><a href="#">Planet Ajaib 10</a></li>
<li><a href="#">Planet Ajaib 11</a></li>
<li><a href="#">Planet Ajaib 12</a></li>
<li><a href="#">Planet Ajaib 13</a></li>
<li><a href="#">Planet Ajaib 14</a></li>
<li><a href="#">Planet Ajaib 15</a></li>
</ul>

Gantilah tanda pagar (#) dengan link-link teman atau kawan , dan Planet Ajaib 1-15 dengan judul
Mudah kan sobat ????? pastinya dong .....

Demikianlah kali ini postingan saya tentang Membuat Blogroll Bergerak Paling Keren , Semoga dapat berguna dan bermanfaat bagi sobat semua . Dan seperti biasanya bila ada tutur kata atau ucapan saya yang kurang berkenan mohon dimaafkan , dan bila ada pertanyaan silahkan berkomentar dibawah , Wassalamualaikum.


Sumber : http://planetajaib.blogspot.com

Membuat Widget Subscribe Paling Keren

Alhamdulillah akhirnya saya bisa update postingan lagi, soalnya dari tadi pagi cuma ngutak-atik template nih. Setelah hari-hari sebelumnya saya coba memPostingkan cara2 blog agar SEO dan akhirnya saya pun bisa menerapkannya yaitu pada tutorial Cara Membuat Blog Valid CSS3 dan Membuat Blog SEO Di Chkme.com. Nah kan masalah SEO pada tutorial sebelumnya sudah teratasi , sekarang masalah Widget Subscribe. Mengapa Widget Subscribe ini diperlukan ??? karena agar pengunjung bisa mengikuti blog sobat.


Berikut ini penampakan widget subcribe paling keren , hehehe :






Sobat tertarik dengan Widget Subscribe Paling Keren kaya diatas ??? Pasti dong.
ayoooo berangkat belajar cara Membuat Widget Subscribe Paling Keren, contoh berikut ini saya CoPas dari Blog Planet Ajaib, berikut Langkah2nya  :

1. Sob , untuk menggunakan kode CSS yg mengatur tampilan gambar Email, RSS, Twitter, Facebook, dan Google+. Silahkan copy kode di bawah ini dan simpan di atas kode ]]></b:skin>

.social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #999;}
.social a:hover {color: #333;border-color: #666;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}Tempelkan kode diatas tadi agar tampilan Widget Subscribenya menjadi Paling Keren

2. Kemudian sobat pergi ke Tata Letak > Tambahkan Gadget dan letakan kode berikut ini :

<div style="background: none; border:none; padding: 4px;">
<div class='social' style='padding: 0pt 0pt 0pt 5px;'>
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=Planetajaib' target='_blank' title='newsletters'><img alt='email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh31HRnSbgl8-wQ12V07vw6LslaLNwVDJSjU1CXLGNlTskP41peuDs-mtC1CGqMYxuf9m6Ws-oKhuS1roT85q5g8H46-9vOuOABev5-onSD-dKDygBGiWTDoAaF0PJd73E6I-VDzDj_Syk/s40/mail.png' title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/planetajaib'target='_blank' title='rss'><img alt='rssfeed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXxjsfzA2Ic-Mq8n2tbkyk0BUD6O3dWEgDy-c7JBvh_748ApPpiVNwpp-MswHgcTUC2KO-wIXuaYgP2_c7wlMItX06ttEfrtUQl_Z4RDRp4-CBXFhNjp_0VBdkHOQSKrd9o0wcvAC3LEI/s40/rss.png' title='rss'/></a> </td>
<td> <a href='https://twitter.com/Ahmad_ManarulH' target='_blank' title='Follow on twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2r_9xqklDsWdQyTJgv9bzkHYa8iss8qQg74Y5Rz0u6ObNc4M5oUrhHc8ngmMUFhca1on-BssbJgImmYuvUYlYqiM1m7czu28EJKdM2S3ES9gWxSCF5fUf-I7-lI9nXOCVTLB1Lwk48k/s40/twitter.png' title='Follow on twitter'/></a> </td>
<td> <a href='https://www.facebook.com/PlanetAjaib'_blank' title=' like me on facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiid0Nkt6-3AMGnqmAgpNIr4eyT5xa0hE3Na6JGZwPRh0Frs4PQK3ai3OxOAmtmeMIWLkIjFsHXTq6UfGyPnJkzR0c3RzU92a8aS0wjqGA8QeL0mXBJxr9X3fBT2WVLsZwSDn93CxTX0f8/s40/facebook.png' title=' Like me on Facebook'/></a> </td>
<td> <a href='https://plus.google.com/u/0/111196340129624846374' target='_blank' title='Follow on G+'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj798F9aQj9uZ7IcF8W_OGvsfiGh48ChOmVGop2v4g1N4KjY2MWL-RSXin3otESq65PK9y4cpAJBPfWF532ys8syl8eowNzK26OMB7gwabZaTyliteWMyIVYSKJqX-1wthJmzq12nYnND0/s1600/g+.png' title='Follow on G+'/></a>
</td></tr></tbody></table></div> <br/>
<div style='text-align: center;'>
<a href='http://www.blogger.com/follow-blog.g?blogID=2376713864947803790' target='_blank' title='Follow this blog'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5F0K4xKh9fqXQ0X7fmMzRHSERfrTBYTuXW_JWoZYlJKZdDZIYIDd47IyRMQ0wmIUsFIaaM0LSzSQd1Lvl3OldNq7ON6IYllPpgtZAlOrRzX1EAojJIrGgrnKht5TrCJ9jeBIUFuWHV8/s1600/Follower.png' title='Follow this blog'/></a>
</div><br/>
</div>

Keterangan tulisan berwarna yang ada di atas :

Untuk tulisan Planet Ajaib, silahkan ganti dengan user name feedburner blog Sobat.
Tulisan http://feeds.feedburner.com/planetajaib, ganti dengan url feedburner blog Sobat.
Tulisan https://twitter.com/Ahmad_ManarulH, ganti dengan url profil Twitter Sobat.
Tulisan https://www.facebook.com/PlanetAjaib, ganti dengan url Facebook Sobat.
Untuk https://plus.google.com/u/0/111196340129624846374, silahkan ganti dengan url profil G+ Sobat.
Untuk 2376713864947803790 ganti dengan ID blog Sobat.Terus kalau sudah dirubah tinggal simpan dan lihat hasilnya.

Demikianlah sob postingan saya kali ini tentang Membuat Widget Subscribe Paling Keren , dan seperti biasa sob , semoga berguna dan bermanfaat , apabila ada pertanyaan silahkan komentar dibawah akan saya jawab bila saya bisa , dan bila ada tutur kata / pengucapan saya yang salah mohon dima'afkan , Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com

Template Mirip Terselubung Paling Keren


Template Mirip Terselubung ini merupakan hasil karya dari blog kautau.com , Template yang satu ini menurut saya mempunyai kelebihan. Mengapa saya bilang begitu ?? Karena template ini mirip dengan blogger sukses asal indonesia yaitu terselubung.blogspot.com. Blog terselubung itu mempunyai visitor yang sangat banyak. Bahkan seharipun blog terselubung bisa merauk visitor sekitar puluhan ribu sampai ratusan ribu WAW , Nggak kaya blog ini , seharipun cumanya b isa beberapa visitor saja (hehehe). Sedikit informasi lag sob , terselubung mempunyai peringkat alexa yaitu 15.434 dan mempunyai pagerank 4WoW it's amazing. Template yang saya akan bagikan ini gratissss tis tis. tidak dipungut biaya apapun , palingan sobat tidak menghapus link kredit pembuat template untuk menghargai hasil karyanya.

Berikut ini foto template terselubungnya :





DEMO | DOWNLOAD
Passwordbahtiarmahmud.blogspot.com

Sobat , untuk merubah menu horisontalnya pastekan kode berikut di atas header blog :

<!-- Star http://bahtiarmahmud.blogspot.com/-->
<div id='navibar'>
<a href="#" class="navitabs"><b>Home</b></a>
<a href="#" class="navitabs"><b>menu 1</b></a>
<a href="#" class="navitabs"><b>menu 2</b></a>
<a href="#" class="navitabs"><b>menu 3</b></a>
<a href="#" class="navitabs"><b>menu 4</b></a>
<a href="#" class="navitabs"><b>menu 5</b></a>
<a href="#" class="navitabs"><b>menu 6</b></a>
<div>
<!-- Stop http://bahtiarmahmud.blogspot.com/></div></div>
KETERANGAN : warna merah adalah link URL
warna biru adalah judul menunya
Demikianlah postingan singkat saya tentang Template Mirip Terselubung Paling Keren. Semoga berguna dan Bermanfaat bagi sobat semua. Jangan lupa tinggalkan komentarnya dan bila ada pengucapan atau tutur kata saya yang tidak baik mohon dima'afkan . Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com

Cara Membuat Blog Valid CSS3


Jujur saja saya tidak bergitu paham dengan masalah SEO. Nah , cara ini juga saya dapat dari blog lain saat saya sedang mengunjungi blognya , dan alhamdulillah saya berhasil menerapkannya di blog saya sendiri. Nah sebelumnya saya juga pernah bahas tentang Membuat Blog SEO Di Chkme.com. Kali ini saya akan mmbagikan seperti yang tertera di judul diatas.

Silahkan sobat cek blog sobat di Jigsaw.w3.org. Apakah blog sobat sudah Valid CSS3 ????
Jika blog sobat belum Valid CSS3 nanti ikuti Cara Membuat Blog Valid CSS3 ini.

Yup , apa keuntungannya jika blog kita Valid CSS3 ??? Menurut saya keuntungannya adalah membuat blog kita loadingnya menjadi ringan bahkan sangat ringan , karena saya juga merasakannya. Terus mengapa loading blog kita menjadi Ringan ??? Karena kode CSS kita menjadi lebih berkurang..


Sobat pastinya ingin blog sobat Valid CSS3 kan ??? Jawabannya : pasti dong hehehe
Berikut ini cara agar blog Valid CSS3 :

Login ke blogger sobat
Klik Template > Edit HTML
Backup template sobat terlebih dadulu untuk mengantisipasi kesalahan
Sobat cari kode <b:skin><![CDATA[ (Gunakan Ctrl + F atau F3 untuk mempercepat pencarian)
Selanjurnya sobat pindahkan (Cut / Ctrl + x) dari kode dibawah <b:skin><![CDATA[ sampai ]]></b:skin> , lalu letakan kode yang tadi dipindah ke notepad
Sehingga nantinya kode CSS yang belum dipindah hanya menyisakan kode <b:skin><![CDATA[ ]]></b:skin>
Ganti kode <b:skin><![CDATA[ ]]></b:skin> dengan kode berikut ini :
:&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin> 8. Letakan kode berikut dibawah kode diatas :

<style type='text/css'>
Kode yang dipindah di notepad
</style> 9. Sehingga nantinya kodenya kurang lebih menjadi seperti ini :

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Kode yang dipindah dari notepad
</style> 10. Sekarang masukan kode yang dipastekan di notepad di kata
Kode yang dipindah dari notepad.

11. Klik simpan Template

Bila sobat sudah melakukan cara diatas , coba sobat cek kembali di jigsaw.w3.org , Apabila blog sobat sudah Valid CSS3 seperti contoh foto diatas , maka sobat berhasil menerapkannya di blog sobat. Apabila belum , berarti sobat harus mengulangi cara ini lagi dan diperhatikannya.

Demikianlah potingan kali ini dari saya tentang Cara Membuat Blog Valid CSS3 . Semoga Berguna dan bermanfaat bagi sobat semua. Bila ada tutur kata atau penguacapan saya yang tidak baik , mohon dimaafkan , Wassalamualaikum.


Sumber : http://planetajaib.blogspot.com
 
█║▌│█│║▌║││█║▌│║▌║█║║▌
BangBek 2018 || COHIVE || Copyright © 2018. BangBek - Bakti
Template Modified by BAHTIAR | Anak Betawi Asli