membuat kolom baru di sidebar

Membuat kolom baru disidebar perlu kita terapkan bila kita ingin menambahkan layout baru pada blog kita karena tentu kita sudah menyadari bahwa pada umumnya kebanyakan template minimalis Blogger cuma menggunakan 2 layout yang biasanya terdiri dari main post dan sidebar disebelah kanan . Bener gak? hehehehehe. So, bagaimana jika kita menambahkan 1 lagi layout
 pada sidebar sebelah kiri, tentu menarik bukan? yup,,,, kali ini kita akan membuat kolom baru di sidebar sebelah kiri.

Baiklah tidak usah berlama lama lagi basa basinya tentang cara membuat kolom baru di sidebar kiri

Masuk ke Blogger >>> Rancangan >>> Edit HTML Template

• backup template Anda yang sekarang (unduh lengkap) untuk antisipasi jika error
• jangan centang Expand Template Widget
• tekan F3 untuk pencarian

Tambahkan kode css di bawah ini setelah #sidebar-wrapper {...}

#sidebarbaru-wrapper { width: 180px; float: left; padding-left:10px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Perlu Sahabat pucanglaban perhatikan kode "float: left;" berarti posisi penempatan sidebar baru  di sebelah kiri.

Sehingga kode css seluruhnya menjadi  seperti ini :

/* Outer-Wrapper ------------------------------------------ */ #outer-wrapper { width: 840px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #main-wrapper { width: 410px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 220px; float: right; padding-left:10px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebarbaru-wrapper { width: 180px; float: left; padding-left:15px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Kode html untuk id sidebar baru :

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

Letakan kode diatas, tepat sebelum/diatas kode berikut :

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

Sehingga kalau digabungkan kode id tersebut menjadi kurang lebih seperti ini :

<div id='sidebarbaru-wrapper'> <b:section class='sidebar' id='sidebarbaru' preferred='yes'/> </div> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/> </b:section> </div>

Selesai....!!!

Sekarang Anda bisa cek hasilnya di Tata Letak di Dasbor Blogger, kolom sidebar baru akan berada disebelah kiri main blog post atau lay out template blog sekarang telah menjadi 3 kolom dengan 2 kolom sidebar di kiri dan kanan main blog post.

Kesimpulan

Membuat Kolom Sidebar Baru Sebelah Kiri Main Blog Post sebenarnya tidak jauh berbeda prosesnya dengan membuat kolom 2 sidebar di kanan main post, namun yang perlu diperhatikan :

pemasangan kode id bila pada 2 sidebar di sebelah kanan, kode id sidebar baru "<div id='sidebarbaru-wrapper'>" berada dibawah kode id  "<div id='sidebar-wrapper'>"

bila sidebar dikiri dan dikanan main post, kode id sidebar baru "<div id='sidebarbaru-wrapper'>" berada diatas kode id  "<div id='main-wrapper'>"

Selamat mencoba......

Jangan sungkan beri komentar bila ada saran atau mau bertanya.....ok!!

Sumber: http://problogiz.blogspot.com/2012/09/membuat-kolom-sidebar-baru-sebelah-kiri_2.html

pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.
posted by: Khoirul Anwar

TRIK SEO HARLEM SHAKE

SEO HARLEM SHAKE agak aneh dan kurang familiar nama itu. Tapi ya itulah nama yang diberikan oleh Bro Icah Banjarmasin untuk judul TRIK SEO nya. Pucanglaban pun sempat garuk garuk kepala dan mengernyitkan jidat. kok aneh, trik SEO kok diberi nama HARLEM SHAKE.

