Bisnis Dunia Digital

Berbagi informasi seputar internet marketing dan berbagai bisnis internet

Techno-Blog

Berbagi informasi seputar cara membangun website atau Blog, tips dan trik Blogging

Pencerahan Hati

Menelaah diri dengan bercermin pada diri sendiri

Review Gadget

Review Gadget terbaru dan terpopuler, informasi harga, dan referensi pembelian

Simple Strategy

Build Your Business

Senin, 23 Januari 2012

Cara membuat Related Post pada Blogger



Kali ini saya ingin berbagi Cara membuat Related Post atau Related Article pada blog yang letaknya di bawah postingan atau artikel yang kita buat. Widget ini akan sangat membantu pembaca yang telah selesai menyimak artikel untuk menemukan artikel terkait. Dengan demikian blog kita makin sering mendapatkan hits. Link related post ini berdasarkan pada label atau kategori artikel.

Berikut ini Cara membuat Related Post pada Blog :
Login ke Blogger dengan account anda.
Setelah berada di Halaman Dasboard Blogger, lalu :
  1. Klik Rancangan (Layout), lalu klik tab Edit HTML
  2. Klik (centang) chekckbox Expand Widget Template
  3. Cari Tag </head> (gunakan ctrl+F untuk pencarian cepat)
  4. Lalu Copy code script berikut ini diatas Tag </head>:
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-0PTHzxHm4ucc3LhCKM-GqU5_UKQCDJgtzpQDra4rn3AGaHb_2AwfQjO8fW-F_yj10cN65axXaN5cDgQJn00jn0Ul3ivQS3qJtNcUkBv2BecORk8XQkXaUjj4xTDIY5cYzGESw8HOBF4/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://techno-herry.blogspot.com/' type='text/javascript'/>

5. Sekarang cari <data:post.body/>
6. Lalu sisipkan code script berikut ini tepat dibawahnya

<b:if cond='data:blog.pageType == "item"'><div id="related-posts"><font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>

7. Simpan Template

Lihat hasilnya...

Demikian tips Cara membuat Related Post pada Blog.
Selanjutnya simak pula Cara membuat Recent Post

Kamis, 19 Januari 2012

Memfrase Kode HTML



Jika anda ingin memberikan tips untuk menampilkan banner atau menampilkan Kode HTML di postingan, anda harus merubah kode-kode tersebut agar menjadi text yang bisa dibaca. Karena jika anda langsung meng-copy kode tersebut lalu menaruhnya di postingan hasilnya tidak akan ditampilkan.

Dibawah ini saya sediakan box untuk mempaste code yang akan di convert ke bentuk text :




Silahkan dicoba..

Jumat, 13 Januari 2012

Trik agar blog SEO Friendly



Ini adalah trik untuk Blogger agar SEO Friendly, trik ini akan menggunakan modifikasi atau menambahkan beberapa meta tag standar Blogger.


Pertama, Buka menu HTML dalam account Blogger Anda, edit HTML.
Cari Kode ini (untuk pencarian cepat gunakan Ctrl-F) :

<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>

Lalu ubah (copy/paste) dengan code di bawah ini :

<head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<meta content=’Your Blog Description.‘ name=’description’/>
<meta content=’ Your Blog KeyWords.‘ name=’Keywords’/>
<meta content=’global’ name=’target’/>
<meta content=’Index,follow’ name=’Robots’/>
<meta content=’ALL’ name=’SPIDERS’/>
<meta content=’ALL’ name=’WEBCRAWLERS’/>


Selamat mencoba...

Menghilangkan Navbar

Navbar (Navigation Bar) adalah fasility dari blogger.com. Tetapi banyak blogger ingin menyembunyikan navbar ini karena akan membuat layout blog mereka terlihat lebih baik tanpa kotak (navbar) di atasnya. Pertanyaannya "apakah ini melanggar TOS (Term Of Service) dari blogger.com?" Aku tidak tahu, tapi sejauh ini baik, ada banyak blogger menyembunyikan navbar mereka namun tidak ada reaksi dari blogger.com. Jadi? Anda ingin menyembunyikan navbar blog Anda? jika Anda inginkan ini adalah trik untuk menyembunyikan navbar blogger:

1. Login ke Blogger lalu klik "Layout --> Edit HTML".
2. Copy code dibawah ini masukan ke tag.

#navbar-iframe {
display: none !important;
}

3. contohnya seperti ini :

-----------------------------------------------
Blogger Template Style
Name: xxx
Designer: xxx
URL: http://techno-herry.blogspot.com
Date: Januari 2011
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Simpan settingan , dan lihat blog anda. Sekarang anda tidak lagi melihat navbar di blog and

