6 Langkah Formula SEO

Agar bisa mencapai tingkatan yang tinggi dalam SEO, tentunya kita harus lah rajin dalam menulis artikel. Dan tentu saja, artikel harus dibuat semenarik mungkin serta bermanfaat untuk orang banyak. Oke disini akan saya beri 6 Formula SEO yang bisa mengubah hidup Anda hahaha. Bukan, tentunya formula ini akan bermanfaat untuk kalian yang ingin berhasil mencapai peringkat teratas di Google. Simak yaa.

1. Artikel atau Kata Kunci Artikel yang Sempurna

Terlalu banyak kata kunci, dapat membunuh sebuah artikel lebih cepat dari pada peluru Langkah pertama sangatlah mudah. Jangan khawatir dengan kepadatan kata kunci dan ingat untuk menulis dengan asli konten yang mengalir bebas. Ok, let it flow~

2. Judul

Optimasi kata kunci masih ada selain dengan langkah yang pertama. Membuat kepadatan kata kunci akan meringankan masalah konten yang tidak asli. Kata kunci adalah cara termudah untuk sebuah mesin pencari untuk menghubungkan lalu lintas ke situs yang mereka cari. Tempatkan kata kunci dalam judul sedekat mungkin dengan kata kunci yang sering dicari orang untuk membantu mesin pencari menemukan website atau blog.

3. Gambar Lebih Bernilai Daripada Ribuan Kata

Server tidak membaca gambar. Tetapi dia membaca deskripsi yang diletakkan di dalam tag. Penempatan kata kunci di dalam tag alt gambar adalah cara lain mesin pencari dapat menemukan konten Ada dan dapat membawa artikel Anda ke dalam traffic mesin pencari yang sempurna atau blog yang layak.

4. Optimalkan h1

Header 1 adalah tempat yang sangat baik untuk menempatkan kata kunci. Hal ini juga mungkin bisa membuat indeks H2 dan H3 menjadi meningkat. Jadi jangan lewatkan kesempatan untuk mendapatkan artikel yang sempurna atau posting blog yang menarik. Menempatkan kata kunci di daerah ini membutuhkan sedikit perencanaan. Pikirkan terlebih dahulu untuk membuat konten yang sempurna, header, dan optimasi kata kunci.

5. Penempatan Kata Kunci

Tempatkan kata kunci di judul, kata kunci di H1 subtitle Anda, kata kunci dalam teks alt artikel Anda atau kalimat di paragraf pertama dan terakhir di blog, dan tentu saja, gambar Anda. Setelah Anda memiliki ini 5 kata kunci di tempat, satu di setiap paragraf atau dalam setiap kalimat lain yang lebih dari cukup dan tidak terlalu banyak. Dan jangan lupa untuk menulis alami.

6. Jawab Pertanyaan Ini

Setelah diformat dan dioptimalkan, tanya kepada diri sendiri.

    Apakah artikelmu menarik?
    Apakah artikelmu informatif?
    Apakah artikelmu menjawab pertanyaan yang sering muncul?
    Apakah ada sesuatu yang berharga untuk pembaca?
    Apakah artikelmu asli?


Jika semua dijawab YA, berarti Anda memang hebat karena sudah menerapkan formula SEO yang sangat luar biasa. Dan sebenarnya masih ada 1 lagi formulanya, untuk membuat artikel yang sempurna, tentu saja harus perbanyak latihan

Radiasi Smartphone Berbahaya Lho.. Yuk kita Hindari..

Smartphone saat ini sudah menjadi gadget wajib yang dibawa oleh banyak orang, mulai dari anak-anak hingga orang tua. Namun tahu kah Agan bila menggunakan smartphone dengan cara yang salah bisa menimbulkan masalah kesehatan parah seperti tumor hingga kanker?

Gambar Hanya Iustrasi | Image Courtesy of : linssky.com

