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

Membuat Background Tampilan Flashdisk

Kali ini saya kan share satu artikel tentang bagaimana cara Membuat Background Tampilan Flashdisk. Tapi sebelumnya saya mo cetita dikit nih.... kemarin tu ane minjem Flashdisk temen ane, terus saja tancepin ke laptop. Ane heran banget ketika itu flashdisk kok ada backgroundnya. kemudian ane nanya ke temen ane yang punya flashdisk. bagaimana sih caranya Membuat Background Tampilan Flashdisk itu? temen ane senyum senyum saya walaupun akhirnya ngasih tutornya ke ane. Dan atas seijin temen ane itu, ane mo ngeshare turotial Membuat Background Tampilan Flashdisk ini.

Langsung saja ke TKP Membuat Background Tampilan Flashdisk:

pertama tama elo copy paste skript dibawah ini dan berinama apapun misalnya background.flashdisk

[ExtShellFolderViews]
{BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-A3A4-00C04FD706EC}
[{BE098140-A513-11D0-A3A4-00C04FD706EC}]
Attributes=&H0000FFFF&
IconArea_Image=namaimagekelo.jpg
IconArea_Text=0xff00fffff
[.ShellClassInfo]
ConfirmFileOp=0
IconFile=%SystemRoot%\system32\SHELL32.dll
IconIndex=217
/*    merah=0xf00ff
ungu=0xf00fff
kuning=0xff00fffff
putih=0xff000ff (ket. ungu)
hijau=0xf00f
*/

Kalo udah, elo ganti tulisan yang warnanya merah yang namaimagelo.jpg
Elo ganti aja sama nama file gambar yang mau elo pada jadiin sebagai background flashdisk dan taruh di dalam flashdisk elo pada. Gampang banget kan??
IconArea_Text=0xff00fffff   itu gunanya buat mengubah warna nama file elo, tuh lihat yang digambar warna tulisan nama file-nya kuning kan ?? Nah sekarang elo bisa tuh ganti nilainya biar warnanya bisa berubah ke warna lain……………..!

 Gampang kan? Selamat mencoba dan berkreasi.

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

Cara Membuat Blog

Setelah sudah me-share berpuluh Tutorial  ringan (pemula) Blogspot, tidak lengkap rasanya apabila cara membuat blog gratis di blogspot tidak saya share kepada Sahabat semua.
Kenapa saya pilih platform Blogspot (Blogger.com) untuk belajar Cara Membuat Blog? karena tidak lain dan tidak bukan Blogger.com adalah primadona bagi para blogger pemula untuk belajar. Maklum saja, Blogger kan gratis tidak seperti platform yang lainnya. Dengan fitur Gratis Blogspot/Blogger ini diharapkan kita akan lebih bisa fokus untuk Belajar Ngeblog.

Baiklah, tidak usah berlama lama lagi langsung saja kita ke TKP Cara Membuat Blog.

1. Membuat Email (disarankan menggunakan Gmail)

Kenapa pakai Gmail? Karena Blogger.com sudah diakuisisi oleh Google. Jadi lebih amannya pakai Gmail saja walaupun sebenarnya memakai Yahoo dan lainnya pun juga bisa.

Biasanya dalam membuat email di GMAIL kita perlu verifikasi lewat nomor handphone jadi  masukan nomor handphone yang bisa dikirimin sms dari Google untuk verifikasi.

Setelah email di Gmail dibuat baru kita bisa melanjutkan ke step 2 Cara Membuat Blog.

2. Register di Blogger.

Setelah membuat Email selesai, kita akan ke step/langkah kedua yaitu mendaftar di Blogger.com Isi dengan data data yang diperlukan

• email : email GMAIL yang kita buat tadi di tahap 1
• Password : pilihlah password minimal 8 karakter
• Display Name (nama tampilan) : Merupakan nama yang digunakan sebagai nama kita di akun blog nanti. Misalnya aku memilih nama "Khoirul Anwar" maka nama yang akan muncul ketika aku posting nanti ialah "posted by Khoirul Anwar atau diposting oleh Khoirul Anwar"
• Gender (Jenis Kelamin) : pilih kelamin sesuai kenyataan atau kalau ragu pilih "other atau lainnya"
• Birthday (tanggal lahir) : masukan dengan format tanggal/bulan/tahun misal jika tanggal lahir 17 agustus 1945 maka yang dimasukkan = 17/08/1945.
• Word Verification (verifikasi) : masukan karakter yang terdapat di bawah
• Lalu centang Acceptance of terms (penerimaan peryaratan)
• Klik Continue / Lanjutkan
  