Sebelum kita bahas lebih jauh tentang TRIK SEO HARLEM SHAKE ini, alangkah lebih baiknya kita mengetahui apakah HARLEM SHAKE itu? .HARLEM SHAKE adalah fenomena di search engine berdasarkan video virus yang mulai memperoleh popularitas di Februari 2013,   setelah rilis video oleh Vlogger komedi YouTube Frank kotor. Fenomena menyebar karena upaya masyarakat untuk meniru video. Video yang menampilkan lagu Harlem Shake  oleh Baauer musisi elektronik, dan gaya menari tidak menjadi bingung dengan  Harlem shake asli   Biasanya, setiap video dimulai dengan satu orang (sering bertopeng) menari untuk lagu sendiri, dikelilingi oleh lainnya. menyadari individu orang menari. Ketika bass turun, transisi kamera ke kerumunan seluruh melakukan tarian, sering memakai minimal pakaian atau pakaian gila atau kostum sambil memegang alat peraga yang aneh. Keberhasilan video itu dikaitkan dengan istirahat yang keluar saat dan panjang pendek.  Banyak commenters telah membandingkan Harlem shake untuk Gaya Gangnam.   Beberapa situs telah dibuat semata-mata untuk tujuan berbagi video Harlem Shake.
Sudah tahu kan apa itu HARLEM SHAKE. Lalu apa hubungannya dengan trik SEO? sama sekali tidak ada. Hanya mengambil nama fenomena terbaru dunia maya saja.

OK kembali ke topik bahasan TRIK SEOHARLEM SHAKE. Kali ini Pucanglaban akan Share langsung artikel dari blog Icah Banjar masin yang juga fenomenal itu.

---------------------------------------------------------------------------------------------------------------
 TRIK SEO HARLEM SHAKE

TRIK SEO HARLEM SHAKE memang agak aneh ya judulnya untuk artikel saya yang ini,kenapa jadi saya pilih thema TRIK SEO HARLEM SHAKE karena Harlem Shake lagi booming di search engine. Sebenarnya untuk thema yang sangat cocok adalah CARA BIKIN TAG HTML5 sebab ini berkaitan dengan Cara Penerapan Tag Header HTML5 tersebut sedangkan kalau kita menerapkan versi XTHML banyak yang gagalnya karena masih ada saja yang error. Nah gunanya untuk apa sih ini..? begitu mungkin sebagian teman-teman bertanya,begini TRIK SEO BUAT BLOG memang bermacam cara salah satunya adalah dengan ini agar artikel atau postingan kita bisa maksimal di serach engine serta Blog kita bisa makin bagus di GOOGLE atau pun BING serta ALEXA. Untuk membuat semua itu diperlukan satu Templates yang mumpuni serta artikel yang bermanfaat juga sering melakukan blogwalking. Nah dikesempatan kali ini sengaja saya pilih salah satu cara TRIK SEO BUAT BLOG melalui Templates dan caranyanya pun sangat gampang dan mudah untuk membuat agar TAG HEADER betul-betul mumpuni karena kita tahu Template Blogspot harus pandai-pandai kita siasati agar benar-benar SEO FRIENDLY. Untuk lebih jelasnya mari kita coba cara penerapannya bersama-sama.

1. Kalian langsung saja login seperti biasa ke Blogspot.
2. Cari pada bagian Templates kalian code ini :
3.   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   ...
   ......sampai dengan yang ini:
   </b:section>
     </div>
   <div id='content-wrapper'>
4. Jika Kalian sudah ketemu dengan code tersebut kalian tempatkan code ini <header>   
5. Cara menempatkannya tepat diatas code  <div id='header-wrapper'>    
6. Sedangkan code ini    </header> kalian taruh tepat diatas code  <div id='content-wrapper'>      
7. Maka secara keseluruhan akan menjadi seperti ini :   
            
   

   <header>

   <div id='header-wrapper'>

   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   ...........
   ...........
   </b:section>
     </div>
   

   </header>

   <div id='content-wrapper'>
8. Setelah itu kalian Simpan atau Save.   

Semoga saja dengan cara ini bisa membantu agar blog kita makin bagus serta artikel kita bisa bersaing dimensin pencarian GOOGLE.
   Sampai disini dulu artikel saya tentang TRIK SEO HARLEM SHAKE .
--------------------------------------------------------------------------------------------------------------

Demikian Tadi Artikel SEO HARLEM SHAKE. Selamat mencoba dan Happy Blogging

pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.
posted by: Khoirul Anwar

10 SEO Tools Blogger

Sudah lama rasanya Pucanglaban tidak menulis tutorial Blogger. atau memang sudah benar benar lama? mohon ma'af karena segmen tutorial blogger untuk beberapa waktu sempat terabaikan. Kali ini pucanglaban akan share 10 SEO Tools yang wajib ada pada blogger. Pada lazimnya sebagai seorang blogger, kita pasti memiliki list ataupun daftar berbagai macam SEO Tools untuk optimasi blog kita. Beragam SEO Tools kita gunakan, tips dan trik dari Blogger Blogger senior kita terapkan. kadang berhasil dan kadang pula kita harus galau, hehehehehe Benar kan? 