Keren....



Rabu, 11 Januari 2012

Blogging melalui HP

Blogging bisa dilakukan dimana pun. Bagi teman-teman yang ingin berbagi opini, pengalaman, atau edukasi, bisa menuangkannya melalui blog. Bahkan blogging (aktivitas ngeblog) bisa dilakukan melalui handphone, ini yang saya maksud mobile blogging.

Saya sendiri lagi belajar merancang mobile blog atau lebih tepatnya disebut ngeblog lewat HP. Ga perlu pake HP mahal, HP biasa pun bisa. Bahkan pake HP Cina juga oke.

Caranya mudah dan tanpa biaya alias gratis..tis..tis..
Contohnya mobile blog yang sedang saya bangun yaitu Techno Mobile Blog
Segera saja buat akunnya di http://www.mywapblog.com
Lalu rancang sendiri blog sobat.. Selesai.

Happy blogging !!!


Senin, 09 Januari 2012

Penggunaan Meta Tag


Ada banyak meta tag sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul-betul dipakai oleh search engine hanya 3, description, keyword, dan robots

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.

Contoh penulisan meta tag description adalah sebagai berikut :

<meta name="description" content="Promosi-web.com is a search engine tutorial that explain how to get top rangking in all major search engine and get high traffic for your web site. Available in Bahasa Indonesia.">

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut. Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang ditampilkan pada hasil pencarian Northern Light adalah seperti ini :
Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the web to...

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Sintak dasar dari meta tag keyword adalah sebagai berikut :

<meta name="keywords" content="keyword1 keyword2 keyword3 ...">

atau ada juga yang menulis dengan pemisah tanda koma :

<meta name="keywords" content="keyword1, keyword2, keyword3, ...>

Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contoh pemakaian meta tag keyword yang salah adalah :

<meta name="keywords" content="bali, bali hotels, travel in bali, bali island, bali weather>

Disini terlihat sekali bahwa kata "bali", diulang lebih dari 3 kali. Contoh berikut ini tidak akan dianggap spamming oleh search engine :

<meta name="keywords" content="bali hotels travel bali island bali weather">

Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan "MP3" atau "Britney Spears" sebagai keyword hanya karena keyword-keyword ini merupakan keyword favorit di internet dan banyak dicari orang.

Meta Tag Robots
Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa di-index oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta tag robots adalah sebagai berikut :

<meta name="robots" content="index | noindex | follow | nofollow">

Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini :

<meta name="robots" content="index follow">

Dengan perintah ini spider akan meng-index main page Anda dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="">).

Perintah berikut ini akan menginstruksikan agar spider tidak meng-index maupun menelusuri link yang ada pada suatu halaman web.

<meta name="robots" content="noindex nofollow">

Sumber :www.promosi-web.com

Sabtu, 07 Januari 2012

Cara membuat website


Pertama kali, anda harus belajar membuat website yang paling sederhana. Ikutilah langkah-langkah berikut ini :
  • Buatlah file dokumen sederhana dengan menggunakan Microsoft Office Word atau Openoffice untuk Linux.
  • Simpanlah dalam bentuk file .html dengan cara klik tombol "save as"lalu pilihlah format html atau web page dan beri nama file tersebut dengan index.html.
  • Daftarlah untuk memperoleh account webhosting gratis di sini!!!
  • Selesaikanlah semua proses pendaftaran. Verifikasikan pendaftaran anda dengan mengeklik link yang akan dikirimkan ke alamat email anda.
  • Masuklah ke account anda dan pilihlah nama subdomain kesukaan anda semisal namaanda.namadomain.com dengan cara mengeklik tombol "Website" lalu klik "Build a new website"
  • Pergilah ke menu "Manage website" lalu klik alamat website anda sehingga anda bisa menuju ke menu "File Manager"
  • Pilihlah menu "Up load file" untuk meng-up load file index.html dari komputer anda untuk ditransfer ke server.
  • Publikasikan website anda dengan mengklik Publish.
  • Tunggulah beberapa saat sampai semua proses ini selesai seutuhnya. Ujilah website perdana anda dengan mengetikkan alamat URL website anda ke browser anda seperti http://namaanda.namadomain.com
Selamat ...... sekarang anda bisa melihat website perdana anda dan semua orang bisa mengaksesnya juga lewat internet.

Jika anda tidak memberi nama file anda dengan index.html maka alamat URL yang harus anda tulis untuk melihat file anda adalah sebagai berikut http://namaanda.namadoamain.com/fileanda.html

Pelajarilah berulangkali materi ini sampai anda dapat mengertinya dengan baik cara membuat website
laptop
xiaomi