Cara Membuat Scrol Box di Halaman Posting

Cara membuat Scrol Box di Halaman Posting - Terkadang jika kita ingin memanjakan pembaca, kita harus melakukan berbagai macam cara agar pembaca tidak jenuh dengan blog yang sedang di baca. Terlebih jika yang kita posting adalah jenis tulisan CSS atau Java Script. Ini akan membutuhkan halaman atau tempat yang sangan panjang jika kode CSS atau HTML yang akan di tampilkan sangan banyak. Dan untuk menghemat tempat ada salah satu cara yaitu dengan membuat scrol box.

Di sini Belajar Blog ingin sedikit berbagi Bagai mana Cara Membuat Scrol Bok di Halaman Posting .

Untuk Contohnya silahkan anda lihat Di sini.

Nah bagai mana caranya kita ikuti langkah-langkahnya.
  • Buat postingan seperti biasa dulu.
  • jika sudah selesai centang atau pindah ke Edit HTML
  • tambahkan kode ini sebelum paragraf atau tulisan yang akan dimasukkan kedalam scrol box
<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #cecece">
  • Letakkan kode </div> setelah akhir dari tulisan yang akan dimasukkan dalam srol box.
  • Selesai dan terbitkan
Bagaimana, Mudah bukan. Untuk lebih jelasnya lihat contoh ini

<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #cecece">

LETAKKAN TULISAN SOBAT / APAPUN DISINI 
INI ADALAH CONTOH MEMBUAT SCROL BOX 
DIDALAM POSTINGAN

 </div>

Keterangan : untuk tulisan yang berwanna merah bisa anda ganti sesuai selera anda.

Demikian tadi Cara Membuat Scrol Box di Halaman Posting. Semoga bisa bermanfaat.

Cara Verifikasi Blog di Google Web Master

Cara Verifikasi Blog di Google Web Master - Mendaftarkan atau verifikasi blog di google webmaster adalah tahapan semi-penyempurnaan yang di lakukan setelah menambahkan atau add url ke google. Berikit ini Belajar Blog ingin berbagi bagaimana cara memverifikasi atau mendaftarkan blog kita di google.

Tujuan mendaftar ke google webmaster tools adalah untuk verifikasi/verify ownership yang menandakan blog milik Anda dengan kode tertentu. Kode verifikasi yang paling umum di gunakan pada blogspot biasanya kode html meta tag. Meta tag ini yang akan dijadikan sebagai penanda kepemilikan blog Anda untuk di crawl dan di index pada SERP (Search Engine Result Pages), jadi jika blog Anda terdaftar di google webmaster tools akan lebih berpeluang muncul di halaman hasil pencarian.


Banyak fitur bermanfaat yang dapat Anda gunakan dari halaman webmaster tool, tetapi Saya tidak akan menjelaskannya disini, karena nanti setelah Anda terdaftar di google webmaster tools Anda juga akan mengetahuinya sendiri.

Berikut ini adalah langkah-langkah mendaftar dan verifikasi blog di google webmaster tools:
  1. Login ke google webmaster tools
  2. Masukkan url blog anda : http:// namabloganda.blogspot.com misalnya: http://diarykudiblog.blogspot.com/ kemudian klik Add a site
  3. Klik Verify your site
  4. Selanjutnya pada bagian "choose verification method" pilih "Add a meta tag", maka akan muncul kode html meta tag untuk blog Anda
  5. Copy meta tag yang muncul tadi dan tempatkan pada template blog Anda. Caranya: login ke blogger.com dengan account Anda ->Pilih Dashboard -> Design -> Edit html Centang Expand template widget ->Paste meta tag google webmaster tadi tepat setelah kode <head> ->Save Template
  6. Kembali ke halaman google webmaster tools, Klik Verify sampai muncul pesan succes.

Sekarang account dan blog Anda sudah berhasil terdaftar dan ter verifikasi di google webmaster tools. 

Tahap selanjutnya adalah penyempurnaan acces google dalam meng-crawl seluruh halaman blog Anda agar menjadi mudah, google memerlukan sitemap blog Anda untuk mengetahui secara otomatis ketika setiap kali ada update terbaru di blog Anda. Untuk itu Anda perlu melakukan submit sitemap ke google webmaster tools. 