Baiklah to the point saja, kali ini Pucanglaban akan share rangkuman 10 SEO Tools Blogger yang wajib dimiliki oleh Blogger Berikut adalah daftar dari 10 SEO Tools yang harus Anda gunakan sebagai seorang blogger agar SEO lebih optimal. 

1. Gunakan Multirank checker dari iWebTool.com  

Jika Anda ingin memeriksa peringkat Google halaman blog Anda dan beberapa blog lain tanpa melakukan secara manual maka anda harus menggunakan alat ini. Ini menghemat banyak waktu sebagai salah satu alat yang dapat memeriksa peringkat halaman dalam jumlah besar. 

2. Gunakan SEO Analyzer dari Sitening.com 

Ini adalah salah satu alat SEO terbaik untuk semua blogger yang baru saja mulai mempromosikan blog. Anda juga dapat men-download hasil laporan sebelumnya dengan mudah menggunakan alat SEO ini. Semua aplikasi dalam SEO tools isi user friendly. 

3. Gunakan Backlink Checker dari Link Diagnosis 

Ini adalah salah satu alat gratis terbaik untuk mengetahui backlink. Sebagai seorang blogger Anda perlu menggunakan alat ini untuk memeriksa link balik. Selain itu dapat menganalisa backlink kompetitor dengan menggunakan alat ini SEO. 

4. Gunakan Google Analytics dari Google.com 

Alat SEO yang disediakan oleh Google secara gratis. Dengan menggunakan tool ini, Anda bisa mendapatkan laporan terkait dengan lalu lintas ke blog Anda, menyalurkan informasi dll. Alat seo didasarkan pada Urchin dan digunakan oleh banyak blogger dan pemilik situs. 

5. Gunakan Keyword Density dan Prominence tool dari Ranks.nl 

Dengan menggunakan tool ini, Anda dapat mengetahui tentang kepadatan kata kunci pada halaman tertentu. Hal ini juga menganalisis kata kunci yang dimasukkan dalam tag. 

6. Gunakan Page Rank Visual dari iWebtool.com 

Orang yang suka grafis akan menemukan SEO tools ini sangat bagus. Peringkat halaman dapat diperiksa dengan visual. Banyak orang yang merasa bosan untuk memeriksa peringkat halaman di blog mereka menggunakan alat seo biasa. 

7. Gunakan RankingChecker dari SEOmoz.com  

Dengan menggunakan alat seo ini Anda dapat memeriksa peringkat situs sampai seratus kata kunci pilihan Anda pada Google, Yahoo dan Live.com. Hal terbaik tentang alat ini adalah bahwa Anda bisa mendapatkan peringkat untuk kata kunci dalam pencarian negara tertentu di Google dan Yahoo. Misalkan, saya ingin memeriksa peringkat website saya di Google.co.uk , saya dapat melakukannya dengan menggunakan kata kunci pada RankingChecker dari SEOBook. 

8. Gunakan alat Fiddler Web Debugging dari Fiddlertool.com 

Dengan menggunakan alat seo ini, Anda bisa mendapatkan laporan tentang semua jenis komunikasi antara server dan browser. Anda tidak perlu membayar apapun untuk menggunakan alat seo ini. 

9. Gunakan SEOQuake untuk pilihan SEObar internal link 

Dengan menggunakan alat seo, seseorang dapat mengenal tentang halaman terkuat pada website atau blog. Ini membantu untuk mengetahui halaman yang memiliki sejumlah besar link inbound. 

10 Gunakan Google Adwords Keyword Tool 

Keyword Tool dari Google dapat digunakan untuk mendapatkan kata kunci lain, selain kata kunci pilihan Anda. Dan alat ini juga dapat digunakan untuk mengetahui daftar kata kunci dengan memasukkan alamat website. Alat ini menyediakan lebih banyak fitur seperti pencarian bulanan untuk kata kunci global dan lokal, saingan pengiklan dengan biaya rata-rata per klik dll

pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.
posted by: Khoirul Anwar

Facebook Auto comment auto like dan dampaknya

