Cara Supaya Artikel Blog Tidak Mudah di Copas (copy paste)

Assalammualaikum WR WB

Seperti janji ane kemarin, ane mau posting lagi hari ini. Yup, maklum ane sibuk banget soalnya, sampe ngelupain blog, hihihihi!

Copy Paste, atau yang biasa di singkat para blogger yaitu Copas. Cara nya mudah cukup blok sebuah tulisan, klik kanan lalu copy, atau ctrl  +  c lalu  klik ka-

an dan klik paste, atau ctrl + v. Kelihatan mudah, bukan? Tapi, di balik kemudahan itu, si copaser gak mentingin kesulitan bagi penerbit artikel asli. Mereka dulu seo, sekarang tidak. Mereka si penerbit artikel asli disangka google si copaser. Hhmm, kasihan ya yang artikel nya di copy paste. Ada yang pernah ngalamin. Alhamdulillah, selama ini, ane belum pernah ngalamin tuh yang nama nya copas (jangan di copas artikel ini ya). Sebenarnya sih ane belun tahu kalau artikel ane di copas (semoga enggak). Bagi agan yang pernah alamin, ane punya tips-tips menarik, untuk menghindari copy paste alias Copas (sebenarnya sama aja), perhatikan baik-baik ya!

1. Beri script link otomatis yang mengarahkan ke blog agan (recommended)

Maksudnya, kita cukup beri script otomatis yang bisa mengarahkan ke blog kita. Dulu, di Tips SEO untuk blog baru di artikel lalu pada nomor terakhir, ganti saja bold itu dengan link. Banyak kok script nya di mbah google. Cara ini ampuh untuk mencegah copas, sehingga link itu mengarahkan ke blog kita, dan blog si copaser itu gak seo lagi. Tapi, ini mudah di akalin, yah... bisa di matiin link nya karena kan ada tombol link di postingan, atau cukup klik link nya lalu remove.

2. Beri script menuliskan sumber sendiri (recommended)

Si Copaser biasanya tidak meletakkan sumber/link sumber karena berbagai hal. Misalnya, takut ketahuan, buru buru pengen lihat artikel copy paste nya dll. Nah, daripada males, mendingan kita sendiri yang melatakkan sumbernya. Namun, kalo si copaser tau kalo sumber nya ada sendiri, bakalan dihapus deh...


3. Mematikan klik kanan (not recommended)

Wahh, kejam sampe matiin segala! Hihihi. Ini blogger yang oon! Klik kanan kok di matiin! Memang sih, cara ini ampuh, namun kalo blog itu ada script penting, mau di copas pengunjung, wah pengunjung bakalan kaburrr. Cara ini bisa di akalin dengan menekan ctrl + c.

4. Mematikan Blok (not recommended!)

Wahh, cara ini lebih kejam! Mematikan blok. Jadi si copaser bakalan gak bisa copy paste. Cara ini lebih ampuh, dari pada semua cara di atas! Kalau pake script ini, pasti pengunjung langsung kabur. 

Jadi pilih mana dari ke-4 cara di atas? Kalo ane sih pake cara 1 dan 2 aja, walaun kualitas nya memang bisa di akalin, tapi gak ganggu pengunjung yang ingin copy paste script. 

Demikian artikel ini. Semoga bermanfaat

Diposting oleh Rayhan Sabtu, Desember 21, 2013 3 komentar

Tips SEO Untuk Blog Baru

Assalammualaikum WR WB

Tips SEO Untuk Blog Baru - SEO. Siapa yang mau blog nya SEO tunjuk tangan. Wah wah wah, pasti banyak, ya. Ane juga mau nih! Ok, langsung kita mulai!

1. Tentukan Judul Artikel Yang Banyak Dicari Orang Lain

Banyak banget ya, artikel yang banyak di cari orang lain.  Tentukan sendiri menurut agan apa apa, dan apa. Misalnya, Cara Membuat Template Blog Sendiri, atau apalah, yang penting banyak di cari orang lain

2. Artikel Original (Asli) bukan Copas

Banyak sekali artikel duplikat (Copas), dan orang itu tidak menyediakan sumber nya! Jangan harap artikel itu SEO 1 Page. 

Artikel Lainnya : Cara Membuat Back To Top di blog
                             Cari lainnya disini