Ya, menurut penelitian dari Departemen Kesehatan New York di awal tahun ini, terdapat sekitar 725 kasus tumor berbahaya (dari 53.000 kasus) yang menyerang otak dan saraf warganya dari tahun 2006 sampai 2010. Ratusan kasus itu ditengarai berkaitan dengan semakin meningkatnya penggunaan ponsel dan smartphone.

Meski sampai saat ini belum ada penelitian spesifik yang membuktikan keterkaitan antara kemunculan tumor atau kanker dengan radiasi dari smartphone, tentu akan lebih baik bila kita sebagai pengguna melakukan langkah antisipasi. Berikut adalah enam langkah preventif yang bisa dilakukan untuk menghindari bahaya radiasi smartphone.

1. Pakai Headset Bluetooth


Gambar hanya ilustrasi | Image Courtesy of : merdeka.com

Cara pertama tentu saja mengurangi pemakaian smartphone di daerah sekitar kepala, misalnya saat melakukan panggilan. Dan headset Bluetooth adalah perangkat tambahan yang paling disarankan oleh ahli untuk mengurangi paparan radiasi dari smartphone.

Jika Agan masih belum terbiasa menggunakan headset Bluetooth dalam waktu yang lama, sebaiknya Agan mulai mencobanya untuk panggilan-panggilan dengan durasi waktu lama.

Memakai headset Bluetooth juga sangat disarankan di menit-menit awal jika Agan merasa kurang nyaman memakainya terus menerus. Menit-menit awal panggilan adalah saat di mana radiasi smartphone paling banyak dikeluarkan.

2. Pilih Chatting Atau Voice Chat Ketimbang Telepon


 Gambar hanya ilustrasi | Image Courtesy of : iconfinder.com


Kini banyak sekali aplikasi chatting yang sudah menawarkan fitur pesan suara atau voice chat untuk menggantikan fungsi panggilan pada smartphone. Agan juga bisa memilih SMS dan chatting saja ketimbang harus membuat panggilan untuk hal-hal yang tidak terlalu penting.

Selain lebih menghemat biaya pulsa, langkah ini dapat mengurangi paparan radiasi karena pengguna akan cenderung memegang smartphone jauh dari kepala. Ingat, mengurangi frekuensi membuat panggilan adalah hal utama yang bisa mengurangi bahaya radiasi.

3. Simpan Smartphone di Tas Khusus dan Beri Casing Tambahan


Gambar hanya ilustrasi | Image Courtesy of : merdeka.com

 Saran ini mungkin sering kali Agan dengar di kehidupan sehari-hari. Tetapi, ternyata sangat sedikit sekali orang yang mengikuti saran ini, kerena banyak pengguna kerap merasa menyimpan smartphone di kantong celana dan kemeja memudahkan mereka untuk meraih smartphone.

Tetapi, beberapa penelitian menunjukkan bila radiasi smartphone dapat menyebabkan kanker atau menurunnya kualitas sperma. Oleh sebab itu sangat disarankan untuk menyimpan smartphone di tas kecil yang kini banyak dijual serta menambah casing luar.

Selain melindungi dari benturan atau potensi smartphone jatuh, penambahan casing dapat mengurangi paparan radiasi dan menjauhkan smartphone dari bagian tubuh yang berpotensi terkena dampak radiasi.


4. Hindari Penggunaan Smartphone Berlebihan Saat Diperjalanan

 gambar hanya ilustrasi | Image Courtesy of : merdeka.com

Saat traveling atau bepergian banyak orang yang cenderung beralih ke smartphone untuk menghindari kebosanan. Akan tetapi hal ini sejatinya sangat tidak disarankan, apalagi untuk melakukan panggilan.

Posisi Agan yang terus berubah-ubah dan melewati banyak tower seluler sepanjang perjalanan dapat meningkatkan jumlah radiasi yang dikeluarkan oleh smartphone. Hal ini akibat usaha ekstra smartphone untuk mendapatkan sinyal ke sumber jaringan terdekat.

