fikrish: 2013

Sabtu, 09 Maret 2013

Tutorial Blog : Pasang TV Online di Blog

Tutorial Blog : Pasang TV Online di Blog - Dunia online sekarang ini memang perkembangannya sangat lah cepat. Banyak sekarang aktivitas hampir segalanya melibatkan dunia online. Tengoklah sekarang, orang tidak atau kurang lagi ke perpus untuk cari buku, langsung saja andalkan internet untuk mencari jawaban tertentu. Belum lagi, pasar online. Dengan mudahnya orang menjual dan membeli barang atau jasa hanya dengan mengandalkan dunia online. Kalau chatting, jangan di tanya lagi. Sudah banyak social media yang bertebaran yang memudahkan orang untuk saling mengenal, saling ngobrol. Juga bisa ditemui di dunia online.

Memasang TV Live streaming di blog. Kali ini, saya ingin share kepada Anda, bagi yang berminat memasang di blognya TV Online yang sifatnya live streaming. Tutorial ini saya persembahakan mengingat sudah banyak sekarang ternyata tayangan-tayangan TV yang bisa ditonton secara live hanya dengan menggunakan akses kemudahan ini, yang dipersembahkan oleh dunia maya.

Tutorial Blog : Pasang TV Online di Blog. Bagi yang mau lihat contohnya, silahkan lihat di bawah ini:

Widget TV Online Mivo TV Online

Di atas adalah contoh yang ingin saya perlihatkan pada Anda, tampilan tutorial yang ingin saya persembahkan pada Anda nantinya, jika Anda mengikuti tutorial dari saya. Hehehe :)

Untuk memasang TV Online Live Streaming seperti diatas, cukup mudah. Anda hanya perlu, mengcopy paste kode HTML berikut ini :

Jadi, jika Anda ingin memasang TV Online ini pada halaman postingan Anda. Caranya sangat mudah, copy paste kode HTML di atas, kemudian menuju pada bagian Entri Baru, kemudian ke bagian HTML di samping Compose, langsung saja paste kode HTM di atas pada bagian HTML. Mudah kan...!!

Kalau, mau pasang TV online ini di bagian sidebar blog Anda. Caranya pun terbilang sangat mudah, langsung saja ke bagian Tata Letak, kemudian ke bagian sidebar yang ingin Anda pasangi TV Online ini. Kemudian tambah Gadget. Copy paste kan kode HTML di atas. Tapi, ingat dulu, coba ganti dulu High-nya, maksudnya tingginya. Supaya sesuai. Di atas, high yang saya pakai 860. Jadi, silahkan ubah sesuai dengan kehendak Anda.

Okey, semoga tutorial ini bisa diterapkan.

Kamis, 14 Februari 2013

Cara Membangun Backlinks Natural pada Blog

Cara Membangun Backlinks Natural pada Blog - Membangun Link (Link Building) adalah salah satu dari sekian banyak tips, strategi, cara yang direkomendasikan para blogger professional bagi sesama blogger untuk meningkatkan kualitas dari blog tertentu.

Blog yang berkualitas, menurut saya, ya blog yang punya banyak visitor artinya ramai dikunjungi, mempunyai pagerank tinggi (saat ini blog ini belum punya itu), memiliki rangking alexa yang rendah, menjadi situs rujukan dan tentunya memberikan banyak manfaat bagi sesama blogger, (masih ada kriteria tambahan...). Hehehe...

Salah satu cara membangun baclink natural yang banyak direkomendasikan adalah dengan berkomentar pada blog yang sejenis dengan blog Anda. Termasuk semua orang yang telah memberi komentar pada blog saya, saya ucapakan terima kasih. Baca juga - Tips Optimasi Blog dengan Link External

Postingan ini saya maksudkan, memberikan informasi tambahan bagaimana cara membangun backlink natural. Moggo, dibaca di bawah ini :

1. Pertama Anda search dulu di Google blog yang sesuai dengan keyword yang Anda targetkan di blog Anda.