3. Jangan Sering Lakukan Ping di Blog Kita!

Sering-sering ping di blog kita, google bakalan menganggap blog kita ini SPAM! Kalau agan mau tahu ping otomatis tuh gimana, ok langsunv kita mulai :

1. Klik disini gan

2. Masukkan judul blog di blog name ---> Masukkan Domaun blog agan di Blog Home Page ---> kosongkan RSS URL ---> masukkan email

3. Klik Check All di semua judul berwarna hijau ---> lalu isi Capthca dan klik send ping

4. Pilih Template yang SEO, Valid HTML 5, dan Enak Dipandang Mata

Banyak banget blog yang menyediakannya, SEO itu maksudnya udah diletakkan meta tag nya disana, valid HTML 5 juga bakalan bantu google. Terus, lihat dulu template nya. Kalo Valid HTML 5, SEO, tapi gak enak dipandang mata, pengunjung bakalan kabur. Disini tempat template yang bagus

5. Jangan Putus Asa, Semangat Blogging Harus Ada

Jangan putus asa sama google aja gan, kan banyak search engine lain, misalnya, Bing, Yahoo!Search dan lain-lain. Siapatahukan, agan SEO 1 Page di Bing, kan?

6. Sering Blog Walking ke Blog lain

Maksudnya, datang ke blog lain. Siapa tahu, dia Copy Paste dari Blog agan. Misalnya, kalo agan cari tutorial blog, kalo berhasil, komentar, dan masukkan URL Blog agan.

7. Manfaatkan Kesempatan Pasang Iklan Gratis

Misalnya ada blog anu yang menyediakan pasang iklan gratis, langsung manfaatkan gan! Apa lagi, kalo SEO 1 Page, bisa ikutan SEO juga, kan? Atau, agan bisa kunjungi blog ini

8. Bold kan Kata Kunci judul

Misalnya, judul nya Cara Membuat Template, ada tulisan Template yang banyak, bold kan. Karena, itu membantu google meng index blog agan. Contohnya, seperti blog ini!

Semoga bermanfaat!

Diposting oleh Rayhan Minggu, Desember 01, 2013 2 komentar

Cara Mendapatkan Pulsa Gratis di Blog

Assalammualaikum WR WB

Agan-agan yang pulsa nya abis, jangan galau. Kalau blog agan SEO 1 Page, ini sangatlah tepat. Kita bisa memasang iklan di blog kita dengan BloggerBersatu. BloggerBersatu.com adalah layanan PPC pertam yang memberikan Komisi Iklan lewat pulsa. Jadi, agan yang galau karena kehabisan pulsa, blog nya SEO, ane sarankan pake ini. Lalu, bagaimana cara mendaftatar nya gimana? Oke Langsung liat baik-baik :

1. Klik disini untuk membuka Blogger Bersatu

2. Pada MENU UTAMA (terdapat di paling kanan) cari Daftar

3. Isi semua form (sebaiknya pakai email Gmail aja) lalu klik daftar

4. Buka Gmail, Klik disini (jika agan menggunakan akun google) periksa pesan dari BloggerBersatu jika tidak ada cari di Spam

5. Lalu klik Linknya dan Log in

6. Selesai

Bagaimana cara memasang iklan di blog agan?

1. Log in Akun BloggerBersatu.com agan

2. Klik Kode iklan dan sesuaikan tampilannya sesuka hati agan lalu klik " Pilih tampilan seperti ini" (jika agan sudah selesai)

3. Blok Script nya, lalu klik kanan dan klik copy/salin atau tekan CTRL + C

4. Masuk Blog agan klik judul blog agan

5. Klik Tata Letak dan Tambahkan Gadget (terserah agan mau dimana)

6. Klik HTmL/JavaScript dan paste kode iklan tadi

7. Selesai dan iklan agan siap untuk di klik

Selamat mendapatkan pulsa gratis di blog ! Enjoy it!

Diposting oleh Rayhan Minggu, November 24, 2013 2 komentar

Cara Membuat Postingan di Blog

Assalamualaikum WR WB

Hai, gan kali ini kita akan membahas tentang Cara Membuat Postingan di Blog. Bagi yang sangat newbie/pemula, mungkin belum tahu Cara Membuat Postingan di Blog. Ok, langsung kita mulai