'Larangan' tersebut juga berlaku saat di perjalanan Agan mendapati smartphone hanya mendapat sinyal yang minim. Saat sinyal yang didapat sedikit, smartphone akan mengimbanginya dengan meningkatkan pancaran sinyal yang berujung pada bertambahnya paparan radiasi.

5. Isi Daya Smartphone ditempat Yang Jauh Dari Jangkauan


 Gambar hanya ilustrasi | Image Courtesy of : merdeka.com

Apakah Agan termasuk orang yang mengisi daya smartphone di samping tempat tidur di malam hari? Jika iya, Agan sebaiknya mulai meninggalkan kebiasaan itu.

Sebab, kita tidak bisa mengawasi secara langsung apa yang terjadi pada smartphone saat kita mengisi ulang dayanya. Ada kalanya si smartphone akan mengeluarkan radiasi tinggi saat menerima banyak notifikasi. Oleh karena itu, sangat disarankan untuk mengisi ulang daya smartphone di tempat-tempat yang jauh dari jangkauan kita dan keluarga, terutama anak-anak.

Tubuh anak-anak yang masih masuk tahap perkembangan dianggap lebih rentan terkena dampak buruk radiasi ketimbang orang dewasa.

6. Jangan Gunakan Perangkat Anti Radiasi


 Gambar hanya Ilustrasi | Image Courtesy of : merdeka.com

Dengan semakin meningkatnya kesadaran orang akan bahaya radiasi smartphone, banyak pihak yang mulai memproduksi alat tambahan yang diklaim dapat melindungi pengguna dari radiasi smartphone mereka, salah satunya dengan stiker anti radiasi.

Selain setelah stiker anti radiasi, muncul casing anti radiasi. Perangkat tambahan ini memang bisa mengurangi radiasi yang diterima oleh pengguna, tetapi casing itu juga dapat membatasi sinyal yang masuk dan justru menghambat panggilan.

Hal ini justru dapat membuat kita melakukan panggilan lebih sering dan meningkatkan resiko terkena radiasi dari smartphone kesayangan.

Memasang widget popular post berwarna warni

Popular post adalah salah satu widget yang disediakan oleh blogger bagi memaparkan posting yang popular pada sesuatu bulan,minggu atau sepanjang masa.Anda boleh memilih bagaimana ia akan dipaparkan.Tutorial ini adalah cara untuk mengubahsuai paparannya dalam bentuk yang berwarna warni.

Langkah bagi membuatnya:

1.Masuk ke blogger dan masukkan widget popular post pada blog anda
   Pada dashboard pilih Layout>>Add A gadget

2.Pilih popular post dari senarai tersebut dan namakan widget tersebut dengan perkataan yang anda inginkan.

3. Kemudian pada template pilih Edit HTML

4.Cari kod ]]></b:skin> gunakan CTRL+F
Kemudian letakkan kode berikut ini diatasnya

#PopularPosts1 ul{margin:0;padding:4px 0;list-style-type:none}
#PopularPosts1 ulli{position:relative;margin:4px 0;border:0;padding:10px}
#PopularPosts1 ulli:first-child{background:#ff4c54;width:90%}
#PopularPosts1 ulli:first-child:after{content:"1"}
#PopularPosts1 ulli:first-child + li{background:#ff764c;width:87%}
#PopularPosts1 ulli:first-child + li:after{content:"2"}
#PopularPosts1 ulli:first-child + li + li{background:#ffde4c;width:84%}
#PopularPosts1 ulli:first-child + li + li:after{content:"3"}
#PopularPosts1 ulli:first-child + li + li + li{background:#c7f25f;width:81%}
#PopularPosts1 ulli:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ulli:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ulli:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ulli:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}
#PopularPosts1 ulli:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ulli:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}
#PopularPosts1 ulli:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ulli:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}
#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}
#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ulli:first-child:after,
#PopularPosts1 ulli:first-child + li:after,
#PopularPosts1 ulli:first-child + li + li:after,
#PopularPosts1 ulli:first-child + li + li + li:after,
#PopularPosts1 ulli:first-child + li + li + li + li:after,
#PopularPosts1 ulli:first-child + li + li + li + li + li:after,
#PopularPosts1 ulli:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts1 img{
-moz-border-radius: 130px;
-webkit-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
padding:4px;
border:1px solid #fff !important;
}
#PopularPosts1 img:hover {
border-radius: 0 0 0 0;
-moz-transform: scale(1.2) rotate(-711deg) ;
-webkit-transform: scale(1.2) rotate(-711deg) ;
-o-transform: scale(1.2) rotate(-711deg) ;
-ms-transform: scale(1.2) rotate(-711deg) ;
transform: scale(1.2) rotate(-711deg) ;
}