Demikian tadi Cara Verifikasi Blog di Google Web Master. semoga bermanfaat.

Cara Membuat Read More di Blog


Cara Membuat Read More Otomatis di Blog -  Terkadang bila kita melihat sebuah blog yang dalam beranda cuma ada satu postingan , kita akan merasa jenuh. Dan untuk menampilkan beberapa posting dalam halaman baranda merupakan salah satu trik untuk memperlihatkan dan membuat pembacalebih merasa nyaman. Untuk itu di butuhkan pemenggal atau pemutus kalimat atau postingan. Dalam dunia Blog, Kata yang paling tepat yang biasa digunakan adalah READ MORE.
Dan berikut ini salah satu contoh dalam membuat READ MORE otomatis.
Pertama, silahkan menuju menu DESIGN -> Edit HTML, centang Expant Template Widget.
Jangan lupa save template/simpan terlebih dahulu..!!

Cari kode</head> kemudian letakan script dibawah ini di atas kode </head>  

Langsung copy paste aja kode dibawah ini:



<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

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

Kode Warna Biru berfungsi agar halaman statis tidak ikut terpenggal seperti halaman HOME.



Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Save template.

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah
letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti
dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
Untuk Bagian yang disorot kuning Left bisa diganti dengan right.
Dan Untuk <data:post.title/> bisa anda hapus jika tidak ingin menampilkan judul 
Selesai dan Lihat hasilnya.

Untuk Tulisan READ MORE bisa anda ganti dengan Button dengan memasukkan URL button yang anda punya.

Contoh : <img src='URL Button Anda'/>

Demikian cara Membuat Read More Otomatis Di Blog. Semoga bermanfaat

Cara meningkatkan PageRank dan Memperbanyak BackLink

Cara meningkatkan PageRank dan Memperbanyak BackLink - memang secara konsep tidak terlalu sulit asalkan kita bisa konsisten dalam mengerjakannya. Paling tidak kita bisa mengupdate kontent kita secara berkala. Tetapi disamping cara tersebut, kita juga bisa melakukan sebuah cara yang lumayan mudah dalam membantu meningkatkan PageRank dan Memperbanyak BackLink. Cara ini saya ambil dari beberapa sumber yang intinya adalah sama.
Cara ini saya baca ketika berkunjung di blog sahabat, kemudian saya lihat widget alexa yang terpampang di sidebar blognya. Hmmmmmmmmm…. backlinknya banyak sekali, hingga puluhan ribu. Sudah lama sebenarnya saya menemukan posting seperti ini, namun dulu saya sanksi apakah benar cara ini bisa berhasil menaikkan PR dan backlink. Setelah saya membacanya kembali dan masih kurang yakin atas backlink yang saya lihat di alexa-nya sayapun kembali agi mengunjungi blog-blog yang telah mengikuti cara ini. Dan ternyata benar, blog-blog yang menerapkan cara ini PR meningkat namun yang paling menonjol adalah backlink yang dimiliki blog-blog tersebut sungguh banyak sekali.
Jika kita memiliki PR yang bagus dan backlink yang banyak, maka sangat cocok jika kita ikut program semacam paid reviews. Saya sungguh menyesal tidak menerapkan cara ini sejak dulu. Lebih baik terlambat daripada tidak sama sekali. Karna saya ingin memoneytizekan blog ini ke program paid reviews.
Caranya sangatlah gampang, anda hanya tinggal copy link yang berada di bawah ini dengan syarat anda harus menghapus link pada peringkat 1 dari daftar, lalu pindahkan yang tadinya nomor 2 menjadi nomor 1, nomor 3 menjadi nomor 2, nomor 4 menjadi nomor 3, dst. Kemudian masukan link blog anda sendiri pada urutan paling bawah ( nomor 10). Dan silahkan ajak teman anda untuk mengikuti cara ini serta sebarkan cara ini ke banyhak teman-teman anda.

  1. alfacroon
  2. Trik-Gue
  3. Pabrik Info
  4. WordPress Paper’s
  5. bootingskoBlog
  6. YogaPeRez’Blog
  7. Peluang Bisnis
  8. Sharing Seputar Komputer dan Informasi Terbaru Bisnis Online
  9. Tips n Trik dan Info Terkini
  10. Belajar Blog