2. Sempatkan untuk membaca deskripsi atau keyword artikel pada blog yang Anda tuju. Ini penting : untuk mengetahui apakah blog Anda relevan atau sama dengan blog yang Anda kunjungi. Bisa Anda lakukan dengan melakukan perintah berikut : Ctrl + U, untuk melihat source HTML blog yang Anda kinjungi. Di sini pula Anda dapat melihatnya keyword dan atau deskripsi blog yang Anda kunjungi

3. Sebelum berkomentar, lebih baik Anda juga baca artikel yang diposting blog yang Anda tuju. Ingatlah bahwa, hampir semua blogger tidak menyukai spammer. Blogger juga biasanya dilengkapi dengan fasilitas moderasi komentar. Komentar yang jelek dan dianggap spamm tentu akan didepak oleh pemiliki blog. Ini juga berlaku bagi blog ini yach...! Hehehe. Selain itu, ingatlah juga bahwa, komentar Anda sebenarnya sangat dibutuhkan supaya memberikan masukan, support bagi blog yang Anda kunjungi.

Ingat :

Buatlah atau bangunlah backlinks natural untuk blog Anda. Ini sangat berguna bagi Anda. Perhatikan bahwa, membangun backlink yang natural mempunyai nilai yang lebih.

Kamis, 07 Februari 2013

Membuat Kode Warna HTML Blogger

Membuat Kode Warna HTML Blogger - Sebelumnya, saapya sudah sharing kepada Anda tools untuk mendapatkan kode-kode warna HTML. Dapat dapat Anda lihat di bagian tab menu blog saya : KODE WARNA HTML atau di postingan saya yang berjudul "Kode Warna HTML Blogger".

Kode warna HTML ini penting artinya jika Anda berkeinginan untuk mengedit atau mengutak-atik warna blog Anda, sebagaimana saya sudah jelaskan di postingan saya sebelumnya. Nah, jika Anda juga berkeinginan untuk mendapatkan atau menyimpan tools ini dalam blog Anda, bagaimanah caranya yach ...?

Kode Warna HTML yang ada di blog saya

Menjawab pertanyaan di atas. Ingin membuat atau memiliki kode warna sendiri untuk blog Anda, postingan ini akan menjawabnya dan memberikan tutorial bagi Anda untuk memasang di blog Anda.

Untuk memasang atau mendapatkan tools kode warna HTML di atas, caranya cukup mudah. Silahkan Anda aplikasikan dan ambil di blog Anda. Silahkan Anda copy paste kode HTML berikut :

<center><div id="TrixCGv1"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="430" width="400"><param name="quality" value="high" /><param name="bgcolor" value="#cccccc" /><param name="src" value="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" /><param name="name" value="flash" /><param name="align" value="middle" /><param name="flashvars" value="lng=Tamil&timeint=30&skt=yes" /><embed type="application/x-shockwave-flash" width="400" height="430" src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" flashvars="lng=Tamil&timeint=30&skt=yes" align="middle" name="flash" bgcolor="#cccccc" quality="high"></embed></object></div></center><div style="text-align: center;"><span style="font-size: x-small;">HTML Color  <a href="http://bloggermahir.blogspot.com/2013/02/membuat-kode-warna-html-blogger.html" rel="follow" target="_blank">code blogger</a></span>

Silahkan copy paste saja, jika Anda juga membuatnya di halaman postingan Anda cukup hanya copy HTML di atas kemudian klik pada bagian HTML di samping Compose.

Jika Anda ingin membuatnya atau menampilkannya di bagian Gadget (di halaman blog), maka caranya juga mudah silahkan Anda ke Tata Letak >> Tambahkan Gadget >> HTML/Javascript >> Simpan.

Semoga berhasil yach. Selamat Mencoba....!

Minggu, 03 Februari 2013

Kode Warna HTML Blogger

Kode Warna HTML-Kode Warna HTML adalah salah satu bagian yang terpenting untuk Anda ketahui di saat Anda berkeinginan mempercantik atau mengutak-atik tampilan blog Anda. Kode HTML ini mutlak ada untuk memudahkan Anda memilih warna yang sesuai dengan kehendak Anda untuk diaplikasikan atau diterapkan dalam blog Anda.