Cara 1

1. Klik disini untuk membuka blogger -->  Masukkan email dan password

2. Klik pensil berwarna putih dan belakng nya warna oranye (disamping judul blog agan)

3. Isi, judul, label dll. serta konten pos nya

4. Selesai  !

Cara 2

1. Klik disini untuk membuka blogger -->  Masukkan email dan password

2. Setelah selesai, klik judul blog agan.

3. Klik Entri Baru (biasanya terletak di atas ikhtisar)

4. Isi, judul, label dll. serta konten pos nya

5. Selesai

Untuk mengetik di blog, sama seperti mengtik di ms word, seperti mengubah jenis font huruf, besar huruf, warna huruf, link dll.

Semoga bermanfaat

Diposting oleh Rayhan Sabtu, November 16, 2013 0 komentar

Cara Membuat Widget Share Button di blog (Melayang)

Assalamualaikum WR WB

                                            Contoh Floating Share Button 

Pasti, sobat-sobat yang memeluk agama islam senang sekarang, karena sekarang itu Tahun Baru Hijriah 1435 H. Selamat Tahun Baru hijriah ya, sob.

Widget Share Button. Widget ini memiliki kemampuan menyebarkan posting kita di media sosial seperti Facebook, Twitter, dll. Misalnya, saat pengunjung meng-klik Share via Facebook, akan langsung di sebarkan. Dan akhirnya, posting kita akan di sebarkan ke orang lain.

Kelebihan dari ini adalah, poating kita akan disebarluaskan

Kekurangan dari ini adalah, akan menggangu pengunjung membaca posting kita, karena ini sifat nya melayang.

Ok deh, sobat baca baik-baik ya!

1. Masuk ke blogger sobat dulu

2. Klik Tata Letak, lalu Tambah Gadget

3. Pilih HTML/JavaScript 

4. Copas Script berikut ini :

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right: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="bagikan ke teman anda">
<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://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://blogserbagunaku.blogspot.com/2013/11/cara-membuat-widget-share-button.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

5. Selesai

Demikian sob, semoga bermanfaat!

Diposting oleh Rayhan Senin, November 04, 2013 0 komentar

Cara Membuat Widget Google Translate (bendera)

Assalamualaikum WR WB

Seperti yang ane jelaskan pada artikel cara membuat widget google translate di blog dulu, kegunannya dengan bemdera ini sama saja dengan yang tidak, Ok langsung kita mulai

1. Masuk ke blog sobat dan klik Tata Letak

2. Klik "Tambahkan Gadget"

3. Lalu klik "HTML/JavaScript"