5.Klik pada preview template untuk melihat paparannya.
6.Klik pada save template 

Cara Meningkatkan Traffic Dengan Search Engine

Bila Anda punya produk yang bagus, mungkin tidak banyak orang yang tahu jika tidak dipromosikan. Baik melalui social media atau SEO.  Anda masih perlu untuk mendapatkan pelanggan ke website Anda – terutama jika Anda menjalankan e -commerce.

Dalam artikel ini,  terdapat beberapa cara untuk menaikkan ranking di google, atau bisa kita sebut cara efektif menaikkan ranking melalui SEO. Berikut tips nya :

1. Fokus pada Long Tail Keyword

Jika Anda membuat situs baru , pastinya sangat sulit untuk mengambil kata kunci populer dengan cepat. Akan lebih baik jika Anda menulis banyak artikel yang kualitas pada kata kunci yang sangat spesifik daripada mengejar keyword berpencarian banyak. Manfaat lain yang  didapat dari tetap fokus dengan long tail keyword adalah biasanya keyword-keyword tersebut dapat memberikan angka konversi lebih baik.

2. Konsisten

Semakin lama situs Anda berada di dalam niche bisnis Anda dan menghasilkan konten online kualitas, semakin besar pula kemungkinan Anda untuk keluar di hasil pencarian untuk semua kata kunci yang terkait. Memulai sebuah blog dan membuat banyak artikel adalah hal yang baik dan bagus, tetapi menjaga kegiatan tersebut selama bertahun-tahun akan berbeda dengan blog yang baru berusia sebulan ( atau seminggu ).

3. Optimalkan Artikel Anda

Ada tiga hal utama pada halaman web Anda yang harus dioptimalkan yaitu  : meta Title , description dan keyword. Ini adalah suatu hal yang sederhana dan dapat dilakukan ketika Anda menerbitkan sebuah konten pada situs Anda. Memang Anda pasti butuh waktu untuk melakukannya setiap mempublish artikel, tetapi manfaatnya besar.

4. Jangan Lupakan Tentang  Link Building ( yang etis )

Link building adalah dasar dari off-page untuk optimasi mesin pencari. Bagian yang terbaik adalah bahwa link bisa bebas Anda tempatkan di mana saja. Cobalah minta vendor, mitra, press, klien, almamater dan sumber lain yang kredibel sehingga Anda bisa menanamkan kata kunci (keyword) dan hyperlink kembali ke situs Anda untuk keyword yang Anda targetkan. Jika sumber Anda memiliki page rank tinggi, Anda akan melihat kenaikan peringkat Anda dalam waktu kurang dari dua bulan.

5. Gunakan Google Keyword Tool (sekarang google keyword planner)

Gunakan tool dari Google untuk mencari long tail keyword yang tidak kompetitif. Jika Anda berada di niche kompetitif, ini adalah cara yang bisa Anda mulai.

6. Berikan Value untuk Pembaca Anda