Keterangan: Jika anda mampu mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:
  • Posisi 10, jumlah backlink = 1
  • Posisi 9, jumlah backlink = 5
  • Posisi 8, jumlah backlink = 25
  • Posisi 7, jumlah backlink = 125
  • Posisi 6, jumlah backlink = 625
  • Posisi 5, jumlah backlink = 3,125
  • Posisi 4, jumlah backlink =15,625
  • Posisi 3, jumlah backlink = 78,125
  • Posisi 2, jumlah backlink = 390,625
  • Posisi 1, jumlah backlink = 1,953,125
Dan nama dari alamat blog dapat dimasukan kata kunci yang anda inginkan yang juga dapat menarik perhatian untuk segera diklik. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline mengklik link anda maka anda juga mendapat traffic tambahan.
Saya sarankan anda mencoba cara ini dan silakan copy sebarkan artikel ini ke teman-teman anda. Hilangkan link nomor 1 dan masukan alamat blog anda pada nomor 10. Buktikan sendiri hasilnya setelah itu baru kementar.

Catatan : Artikel ini harus permanen selamanya di blog anda, anda tidak boleh menghapusnya agar sama-sama menguntungkan. Untuk mempercepatnya, anda bisa Copas artikel ini dan langsung pasang di blog anda

Demikian Tips tentang  Cara meningkatkan PageRank dan Memperbanyak BackLink kali ini. Semoga bisa bermanfaat.

10 Aplikasi Browser Untuk Smartphone dan Tablet

10  Aplikasi Browser Untuk Smartphone dan Tablet - Di saat browser bawaan ponsel tidak bisa berjalan sesuai dengan keinginan kita. Banyak hal yang bisa kita lakukan tanpa membuang ponsel Anda. Gunakan browser-browser pihak ketiga. Meski memiliki banyak persamaan, browser-browser ini memiliki ciri khas yang bisa dimanfaatkan untuk browsing internet via ponsel dengan lebih nyaman.

1. Opera Mini & Opera Mobile

Siapa yang tidak kenal dengan browser yang satu ini. Opera Mini memang masih menjadi pilihan utama pengguna perangkat bergerak (mobile devices) ketika berpikir untuk menambahkan alternatif aplikasi browser disamping browser bawaan. Pada peluncuran versi terbaru, Opera Mini 6 dan Opera Mobile 11, bulan Maret yang lalu saja, tercatat kedua aplikasi ini telah digunakan pada lebih dari 3000 jenis perangkat oleh 100 juta pengguna di seluruh dunia.

Alasan utama banyaknya pengguna memilih Opera Mini disebabkan oleh teknologi kompresi  Opera yang mampu mengurangi jumlah data hingga 90% tanpa mengorbankan pengalaman berinternet pengguna tersebut. Hal ini selain berefek pada pada jumlah dana yang harus dikeluarkan juga membuat pengguna merasakan pengalaman berinternet yang lebih cepat.

Perbedaan antara Opera Mini dan Opera Mobile adalah Opera Mini menawarkan teknologi kompresi yang mumpuni sementara Opera Mobile sejatinya adalah Opera browser untuk perangkat bergerak sehingga browser ini menawarkan pengalaman berinternet layaknya menggunakan PC lengkap dengan fitur ciamik semisal dukungan HTML5.
Developer : Opera Software ASA
Download : http://www.opera.com/mobile/download/
2. Dolphin Browser™ HD & Mini
Konsep browser yang satu ini adalah bagaimana mengubah cara Anda berselancar di dunia maya. Jika sebelumnya penggunalah yang harusmenyesuaikan diri dengan aplikasi, Dolphin berusaha memutar balik kondisi tersebut. Pengguna dapat dengan mudah menuju ke sebuah situs hanya dengan menggambar sebuah bentuk pada layar menggunakan ujung jari. Misalnya tulis huruf P pada layar untuk menuju ke situs www.tabloidpulsa.co.id.