4. Copy-Paste kode ini

 <style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXK9RhWueLdFZC8JvqvBrk1yN2lFlI3zQN6mJnyP9sM-3HwV9rMNTOjyTTPe5NSGerD6HhmCSxSAcPY6OB7v5A5ybiYkBFBr1ZsGNs-xayKyynW6K6s_kZr7G3esVAUI9RpbdaHw4HmqXC/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAv4gSr2ssLVtpHxqVBuMkqBrOX2ddGP7we4ZC4iB0NLjjpOVbU0f_ASHF1s0r7y6AZ0X3meOK00GjxRW5Ge4D3pmlkqMHLgUUtq9ETVBNLS_B9kcqODdDk5OKgO_K_-FsiD6UB1TEDsrF/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxX8vjPIkThMLq5hmdRz1XJSwVprKAIFAc27YykY5saz3F-w-rvZOaQXXX9DE961Uk4EDUyBpwuWIOqfUFHbKRVaabCuCKEZjMCxHOI09hib1h9hH73ZYG8alL4xZmz9lRJBRSbfbw_WL/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnHm5UuNon3HG8cYgNXVloQj8QJis4hAE8GvUqXQYigXT9qAObg8i5BHmWrvYCdwVv9bfnWfhY5iGF41CkSCTeZQabsACCAlSDAc1UUOtiz8lvYhVH0oT-TDTETWfEz1Xr0Jcz85VpHROv/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3P8_dvq7vq_gvidFeLgggaV-dU5ywJqtHfMODdcUaihO5oJPMJO2TfAJZzo-Uql9XRKoqKzYtiHNAU2VujwAVfiM7yt-bib6yluG9znPZe2JvvLPL-_I-NMXdYn6Xqa_Pk67Ne6I9wdY9/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeODELkGtWCXhjbXO56rMpp-voWSfaORYdoKEEnsPYPJUufMB2p-Nd8FDK-Pdd1V83Ly02IbkF6kQA7sDoy-Kcej7nO2qp1lFtKGzJV38RPyioJyQVe7kMqmfD59_WGXotIr_19jxV8xjX/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiz6v6NIXGHAGAy4kbhjRUKuxsBYbZH958x1sTvWRsR6TSu_2O_A3SAOc3fKtQpeqwPkz6vc9tdBZeyHIFMMnwL2ECIgmuKCDkX2j6BekxuHxcuGXKNQm7MhQvkK4Am3Be6UpT8-TpgECK/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii1ANVzc71Cc4DIqQ3Q3ZxZcFpQEdzxVRIp4pgZ6cEI9d_jxeNx-_xep3CXHjAVQrEGyzPwONHv6-bJTcvvYO5eRcuGtjAeMN8IRJ_-f8NPEzc2eEj_X12xnCD481l4dnpbvIRTsR4kZeT/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr6G70sJZDVP2bpa5692wqYE4lbnsI50WTWFob1k9bjfBL6mDkQRalJqpV9Ai_Ja9ba0rNEnLrDnPdkBWSeIIihTUw1mgEohIs6C1uSFBCU-FMSbrOBbvrG8iln8qYyAkq9vGwFvQuLBLq/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrM-FrpfoAGwOhKl98YMSWgYKlLJGhL0GCp8WIvPsEliodLTx2cTVxGA7lXkxyLYYRzS9MB6xf5LMGl6obHUGOoS6MUYyJcTeTjQnoUfArd8kB1RdzJAAQ2XN5FeTNRyuEXkWczFGpscQM/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsVFzWrYvbgLLRnL3RiF_sFZPRebWszVyhsMxfS9M9MVZVWQSPooifex9WHwHgMoZTAdt219VhwpAgq9VogoLeLaptaVHN16XD4DNvbOxxWTdLrI4uEarK8CHYdpkC1j_0yydoZdmSaJpv/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghkOgX6xEVGVubVVel16v25J2SQYL7pS4qKLgY3LkmOIm6SV-sTzM2cY_A06utPvF_Dxn0S4v_BUL3Z1GOsFxhM9-3HJNbmtm39Nn-bJYkoY6pbJptpcNhrjsXz6gHNooU793IzMq3PreY/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://blogserbagunaku.blogspot.com" title="translate widget"/>Translate Widget by Google</a> Get This Widget</div></ div> 

Ok semoga sukses 

Diposting oleh Rayhan Minggu, November 03, 2013 0 komentar

Cara Membuat Widget Tab View 3 Kolom

Assalammualaikum WR WB

Cara Membuat Widget Tab View 3 Kolom - Wayhui Lampung Selatan. Mungkin, blog sobat lambat loadingnya ya? Mau tau supaya bisa menghemat widget di blog. Caranya kita harus buat Tab. Langsung deh kita cari tau dulu...

Widget tab view 3 kolom adalah widget yang dipergunakan untuk menghemat tempat yang dapat diisikan dengan 3 buah widget lainnya agar tidak terlalu banyak memakan tempat. Kalau anda masih belum faham apa itu widget tab view 3 kolom itu apa...  Coba aja copas script ini. Caranya...

1. Masuk ke Blogger > Dashboard Blogger > Tata Letak > Tambah Widget > 

HTML/Javascript.

2.  Pastekan kode dibawah ini

<style type="text/css">

div.TabView div.Tabs a

{

float: left;

display: block;

width: 90px; /* Lebar Kotak Tab */

height: 22px; /* Tinggi Menu Utama Atas */

text-align: center; /* Posisi Teks Menu Tab */

margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */

background-color: #000; /* Warna background Kotak Tab */

padding-top: 2px; /* Spasi Atas */

border: 1px solid #ffffff; /* Warna border kotak Tab */

border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */

font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */

font-weight: 900; /* Ketebalan Teks kotak tab */

}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active