Jika ingin meningkatkan pencarian organik Anda dari search engine, content marketing  melalui guest posting adalah cara tercepat untuk membangun traffic yang besar. Anda perlu mengetahui bahwa content marketing  adalah tentang kualitas dan bukan kuantitas. Jika Anda memiliki konten yang jelek, orang tidak akan mau meluangkan waktu untuk membaca atau membaginya. Oleh karena itu, ketika menulis konten, cobalah untuk selalu bertanya pada diri sendiri apakah Anda (jika menjadi pembaca) akan meluangkan sepuluh menit untuk membacanya ? Apakah saya mau membaginya dengan orang lain ? Jika Anda pikir konten Anda jelek cobalah untuk mengeditnya kembali.

7. Jangan Coba-coba untuk Mengakali Google

Jika Anda mencoba mengakali Google mungkin itu akan berjalan untuk sementara, tetapi bukan strategi yang baik untuk jangka panjang. Untuk meningkatkan traffic pencarian organik, Anda harus menghasilkan konten papan atas yang relevan dengan apa yang mungkin dicari oleh user Anda. Periksa Google Keyword Tool / Google Keyword planner untuk memastikan Anda menggunakan keyword yang benar.

8. Pikirkan SEO sebagai Kesempatan untuk Menciptakan Value

SEO bukan permainan. Setidaknya itu bukan permainan yang bisa Anda menangkan dalam jangka panjang jika Anda menganggapnya sebagai permainan. Buatlah konten yang memiliki value dan Google akan menganggap artikel Anda layak dicari. Pengunjung lebih cenderung untuk berbagi konten yang mereka nikmati untuk dibaca dan akan berada di situs Anda lebih lama, sedangkan blogger, media dan orang-orang di industri Anda bisa menggunakan situs Anda sebagai referensi, yang berarti lebih banyak link organik.

9. Turunkan Bouncing Rate

Ada satu hal yang tidak disukai mesin pencari, yaitu tingkat bouncing yang tinggi. Periksa kata kunci Anda, dan cobalah mengoptimalkan halaman tersebut untuk mengurangi tingkat bouncing Anda. Search engine akan mencintai Anda untuk hal tersebut.

10. Menghasilkan Konten berkualitas

Search engine akan memberikan reward kepada orang-orang dan perusahaan yang membuat konten berkualitas tinggi dan konsisten dalam melakukannya. Hal-hal seperti author rank di Google+ akan memiliki pengaruh besar pada hasil pencarian organik. Cobalah untuk tidak hanya membuat konten dan mempublikasikannya secara online, tetapi juga untuk dapat memaksimalkan nilai dari konten tersebut sehingga bisa didistribusikan dengan baik di seluruh channel distribusi dan memiliki kesempatan untuk menjadi viral.

11. Membuat Blog Perusahaan untuk Meningkatkan Traffic SEO

SEO adalah raja di lalu lintas pencarian organik. Semakin banyak keyword yang populer dalam niche Anda, semakin banyak juga pencarian organik yang mengarah ke situs Anda. Ini termasuk terlalu banyak teks pada halaman utama situs Anda yang bisa saja dapat membahayakan situs Anda daripada membuatnya menjadi baik. Hal ini juga dapat membuat konsumen kesulitan untuk menemukan informasi yang mereka inginkan. Daripada menghapusnya dari situs Anda, cobalah untuk memulai sebuah blog terpisah sebagai pekerjaan SEO tambahan. Gunakan blog untuk menulis tentang niche Anda, apakah itu konstruksi, kecantikan atau hiburan. Cobalah untuk melakukan penelitian kata kunci untuk mengetahui frasa yang sedang tren dalam industri Anda dan masukkan mereka dalam posting blog.

12. Berkolaborasi dengan industry experts sebagai daya ungkit (leverage)

Semua orang suka opini dari ahli. Anda akan terkejut betapa mudahnya Anda bisa meyakinkan para pemimpin industri untuk berkontribusi dalam membuat guest posting ke blog Anda. Mereka akan memiliki pembaca mereka sendiri, dan orang-orang akan menjadi akrab dengan merek Anda. Para industry expert cenderung menghasilkan konten yang memiliki value yang akan menarik bagi user dan pembaca yang ada.