Dolphin Browser juga  memiliki fitur add-ons sehingga Anda dapat menambahkan add-ons ke browser ini sesuai kebutuhan. Sering lupa password? Tambahkan add-on “Password Manager” atau download add-on “Shiny Shake” untuk memberi tampilan baru pada Dolphin browser Anda. Saat ini tersedia lebih dari 50 jenis add-on dan jumlahnya akan terus bertambah. Sejauh ini tercatat lebih dari 8 juta download untuk Dolphin Browser yang tersedia dalam 16 bahasa berbeda.
Developer : MoboTap
Download : https://market.android.com/details?id=mobi.mgeek.TunnyBrowser
https://market.android.com/details?id=com.dolphin.browser
3. Skyfire Web Browser
Skyfire tersedia untuk perangkat dengan sistem operasi Android dan iOS. Aplikasi ini berusaha menutup celah yang dimiliki oleh browser bawaan terutama Safari milik iOS yang terkenal tidak mendukung Flash player. Sejatinya aplikasi Skyfire web browser untuk iOS men-translate video berormat Flash ke dalam format yang lebih bersahabat dengan iOS menggunakan cloud computing platform yang dimilikinya.

Selain fitur flash player, Skyfire web browser juga dilengkapi fitur “User Agent Switching” yang memungkinkan Anda menentukan seperti apa halaman web yang dibuka, apakah untuk perangkat mobile (Android dan iOS) atau browser desktop. Pilihandesktop memberikanAnda fleksibilitas yang lebih dalammengakses situs dan memungkinkanpenemuankonten videoyang mungkin tidakterlihat padasitus mobile.

Fitur “Facebook quick view” memudahkan Anda mengakses ke news feed, profil, daftar teman, inbox, event dan places hanya dengan menggunakan satu sentuhan. Demikian pula dengan Twitter QuickView.
Developer : Skyfire
Download : http://www.skyfire.com/product
4. Firefox Mobile
Buat yang hobi internetan, pasti sudah kenal akrab dengan software yang satu ini. Tentu saja karena aplikasi ini memang sudah begitu populer pada versi desktop. Dan penantian pecinta teknologi ponsel akan hadirnya versi mobile untuk Firefox berakhir sudah setelah belum lama ini, Mozilla corporation meluncurkan aplikasi ini yang sebelumnya dikenal dengan codename Fennec.

Mozilla corp. sepertinya berusaha membawa sebanyak mungkin fitur versi desktop kedalam aplikasi ini. Anda dapat mendandani tampilan Firefox dengan tema yang disebut “Persona”, menampilkan halaman situs dalam bentuk fullscreen, mensinkronisasi data mobile Firefox dengan yang ada pada komputer , hingga menambahkan add-ons yang juga menjadi keunggulan Firefox versi desktop.

Browser ini juga dilengkapi fitur download manager yang memungkinkan penggunanya mengunduh files on menggunakan ponsel seperti halnya dengan desktop. Downloads akan berlangsung di latar belakangh sehingga kegiatan browsing tidak terganggu, bahkan jika pengguna mengunduh beberapa file dalam waktu bersamaan. Ditambah lagi, download manager memungkinkan Anda menghentikan, pause dan resume proses download kapan saja Anda mau.
Developer : Mozilla Corporation
Download : http://www.mozilla.com/en-US/mobile/
5. UC Browser
UC Browser dapat berjalan pada lebih dari 3000 model ponsel dalam 200 merek dengan sempurna. Selain itu pada bulan Maret 2011, aplikasi ini diklaim telah melayani lebih dari 150 negara dan mendapat lebih dari 700 juta pengunduh dan  setiap bulannya, 200 juta pengguna mengunjungi 60 miliar halaman web melalui UC Browser, yang menjadikannya peringkat No. 1 di dunia.

Tak kalah dengan browser lain yang masuk dalam daftar ini, UC Browser juga dilengkapi dengan beberapa fitur andalandiantaranya Pre Load yang membuatperbaikan lebih baik pada kecepatanbrowsing Anda, sehingga waktu yang dibutuhkan ketika membuka halaman situs yang pernah dikunjungi sebelumnya menjadi lebih singkat.

Fitur lain seperti Download manager, Multi-tabs, Bookmark, dan Save and Share juga disediakan aplikasi ini. Dan yang paling asyik, aplikasi ini juga tersedia dalam bahasa Indonesia.
Developer : UC Mobile Ltd. (UC)
Download : http://id.ucweb.com/Indonesia/UCbrowser/product_choose_browser.html
6. Bolt Browser