Facebook Auto comment auto like dan dampaknya sering kali tidak kita sadari sangat berbahaya bagi kelestarian akun facebook kita. Sebagaimana kita ketahui, facebook merupakan sosial media paling digemari didunia ini dan kita sebagai facebooker setiap saat selalu berkomunikasi dengan kawan kawan kita dibelahan bumi yang lain. Tentunya mempunyai kawan yang sangat banyak sedikit banyak menyulitkan kita untuk like dan komentar status kawan kawan kita? betul begitu bukan?

Seiring dengan berjalannya sang waktu yang menuntut kita untuk selalu up to date, ditemukan sebuah metode alternatif yang memudahkan kita untuk nyamperin temen temen kita tanpa harus berkunjung ke dinding sang teman. yup Facebook Auto comment dan auto like solusinya.

Sekilas kita lihat, Facebook Auto comment dan auto like memang sangat membantu kita untuk selalu berhubung rapat dengan semua facebook friend. Namun bila kita amati lebih teliti lagi, banyak sisi negatifnya juga bila kita menggunakan metode tersebut. misalnya, diantara teman teman kita kurang senang dan tidak nyaman dengan metode yang kita terapkan karena menganggapnya sebagai spam. dan mereka beranggapan spamer gak baik dijadikan sahabat.

Facebook Auto comment auto like dan dampaknya memang sangat merugikan kita. Ada banyak temen temen facebook kita tidak begitu menginginkan like dan komen yang banyak pada statusnya karena like dan komen yang didapat hanya dari Facebook Auto comment dan auto like. Sebaliknya, mereka menginginkan like dan komen yang ikhlas walaupun jumplahnya cuman dikit doank.

berikut ini tutorial facebook auto komen

Nama Aplikasi : FB AUTO COMMENT & LKE GENERATOR+
 - Versi           : 4.1.3
 - Rilis            : 19 Juli 2011
==================================================
1. LISENSI
==================================================
 - FB Auto Comment & Like Generator+ adalah software tak berbayar (freeware)
 - Penyalahgunaan penggunaan akan berakibat dihentikannya layanan bot
==================================================
2. PEMBAHARUAN
==================================================
 - Tampilan baru dan dapat dikonfigurasi
 - Auto Konfirmasi permintaan pertemanan
 - Auto Logout dari FB jika aplikasi dihentikan
 - Suport Systray
 - Target bisa dipilih
 - Pengecualian target (ID)
 - Tanda tangan bisa diedit (jika sebelumnya tanda tangan sudah fix)
 - Perbaikan : Komen yang diulang-ulang dalam satu kiriman yang sama sehingga menjadikan spam

==================================================
3. PENGGUNAAN
==================================================
 - Konek ke Facebook  (Tombol Connect)
 - Login ke Akun melalui browser yang ada di aplikasi
 - Setting
   > Isi komentar  (untuk Auto Comment)
   > Check [Friend Mention] untuk menyebut Nama teman dalam komentar
   > Untuk mengecualikan seseorang dari aksi BOT, setting pada Expection
   > Pilih target bot
   > Set Interval waktu
 - Start

1. Tampilan Depan

2. Tampilan Pengaturan

Untuk pengaturan ini, user bisa dengan leluasa menentukan aksi bot, apa target dan komentar apa yang  akan dikirim.

    - COMMENT : Textbox ini diisi jika kita pilih aksi bot = Auto comment

    - SIGNATURE ; Untuk memberikan tanda tangan di akhir komentar.

    - MENTION FRIEND : Untuk menyebut nama teman dalam komentar.

    - TOMBOL EXCEPTION: Untuk mengatur pengecualian.

    - TARGET : Target bot ;)

    - INTERVAL : Perulangan waktu yang dibutuhkan bot untuk melakukan aksinya.

3. Pengaturan Pengecualian.

    Klik Add / [+]  dan masukkan ID facebook dari teman yang akan dikecualikan

    Klik Remove / [-]  untuk menghilangkan pengecualian

    Kemudiaan klik [SAVE] untuk menyimpan.

4. Bot juga bisa diatur melalui Systray (Kondisi aplikasi disembunyikan)

Note : Semua pengaturan akan disimpan dan diload secara otomatis ketika Bot dijalankan.

Sumber : x-bie

Untuk mencoba silahkan download aplikasinya DI SINI atau DI SINI