13 . Buat sebuah Komunitas

Menjawab pertanyaan-pertanyaan dari komunitas Anda sangat penting untuk meningkatkan lalu lintas website Anda dari Google. Anda harus menjadi brand yang terpercaya di niche Anda. Jika komunitas banyak mengajukan pertanyaan, tentunya proses tanya jawab tersebut akan memberikan konten berkualitas tinggi, berharga dan berguna. Google sangat memperhatikan hal ini. Bila Anda memberikan jawaban atas pertanyaan komunitas Anda, Google akan meningkatkan peringkat situs Anda. Anda tentu juga menciptakan loyalitas dalam komunitas Anda dan peringkat yang baik di Google pada waktu yang sama. Itu adalah situasi yang memberikan win- win solution.

Ternya Google Juga Bisa Dipakai Untuk Kalkulator

Baru Tahu Ternya Google Juga Bisa Dibikin Kalkulator, nama Google sudah tidak asing lagi dalam kehidupan anda, sering sekali anda menjumpai google bahkan setiap detik, bahkan sekang juga berjuta-juta orang sedang mengakses google. Tapi ada hal yang belum anda ketahui tentang google yang satu ini, ternyata google juga bisa dipakai untuk kalkulator. Tampilan kalkulator google nya pun sangat bagus dan komplit. Awalnya saya iseng-iseng sembarang ngetik 9+7 di google . Karena kalo orang sudah didepan komputer pasti ngga bisa mikir penjumlahan, hehe jadi pakainya yang praktis aja. Coba anda ketik di google.com "9+7" pasti sudah langsung ada hasilnya, begitupula dengan bilangan yang lainnya. Selamat mencoba.

Cara Memperpendek URL Agar URL Lebih Singkat

Cara Memperpendek URL Agar URL Lebih Singkat dengan goo.gl gratis, Cara membuat link pendek dengan goo.gl mudah.

goo.gl adalah layanan gratis yang telah disediakan oleh google buat mempersingkat URL atau alamat web/blog anda. Jadi bagi yang suka dengan yang URL pendek atau singkat-singkat, maka tak ada salahnya untuk mencoba layanan yang satu ini cara ini sangatlah mudah.

1. Kunjungi http://goo.gl/
2. Masukan URL yang akan disingkatkan/dipendekan URLnya

3. Klik "shorten URL", tunggu sampai proses selesai, dan copy URL yang sudah jadi, tekan CTRL+C
4. Selesai

Memperbaiki Lightbox Yang Muncul Tidak Sempurna

Ternyata saya sudah menemukan solusi Lightbox yang muncul tidak sempurna, maksudnya lightboxnya sih muncul tapi gambarnya bertumpukan, seperti yang saya alami sebelumnya, setelah oprak-oprek akhirnya lightbox yang muncul tidak sempurna ada solusinya, inilah contoh lightbox yang muncul tidak sempurna atau gambarnya bertumpukan.

Itulah salah satu contoh lightbox yang muncul tidak sempurna atau gambarnya bertumpukan, mungkin jika sobat mengalami hal seperti saya di atas disini ada solusinya, caranya gampang tidak usah menambahkan kode CSS, HTML, ataupun Javascript, solusinya hanya dengan memakai mouse dan tidak usah liat kode yang gak penting itu, haha

Bagi yang sudah memakai CSS responsive, lightbox ini tidak muncul dengan sempurna, kenapa ?, karena template yang sudah dilengkapi dengan kode CSS responsive tampilannya berbeda, contohnya satu halaman itu full post, sidebar ke bawah, dan lightbox ini muncul paling bawah, tadinya saya juga memakai kode CSS responsive, tapi karena melihat tampilah lightbox ini jadi pikirang pengen memilikinya, langsung saja saya memutuskan untuk memakai lightbox ini, sebetulnya lightbox ini bukan buatan saya melainkan buatan kak Djogzs, oke langsung saja ke tutorialnya.