Kode warna HTML ini bisa dikatakan crayon dalam dunia blogging. Dengan mengetahui kode HTML ini maka tampilan blog yang Anda inginkan akan menjadi mudah karena Anda tinggal mengubah atau menambhakan kode HTML pada bagian blog yang Anda inginkan.

Kode warna HTML ini dapat Anda aplikasikan saat ingin mewarnai huruf atau pun kalimat tertentu dengan warna pilihan pada blog Anda. Selain itu, dengan kode HTML ini pula Anda mengubah tampilan blog Anda yang lain yang meliputi perubahan warna background blog Anda, mengubah warna header, footer, dan lain sebagainya. Pokoknya, dengan mengetahui kode HTML ini maka aktivitas blogging menjadi lebih seru karena blog Anda betul-betul mencerminkan diri Anda karena di utak-atik sesuai dengan keinginan Anda.

Kode warna HTML, berikut saya buatkan atau saya share buat Anda, agar memudahkan Anda :

HTML Color code blogger

Kode Warna HTML merupakan salah satu tools yang dapat memudahkan Anda selain tools-tools lain yang sering digunakan dalam dunia blogging seperti tools parse HTML. Tool parse HTML biasanya berguna dalam memasang iklan. Anda dapat memparse kode HTML Anda disini.

Rabu, 30 Januari 2013

Tutorial Membuat Kotak Komentar Facebook dan Blog Berdampingan

Membuat Kotak Komentar Facebook dan Blog Berdampingan-Tutorial ini saya share kepada Anda setelah saya aplikasikan tutorial ini di beberapa blog saya yang lain. Menurut saya penting saya share karena ini berguna. Ya, walaupun sudah banyak blogger lain telah membuat postingan sejenis dengan ini.

Membuat kotak komentar Facebook (FB) dan blog berdampingan adalah tutorial yang mudah. Saya mau bercerita sedikit tentang pentingnya kotak komentar facebook hadir di blog Anda. Semoga dengan cerita atau penjelasan saya dapat membuat Anda berpikir lagi untuk menambahkannya juga dalam blog Anda. Hehehe.

Kotak komentar facebook dalam blog adalah sebenarnya opsi dari sekian banyak opsi yang Anda dapat pilih dalam hal memperbaiki penampilan blog Anda atau bisa meningkatkan kunjungan blog Anda. Kalau saya pikir, dan sesuai dengan pengalaman pribadi, kotak komentar facebook yang terpasang pada sebuah blog dapat meningkatkan antusiasme, umpan balik pengunjung Anda terhadap topik yang Anda bahas pada blog Anda.

Kotak komentar ini akan terasa banyak sekali manfaatnya jika blog Anda termasuk blog yang berisi tentang materi konsultasi, tutorial, dan yang sejenisnya karena bukan tidak mungkin pengunjung blog Anda kurang mengerti atau ingin mengajukan pertanyaan terkait materi yang Anda posting di blog Anda. Berkomentar di kotak komentar facebook kelihatannya sangat mudah dan persentase umpan baliknya yang dilakukan oleh pengunjung blog Anda lebih tinggi daripada Anda sekedar memasang kotak komentar blog di blog Anda. Ini juga tidak lepas karena faktor, hampir semua orang yang on line (di Indonesia) juga membuka account facebook.

Terlebih lagi, saya kira share atau penyebaran materi yang Anda sampaikan dalam blog Anda semakin cepat, mudah dan luas tersebar dikarenakan selain menyediakan kotak komentar facebook, di sini juga tersedia fasilitas untuk "meng-like" komentar-komentar terpilih. Anda tahu sendirikan, kalau pengunjung blog Anda me-like artikel atau komentar tertentu dalam blog Anda maka secara tidak langsung link-link postingan Anda akan terposting dalam account facebook pengunjung blog. Anda mungkin bisa bayangkan berapa potensi pengunjung baru untuk blog Anda dengan memperhitungkan banyaknya yang berkomentar, memberikan like, dan kunjungan secara tidak langsung dari teman atau kenalan pengunjung blog Anda.