3. Membuat Blog

Di step yang ketiga ini, disini kita akan memulai membuat blog.

Di akun blogger klik "Blog baru" untuk membuat blog. Lalu akan muncul halaman untuk memilih Judul, Alamat Blog dan Template.

Pilih Judul dan Alamat blog.

• Judul digunakan sebagai penama blog, misal untuk blog ini dulu kuberi judul Blognya Pucanglaban News
• Alamat merupakan url alamat blog yang diinginkan misal alamat blog pucanglaban.blogspot.com

Saran: dalam memilih judul dan nama blog jangan pilih yang aneh atau susah dieja maupun menggunakan simbol yang aneh-aneh. Pilih yang mudah diingat orang lain dan tidak membingungkan.

Memilih Template Blog 

Ada berbagai template bawaan dari blogger yang tersedia sobat bisa memilih terserah sesuai dengan yang disuka lalu klik 'Buat Blog'

*Dalam memilih template blog awal, aku lebih suka dengan template 'AWESOME' karena lebih terlihat simpel tanpa banyak background gambar. Template yang namanya 'Simple' justru sebenarnya tidak simpel seperti namanya karena menggunakan background dalam bentuk gambar sehingga berat untuk dibuka.

 4. Blog Sudah Jadi 

Selamat ! sampai disini blog sudah berhasil dibuat, namun masih kosong. Setelah ini akan ada beberapa hal yang perlu di setting sebelum melakukan posting.

Untuk melihat blog yang baru dibuat bisa langsung mencoba dengan langsung mengetikan alamat blog yang baru dibuat tadi di browser contoh : blogayead.blogspot.com

5. Jangan lupa cek email yang didaftarkan tadi untuk memverifikasi akun google kita.

Di email yang kita daftarkan pada tahap 1 nanti akan ada "

Google Email Verification

" buka dan klik link yang ada di dalam email tersebut

6. Hal Yang Dilakukan Setelah Membuat Blog

Sebelum posting ada beberapa hal yang menurutku perlu di atur dulu dari blog sobat diantaranya:

• PANDUAN AWAL BLOGGING DI BLOSPOT (1): ' DRAFT BLOGGER '
• Cara Merubah Bahasa Blog (Blogspot)
• 3 Setting Komentar Yang Perlu Diubah di Blog Sobat Tergaptek (Blogspot)
• CARA TERMUDAH MEMBUAT READMORE DI BLOG (BLOGSPOT)
• CARA MUDAH MEMBUAT RELATED POST (ARTIKEL TERKAIT) DI BLOG
• Widget Blogspot Keren dan Tidak Penting.
• Cara Submit Sitemap Ke Webmaster (Google, Yahoo dan Bing)
• Apabila sobat ingin mencoba template lain , bisa sobat download di penyedia template gratis di Template Blogspot Lengkap lalu upload template tersebut caranya ada di Cara Upload Template Blogger Di Tampilan Terbaru

Info lainnya seputar blogspot bisa dilihat di Tutorial Ngeblog

7. Blog Siap Dipakai

Sobat bisa membuat postingan / tulisan baru, mengedit tampilan

keterangan :

1. Membuat Postingan / Tulisan Baru

2. Melihat Postingan / mengedit post

3. Mengatur Widget

4. Setting

5. Mengatur Tampilan Template : warna dan lain-lain

6. Blog Baru, Satu akun blogger bisa digunakan untuk membuat banyak blog jadi sobat bisa menambah blog lain cukup dengan 1 akun blogger saja.

Apabila Sobat Merasa Kesulitan dalam membuat atau mengelola blog, ntuk Info lebih Lanjut Mengenai Blog Sobat Bisa Membaca Ebook Dari www.Caramembuatblogger.com :

• Rahasia Bagaimana cara mencari ide yang sedang Hot untuk bahan tulisan blog