1. Login ke Blogger.com
2. Masuk ke Setelan --> Post dan Komentar pada baris ke 4 ada kalimat "Tampilkan gambar dengan Lightbox ?"
3. Pilih "TIDAK" karena sudah memakai kode CSS lightbox yang lebih keren.
4. Jika sobat belum mengerti dengan cara teks di atas, lihatlah gambar dibawah ini:

Jika anda tertarik dengan memasang kode CSS lightbox ini, silahkan baca artikel selanjutnya di http://yoga-tc.blogspot.com/2013/07/cara-membuat-lightbox-dengan-jquery-di.html

Saya pikir postingan kali ini sudah cukup jelas, dan bila ada yang ingin ditanyakan dilahkan komentar dibawah, insya Allah jika saya tau, saya akan kasih solusinya, sampai ketemu di postingan selanjutnya.

Cara Membuat Halaman Posting dan Komentar Dalam Tab View

Kali ini saya akan berbagi tentang Cara Membuat Halaman Posting dan Komentar Dalam Tab View cara ini sangatlah mudah, namun harus teliti dalam mengerajakannya, kalau tidak teliti nanti bisa-bisa kode yang lainnya kehapus, dan tidak akan berfungsi, ok langsung saja tutorialnya.

DEMO

1. Cari kode yang mirip ini :

<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>

Untuk lebih jelasnya lagi lihat gambar dibawah ini (klik gambar untuk memperjelas):

Lalu ganti kode di atas dengan kode dibawah ini:

<div class='post-outer'>
    <div class='testsaja'>
  <input checked='checked' id='s1' name='s' type='radio'/>
  <input id='s2' name='s' type='radio'/>
  <div class='tabs'>
  <label for='s1'>Post</label>
  <label for='s2'>Komentar</label>
  </div>
 <ul class='sections'>
   <li><b:include data='post' name='post'/></li>
    <li><b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comment_picker'/>
       </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
          </b:if></li>
</ul></div></div>

2. Selanjutnya tambahkan kode dibawah ini diatas kode ]]></b:skin>

input[type="radio"] {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.comments .comments-content .comment-thread li, .comments .comments-content .comment-thread ol {
display:block !important
}
.tabs {
    font-size: 0;
    height: 27px;
    position: relative;
    white-space: nowrap;
    z-index: 999;
}
.tabs label {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 6px 20px;
    text-transform: uppercase;
    vertical-align: bottom;
}
.tabs label:first-child {
    margin-left: 0;
}
.tabs label:hover {
    background-color: #DDDDDD;
}
input:nth-child(1):checked ~ .tabs label:nth-child(1), input:nth-child(2):checked ~ .tabs label:nth-child(2), input:nth-child(3):checked ~ .tabs label:nth-child(3), input:nth-child(4):checked ~ .tabs label:nth-child(4) {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: none;
    color: #000000;
    padding: 6px 20px;
}
.sections {
}
.sections li {
    display: none;
    height: auto;
}
input:nth-child(1):checked ~ .sections li:nth-child(1), input:nth-child(2):checked ~ .sections li:nth-child(2), input:nth-child(3):checked ~ .sections li:nth-child(3), input:nth-child(4):checked ~ .sections li:nth-child(4) {
    display: block;
}

3. Agar TAB tersebut tidak muncul di homepage tambahkan kode css ini diatas kode </head>

<b:if cond="data:blog.pageType != &quot;static_page&quot;">
<b:if cond="data:blog.pageType != &quot;item&quot;">
<style type="text/css">
.tabs  {display:none !important}
.sections li {display:block !important;}
</style>
</b:if>
</b:if>

4. Simpan Template, dan lihat hasilnya didalam postingan, selamat mencoba dan semoga berhasil
Source : http://maz-waone.blogspot.com/2013/06/membuat-halaman-posting-dan-komentar.html