Okey, tanpa berteleh-teleh lagi. Berikut Cara Membuat Kotak Komentar Facebook dan Blog Berdampingan :

1. Seperti biasa, Login ke account blogger Anda

2. Klik Rancangan lalu klik Edit HTML

3. Download template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan

4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget

5. Jika sudah, cari kode ]]></b:skin> (gunakan ctrl + f untuk mempermudah pencarian)

6. Kalau sudah dapat maka masukkan kode berikut ini di atas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

Catatan :

Anda dapat mengubah warna tampilan kotak komentar Anda dengan mengutak-atik kode HTML di atas. Anda dapat mengubah warna backround sesuai dengan kehendak Anda.

7. Kemudian Anda cari kode </head>

8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID FB Anda disini' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID facebook Anda, misalkan https://www.facebook.com/nama Anda, maka ID Anda berada pada tulisan yang berwana biru.

9. Kemudian cari kode <div class='comments' id='comments'>

Keterangan: Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode
<div class='comments' id='comments'> yang pertama dan kedua (tidak apa-apa, sejauh ini belum ada efek yang merugikan).

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == "item"'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
    </b:if>
    </div>
<span style='font-size: 85%'>Widget Comment <a href='http://bloggermahir.blogspot.com/2013/01/kotak-komentar-facebook-dan-blog-berdampingan.html' rel='follow' target='_blank'>FB-Blog </a></span>
    <div class='comments comments-page' id='blogger-comments-page'>

Perhatikan angka yang berwarna merah dan kuning diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Anda dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Anda agar kelihatan rapi. Dan perhatikan pula kode yang berwarna merah, jika penempatan kode dibawah <div class='comments' id='comments'> yang kedua terdapat kode yang sama, maka hapus salah satu kode tersebut.

contoh :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<div class='comments comments-page' id='blogger-comments-page'> ( hapus salah satu)

10. Kemudian klik save, dan lihat hasilnya.

Semoga berhasil dan Bermanfaat....!

Kamis, 17 Januari 2013

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping-Mungkin agak lama saya membaut postingan baru. Ini tidak lepas karena banyaknya juga rutinitas di dunia nyata. Hehehe. Tidak selamanya hidup berada di dunia maya, dunia nyata juga butuh perhatian.

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping, adalah judul dari postingan saya yang ingin saya share kepada Anda. Ya, walaupun saya tahu ini postingan atau tutorial yang sudah umum Anda dapatkan di blog-blog yang sejenis dengan blog saya, tetapi bagi yang belum tahu caranya buat hal demikian dapat membantu Anda, minimal Anda tahu dan juga mau share kepada yang lain. Hehehe.

Menurut saya, tombol share atau like facebook di blog itu penting, juga tidak kalah penting dengan tombol share ke twitter, tombol follow atau mengikuti di Account Google Plus tambahan lain seperti di StumbelUpon dan Digg, ini penting agar menambah pengunjung bagi blog Anda. Anda dapat membayangkan sendiri, jika postingan Anda banyak yang like dan share di berbagai macam social media, berapa kira-kira pengunjung baru terhadap postingan blog Anda.

Berkut saya sajikan buat Anda tutorial blog bagaimana cara membuat tombol facebook, twitter, Google plus, StumbleUpon dan Digg melayang di samping blog Anda. Mirip dengan punya saya di bloggermahir.

1. Seperti biasa, Anda log in dulu lah ke blog Anda.

2. Setelah masuk, langsung tuju saja bagian Tata Letak

3. Tambahkan Gadget (di bagian apa saja), kemudian tambah HTML/Javascript

4. Copy kode HTML berikut :

<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://bloggermahir.blogspot.com/2013/01/membuat-tombol-like-facebook-twitter-google-plus-melayang-disamping-blog.html">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

5. Jika sudah, klik Save, kmudian lihat dulu di pratinjau untuk melihat, apakah tutorial ini berhasil Anda lakukan.

Simpel dan mudahkan, semoga bermanfaat dan berhasil.