Plus minus nantinya anda akan mempelajari hal2 dibawah ini.

• Rahasia Bagaimana anda bisa membuat pengunjung anda betah bertahan berjam jam di blog anda, 

• Rahasia Bagaimana caranya membuat blog anda semirip mungkin dengan orang lain dengan cara cara sederhana,

• temukan rahasia widget widget yang sering dipakai oleh para blogger, sangat berguna sekali untuk mempercantik blog anda

• Rahasia Bagaimana cara menghipnotis calon pengunjung agar mau mengunjungi blog anda

• Rahasia Bagaimana cara agar pengunjung anda menjadi pengunjung yang loyal terhadap blog anda

•  Rahasia Delapan syarat agar blog anda sempurna

•  Rahasia Belajar bagaimana caranya membuat posting yang menghipnotis

•  Rahasia Prinsip dasar dalam membuat blog yang bagus dan dipercaya

•  Rahasia Bagaimana agar blog anda selalu dicari dan dibutuhkan oleh orang

•  Rahasia Dua prinsip dasar yang harus dimengerti dalam membuat sebuah judul

•  Rahasia Bagaimana cara membuat tulisan header yang di sukai mesin pencari

•  Rahasia Bagaimana cara agar blog anda di sukai mesin pencari

•  Rahasia Bagaimana cara memilih nama blog agar memiliki daya tarik tersendiri bagi search engine

Dan masih banyak lagi…

Source: Tergaptek

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

Membuat Kolom Baru dibawah Header

Selamat berjumpa lagi sahabat Pucanglaban, pada kali ini saya akan share Cara Membuat Kolom Baru dibawah Header Blogspot yang mana trik ataupun tutorial blog ini sudah sangat banyak diulas diberbagai Media Online. Kali ini saya akan mencoba menyampaikan tips trik templating blog ini dengan gaya saya sendiri dan mudah mudahan sahabat Pucanglaban bisa memahaminya dengan baik.

Pada dasarnya, Membuat Kolom Baru dibawah Header ini tidak sulit dan tidak njlimet. Cara ini mirip dengan cara menambah kolom baru dibawah posting, membuat kolom baru diatas posting dan yang lainnya, cuma letaknya berbeda dan ada sedikit kode template yang disesuaikan.

OK tidak usah berlama lama nyerocos ngalor ngidul, kita langsung saja menuju TKP Cara membuat kolom baru dibawah Header:

Cara Membuat Kolom Baru di Bawah Header
1. Login ke Blogger.
2. Pilih Tata Letak
3. Klik tab Edit HTML.
4. Backup dulu template dengan meng-Klik tulisan Download Template Selengkapnya.
5. Copy paste kode berikut persis di atas kode  ]]></b:skin>.

/* Kolom Baru dibawah Header ----------------------------------*/
.kolombaru{
width:970px;
padding:5px;
background:#000;
margin:0px 0px 5px 0px;
text-align:center;
}

.kolombaru .widget{
}

6. Lihat ke bagian bawah, lalu cari kode berikut :

<div id='main-wrapper'>

 Tambahkan kode berikut persis di atas kode <div id='main-wrapper'> :

<b:section class='kolombaru' id='kolombaru' preferred='yes'/>

7. Klik Pratinjau dulu, jika tidak ada masalah, Simpan Template jika sidah selesai.

Langkah selanjutnya, silahkan klik Tata Letak, lalu lihatlah perubahannya. jika hasilnya seperti pada gambar diatas, maka anda sudah berhasil menambahkan kolom baru di bawah header. Sekarang anda sudah bisa memasukan apa saja langsung di bawah kolom header.  Selamat mencoba!

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

Membuat kolom baru dibawah posting blogspot

Selamat berjumpa lagi sahabat pucanglaban, bila kemarin saya posting tentang bagaimana cara membuat kolom baru diatas postingan blogspot, maka kali ini saya akan mengulas tentang membuat kolom baru dibawah kolom postingan blogspot. Biar lengkap gitu tutorial desain template-nya, hehehehe.....