Bolt adalah browser yang dapat diinstal over the air dan menawarkanpengalaman browsing di semua jenis ponsel,mulai dari smartphone hingga ponsel low-end. Bolt memungkinkan fungsi internet bergaya PC pada perangkat mobile. Kabarnya Bolt adalah satu-satunya browser dikelasnya yang dibangun pada platform berbasis WebKit. Web Kit adalah layout engine yang juga digunakan untuk membuat Safari (iphone), Chrome (Android) dan banyak browser smartphone lainnya.

Pengembang juga mengklaim bahwa Bolt adalah satu-satunya browser J2ME yang mampu memutar video streaming flash atauHTML5 dari situs seperti Youtube, Facebook, MTV. Browser ini juga telah terintegrasi dengan aplikasimedia sosialseperti Facebook dan Twitter. Sebuah Galeri Widgets juga tersedia untuk situs web populer lainnya.

Developer : Bitstream Inc.
Download : http://boltbrowser.com/dnld.html

7. uZard
uZard adalahmobile browser yang menawarkan hal yang sama hampir dengan semua browser yang masuk daftar ini, yang memungkinkan pengguna untuk mendapatkan pengalaman berselancar web yang sama seperti saat menggunakan PC.
uZard  menunjukkan kinerja cepat tidak hanya pada jaringa n3G tetapi juga pada jaringan 2G dan 2.5G. Selama perangkat memiliki akses ke jaringan, pengguna bisa mendapatkan pengalaman berselancar web dan isi multimedia yang sama seperti yang mereka lakukan dengan PC.

Sayangnya jika dibandingkan browser lain, aplikasi ini tergolong minim fitur yang sanggup membuatnya layak dipilih.
Developer : Bitstream Inc.
Download : http://www.uzard.com/en/down/download.asp

8. xScope Browser - Web & File
Browser yang satu ini adalah yang pertama mendukung fitur multitouch pada Android market (11/23/2009). xScope mendukung fitur import google bookmark sehingga memudahkan pengguna mengakses situs-situs favorit yang pernah disimpan pada google account pengguna.

Aplikasi ini juga terintegrasi dengan aplikasi file explorer, yang memudahkan Anda melakukan manajemen file yang tersimpan apada ponsel maupun memori penyimpanan.
Developer : x-Labs (xScope Mobile)
Download : http://x-labs.net/?page_id=18
http://x-labs.net/

9. 360 Web Browser

Yang paling menarik perhatian dari browser ini adalah desain intefacenya yang inovatif dan menarik. Aplikasi ini menyediakan semacam tombol virtual yang menyatu pada sebuah bentuk lingkaran yang disebut 360 ARC™. Tombol-tombol yang tersedia, masing-masing mewakili fitur yang dibawa oleh 360 web browser.

Aplikasi ini juga memiliki kemampuan untuk bersinkronisasi dengan Firefox versi desktop, sehingga setiap data Anda seperti tab, Bookmark & history yang tersimpan pada Firefox dapat Anda akses menggunakan aplikasi ini.

Selain Firefox Anda juga dapat menghubungkan 360 web browser dengan Dropbox untuk kemudahan proses backup data Anda.
Untuk membuat tampilan browser ini semakin berbeda, pengguna bahkan dapat menentukan tema sendiri guna mengganti tampilan aplikasi ini secara keseluruhan, mulai dari gambar, warna huruf hingga gaya tab.Terdapat 6 pilihan gratis dan 1 buah versi berbayar.
Developer : Digital Poke
Download :  http://itunes.apple.com/us/app/360-web-browser-awesome-feature/id387737097?mt=8

10. Puffin Web Browser

Seperti Skyfire, browser ini mampu membuat pengguna iOS menikmati situs bermuatan konten Flash sayangnya tidak untuk game flash yang banyak ditemukan di Facebook misalnya.

Tidak ada yang istimewa dari tampilan antar muka Puffin browser, bahkan sekilas tampak mirip interface yang dimiliki Opera Mini. Puffin web browser tersedia untuk platform Android dan iOS , dan masing-masing dibanderol seharaga $0.99.
Developer : CloudMosa, Inc.
Download : http://www.puffinbrowser.com/
 
tabel komparasi 

tabel komparasi