{

background-color: #736F6E; /* Warna background utama kotak tab */ }

div.TabView div.Pages

{

clear: both;

border: 1px solid #cccccc; /* Warna border Kotak Konten */

overflow: hidden;

background-color: #ffffff; /* Warna background Kotak konten */

}

div.TabView div.Pages div.Page

{

height: 100%;

padding: 5px; /* Jarak teks dalam kotak content */

overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad

{

padding: 3px 5px;

}

</style>

<form action="tabview.html" method="get">

<div id="TabView" class="TabView">

<div style="width: 300px;" class="Tabs">

<a><span style="color: #fff">Tab 1</span></a>

<a><span style="color: #fff">Tab 2</span></a>

<a><span style="color: #fff">Tab 3</span></a>

</div>

<div style="width: 310px; height: 400px;" class="Pages">

<div class="Page">

<div class="Pad">

Konten dari Tab 1

</div></div>

<div class="Page">

<div class="Pad">

Konten dari Tab 2

</div></div>

<div class="Page">

<div class="Pad">

Konten dari Tab 3

</div></div>

</div>

</div>

</form>

<script src="http://airalokadotcom.googlecode.com/files/tab%20view.js">

</script>

<script type="text/javascript">

tabview_initialize('TabView');

</script>

<div style="text-align:right;margin-right:7px;"><a title="Widget Tab View 3 Kolom" style="font:bold 8px Arial,Sans-Serif;color:#666 !important;text-shadow:0px 1px 0px rgba(255,255,255,0.1);opacity:1 !important;visibility:visible !important;display:block !important;" href="http://blogserbagunaku.blogspot.com/2013/10/cara-membuat-widget-tab-view-3-kolom.html" target="_blank">&#9658;Get this widget</a></div>

Kustomisasi:
- Ganti teks yang berwarna biru dengan judul dari widget yang ada pada tab tersebut.
- Ganti teks yang berwarna merah dengan teks atau script yang akan anda tambahkan. Misalnya script like box dan sebagainya

3.  Simpan dan lihat hasilnya

Demikian semoga bermanfaat sob.

Diposting oleh Rayhan Selasa, Oktober 22, 2013 0 komentar

Cara Membuat Blog

Assalamualaikum WR WB

Kembali lagi sob di Blog Serbaguna! Mungkin, ada sobat yang bingung mencari cara ini. Dan ini yang benar dan paling update 2013.

Cara Membuat Blog

Halo sob, eits, tadi ane sudah salam diatas. Hehehehehehe :-D. Sebelumnya, kita mulai dulu pendahuluan ini.

- Apa itu Blog/Blogger?

Blog/Blogger (sebenarnya, namanya bisa diambil salah satu misalnya : blog) adalah suata aplikasi untuk membuat blogspot yang mirip dengan website.

- Keadaan Blog saat ini

Blog saat ini sedang naik daun daripada yang lain. Mudah, seru, dan No pay (gratis).

- Asal-Usul blog

Pada 23 Agustus 1999, Blogger diluncurkan oleh Pyra Labs. Sebagai salah satu perangkat publikasi blog pertama di dunia, Blogger berperan dalam mempopulerkan format blog di dunia. Pada Februari 2003, Pyra Labs diakusisi oleh Google, membuat sejumlah fitur premium Blogger yang sebelumnya dikomersialkan Pyra Labs menjadi layanan yang sepenuhnya gratis. Pada Oktober 2004, salah satu pendiri Pyra Labs, Evan Williams, mengundurkan diri dari Google.

Pada tahun 2004, Google membeli Picasa, dan mengintegrasikannya dengan Blogger sehingga pengguna Picasa dapat mempublikasikan koleksi foto miliknya ke situs blognya.

Pada 9 Mei 2004, Blogger memperkenalkan beberapa perubahan besar pada sistem publikasi blognya, menambahkan fitur seperti template yang memenuhi standar web, halaman arsip individual untuk masing-masing posting dan komentar, serta fitur posting melalui email.

Pada 14 Agustus , Blogger meluncurkan versi terbarunya dalam tahap beta, yang diberi nama kode "Invader". Versi terbaru ini memigrasikan pengguna Blogger ke server milik Google dan menambahkan beberapa fitur baru. Pada Desember 2006, versi baru ini keluar dari tahap beta. Mei 2007, Blogger selesai memigrasikan semua data penggunanya ke server Google.

- Desain ulang

Sebagai bagian dari desain ulang Blogger di tahun 2006, semua blog yang ada di Blogger dimigrasikan ke server Google. Blogger mengklaim bahwa dengan migrasi tersebut, layanan mereka lebih stabil karena kualitas server yang dimiliki Google lebih baik dari sebelumnya.^[3]

Seiring dengan migrasi layanan Blogger ke server Google ini, beberapa fitur baru diperkenalkan, meliputi manajemen label, antarmuka penataan layout template dengan cara geser-dan-letakkan (drag-and-drop), izin pembacaan blog (untuk membuat blog-blog pribadi) dan opsi web feed yang baru. Lebih lanjut, kini setiap blog diperbaharui secara dinamis, berbeda dengan sebelumnya di mana setiap posting atau komentar baru diperlakukan dengan menulis ulang file HTML.

Pada September 2009, Google memperkenalkan fitur baru sebagai bagian dari perayaan ulang tahunnya yang kesepuluh. Fitur tersebut meliputi tampilan baru untuk menulis post, penyempurnaan penanganan gambar, dan implementasi berbasis Google Docs lainnya, seperti:

• Menambahkan lokasi penulisan di post.
• Penanggalan tulisan ditentukan pada saat publikasi, bukan saat pembuatan.
• Pengubahan tautan di mode penulisan (Compose mode).
• Layanan penuh bagi Safari 3.
• Tampilan pratayang yang menampilkan post dengan perkiraan lebar tulisan dan ukuran font ketika tulisan tersebut dipublikasikan.
• Toolbar yang baru dengan tampilan khas Google, waktu pemuatan yang lebih cepat, dan tombol Undo serta Redo.

Pada tahun 2013, Blogger memperkenalkan template baru dan melakukan desain ulang situsnya.

Pada tahun 2013, Blogger mengupdate fitur fiturnya salah satunya fitur komentar dan integrasi pada Google+, ada beberapa fitur baru diantaranya :

• Design Antar Muka yang diperbaharui pada tahun 2012
• Integrasi langsung dengan google adsense, tahun 2012
• Integrasi dengan Google+ pada kotak komentar dan posting, tahun 2012

Fitur mobile template yang mana kita bisa mendesign atau memilih design yang telah disediakan sehingga pengguna dapat melihat blog pada Handphone atau Gadget mereka dengan design yang tersesuaikan ( responsive ).

Sumber : Wikipedia Indonesia - Blogger (layanan)

Ok, langsung kita mulai

1. Buka blogger. Klik disini

2. Jika sobat belum punya akun klik buat akun dan ikuti langkahnya

3. Jika audah, masukkan email gmail dan password nya dan klik sign up/sign in

4. Klik lanjutkan ke blogger

5.Klik buat blog baru

6. Masukkan judul, domain dan pilih template.

7. Selesai

Jika sobat sudah punya blog dan ingin buat lagi, klik buat blog baru atau langsung ke langkah 6.
Semoga bermanfaat

Diposting oleh Rayhan Selasa, Oktober 22, 2013 0 komentar

Cara Mudah Membuat Widget Google Translate di Blog

Asssalammualaikum WR WB

Pada artikel ini kita akan membahas tentang Membuat Widget Google Translate di Blog. Cara nya cukup mudah. Langsung saja, kita mulai!!!

Cara Mudah Membuat Widget di blog

1. Menuju ke Tata letak kemudian tambah gadget

2. Cari terjemahan dan klik tanda tambah nya ( + )

3. Pada menu judul isi sesuka hati sobat

4. Dan pada menu gaya, tentukan sesuka hati sobat dan akan muncul di     
     pratinjau

Selesai
Sekarang, blog sobat mempunyai Translate.

Cara men-translate blog sobat

1. Jika sobat mengklik gaya horizontal atau vertikal klik saja Pilih bahasa dan 
    pilih bahasa yang akan diterjemahkan

2. Jika anda mengklik gaya klik langsung turun sama seperti cara 1 tetapi, 
     tampilannya berbeda

Diposting oleh Rayhan Sabtu, Oktober 12, 2013 0 komentar