Untuk sebagian template, memang belum menyediakan kolom tersebut sehingga kita harus menggunakan cara manual menambahkan kolom baru dibawah postingan blogspot tersebut supaya kita bisa meletakkan banner atau apa yang kita ingin letakkan diarea tersebut. Btw, masih ingat kan tentang postingan saya yang kemarin tentang cara membuat kolom baru diatas postingan blogspot? syukurlah kalo masih ingat. Kalo udah lupa? baca kembali, ok?


Kembali ke topik bahasan kita kali ini. Bagaimanakah caranya membuat kolom baru dibawah posting? tenang saja, caranya mudah aja kok, gak pake ribet pokoknya, hadech lebay dech..... bagaimana? mau langsung menuju lokasi tutorial desain template? ok, let's go!!!!!!


Untuk membuat kolom baru dibawah postingan blogspot, sahabat ikuti langkah-langkah dibawah ini:

• Sahabat Log in ke blogger 
• Tata letak
• Edit HTML
• Beri tanda centang di kotak kecil atas
• Cari kode

#main-wrapper { width: 620px; float:$startSide; 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 */ }

• Sahabat masukkan kode berikut ini kebawah kode diatas tadi

#mainbottom { background:#ffffff; border:1px solid #0B610B; margin:0 0 0.5em; padding:0.5em; }

• Untuk selanjutnya kita akan membuat id untuk mainbottom diatas tersebut. Cari 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>

• Sisipkan kode berikut ini dibawah </b:section>

<b:section class='main' id='mainbottom' showaddelement='yes'/>

• Sehingga akan menjadi seperti berikut ini:

<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> <b:section class='main' id='mainbottom' showaddelement='yes'/> </div>

• Langkah terakhir adalah Save template. beres dan lihat hasilnya :D

Semoga artikel tentang menambah/membuat kolom baru dibawah posting blogspot ini bermanfaat untuk sahabat Pucanglaban semua. Selamat Berkreasi dan semoga sukses.

Dikutip dari: berbagai sumber

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

membuat kolom baru diatas postingan blogspot

Setelah beberapa hari tidak bersua dalam segmen tutorial blogspot,  kali ini saya akan share satu lagi trik yaitu: membuat kolom baru diatas postingan blogspot. Untuk para sahabat blogger pemula yang hobby banget ganti desain template atau suka sekali mengedit template-nya, semoga Tips trik kali ini merupakan sebuah metode pembelajaran sahabat untuk bisa mengenali, mempelajari dan untuk selanjutnya menerapkan kode-kode tersebut kedalam template blog sahabat.

Untuk sahabat yang menginginkan tampilan blog nya menarik, unik atau bahkan terlihat glamour, memang harus menambahkan beberapa elemen dasar pada template semisal membuat kolom baru diatas postingan. Kolom tersebut bisa untuk menempatkan banner ataupun pernak-pernik blog kegemaran sehingga akan lebih menarik dan sedap mata memandang, Dampaknya, sahabat akan lebih mudah me-manage tampilan blog sahabat karena sudah membuat kolom baru diatas postingan.

Pada dasarnya, untuk menambahkan satu kolom baru diatas postingan, dibawah postingan, pada header, maupun footer blogspot tidak sesulit yang kita bayangkan. Sahabat cuma harus berusaha bersungguh sungguh dalam mengenali kode-kode tersebut dan selanjutnya bila sahabat sudah menguasainya, akan serasa bla bla bla saja.

Baiklah tidak usah berlama lama lagi langsung kita ke TKP untuk mengulas cara membuat kolom baru diatas postingan blogspot

• Login ke Blogger  
• Klik Tata Letak
• Klik tab Edit HTML.
• Copy paste kode didalam tex area dibawah ini di atas kode  ]]></b:skin>.
  

kolom-atas{width: 640px; padding:10px 0px 10px 10px; background:#000; margin:0px 0px 10px 0px; text-align:left; border:1px solid #ccc; } .kolom-atas .widget{ }

• Cari kode <div id='main-wrapper'>
• letakkan kode <b:section class='kolom-atas' id='kolom-atas' preferred='yes'/> persis dibawah <div id='main-wrapper'>
• Simpan TEMPLATE

Demikian tutorial blogspot tentang cara membuat kolom baru diatas postingan blogspot. Semoga tutorial desain temlate blogspot kali ini bermanfaat untuk Sahabat Pucanglaban.

Dikutip dari: berbagai sumber
 


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