So, apakah yang anda pilih? Facebook Auto comment auto like yang berdampak pada blokir pertemanan ataukan metode manual yang menjalin kebersamaan? pilihan ditangan anda sebagai seorang facebookers yang baik.

Sumber: http://che-armad.blogspot.com/2012/03/tutorial-facebook-auto-komen-like.html


pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.
posted by: Khoirul Anwar

Spesifikasi dan Setting Modem 3.5G ZTE MF 626

Spesifikasi dan setting Modem 3.5G ZTE MF 626 - Wndow XP. ya, itulah pokok bahasan kita kali ini dan akan kita bahas step by step mulai dari spesifikasi, installasi driver dan cara penggunaan Modem 3.5G ZTE MF 626 untuk Window-XP.

baiklah langsung saja ke TKP Spesifikasi dan setting Modem 3.5G ZTE MF 626

A. Spesifikasi Teknis

Type	:	USB
Merk	:	ZTE
Model	:	MF626

Interface Type	USB 2.0 High Speed
Protocol Type	HSDPA/UMTS/EDGE/GPRS/GSM
Frequency	HSDPA/UMTS:2100/1900/850 MHz
	EDGE/GPRS/GSM : 1900/1800/900/850
Transmission (Data Rate)	UMTS: 384 Kbps UL, HSDPA: 3.6 Mbps DL
Memory	Expandable with Micro SD (Can be used as a memory stick)
USIM & SIM	Standard 6 PIN Interface
LED	Indicating HSDPA/UMTS operating status
Auto Installation	Support
Antenna	Internal Antenna
Rx Diversity	Not support
Equalization	Support
Temperature
~Storage Temperature	-20C ~ +60C
~Operation Temperature	-10C ~ +55C
System required	Windows 2K/XP, Vista, MAC OS
Dimensions	69 mm * 26.5 mm * 12 mm
Weight	30 gram
Certification and Approval	CE certification, ROHS, WEEE
Chipset	MSM6246

Peringatan !
Modem 3G ZTE MF626 apabila digunakan pada Operating System Windows yang ter-install Antivirus Kaspersky, akan terdeteksi adanya malware yaitu adanya proses yang dianggap menyerang sistem Windows.
Berikut tampilan peringatan dari Antivirus Kaspersky terhadap aplikasi software driver ZTE MF626 yang diduga mengalami malware tersebut :

B. Instalasi Driver

1. Masukkan Modem 3.5G ke dalam slot USB, tunggu beberapa saat sampai muncul tampilan InstallShield Wizard
   
2. Akan muncul window dialog seperti dibawah ini, klik “Next“
   
3. Klik “I accept the terms….“, lalu klik “Next“
   
4. Klik “Change” untuk mengubah directory tempat sofware akan di-install, atau langsung klik “Next“
   
5. Tunggu hingga proses instalasi selesai
   
6. Klik “Finish“
   
7. Tunggu beberapa saat, hingga muncul informasi “Your new hardware is installed and ready to use” dan munculnya tampilan awal layar “INDOSAT M2”
   
   

C. Cara Penggunaan

1. Pertama kali sesaat setelah modem driver di-install, biasanya interface modem langsung dijalankan secara otomatis, namun jika tidak, klik dua kali pada shortcut “IM2 Broadband 3.5 G”.
   Interface modem:
   
2. Klik “Settings” (icon obeng dan kunci Inggris)
3. Klik “Connection Settings”
   
4. Klik “indosatm2” pada Configuration
   
5. Klik “View” maka akan muncul layer berikut
   
6. Check “Save Username and Password” terlebih dahulu
   sebelum input “User Name” & “Password”.
   
7. Klik “OK”
8. Pilih “indosatm2”. Klik “Set Default”
   
9. Klik “Internet”
   
10. Klik “Connect”. Apabila koneksi berhasil, akan tampil layer sebagai berikut:
    
11. Untuk mengakhiri koneksi klik “Disconnect”
    
12. Untuk melaksanakan koneksi kembali silahkan ulangi langkah 10.
13. Untuk menutup software klik tanda “X” pada pojok kanan atas, dan klik “OK” pada saat muncul pertanyaan “Close the software?”.
    

Demikian tadi  Artikel tentang Spesifikasi dan Setting Modem 3.5G ZTE MF 626 dan mudah mudahan bermanfaat


pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.
posted by: Khoirul Anwar