Go Frosk

Animasi Baru Widget Twitter di Blog

Sebetulnya widget ini tidak perlu dipasang untuk blog yang ingin terlihat SEOnya, karena tidak terlalu penting widget ini diblog. Tetapi jika agan membutuhkan widget ini diblog, silahkan pakai saja,, Gratis Kok!!
tidak usah berlama-lama, yuk simak Widget Twitternya :

Pilihan Animasi

Burung Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_sOCPz8995_UKp0ZwvgBQW7j8tuad0lQt7paLXgjn4BpdZTbMJmg3j51tSGOr-YEx5k8ho00I7rHYNj4n1qHPWI0EKR94Zxb4QzWsnQrE8lmAKVzjV737ni9okr8Ip1DC2TILUrZXcfA/s1600/birdsprite.png

Stickman Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharqZW0mMB98-kN_8PecxWnQ1Y2ZxdFa1XClroxsoK02c3ZRxq-nZmoJ8ZDJnJGa7g0H7POVJUI1qhLdixKl9qbZtDphd9f6e1UClrzDiJB6eUT-Rh_8jNVBIxYQmuquAYlKxhXRQwW00/s1600/birdsprite_MonozCore_Stickman.png

Star Scream Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGZ17FZR2NNCZeRK9nOHVTfVrpbHE_YeAax-DWmfAknxRybYisCldZIbAzkGSM0cwiplCWYN9g9TVDlOjsmVDN3-JUCQfECkIXGt_EYSBV0l6d01-dosgn5bLRrdCGi2WMUW8SiLHulAA/s1600/StarScream.png

Bat Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxWTFP4YLNsmdx6D2lr56ZoeQpErpzE3P870H-30xQ7_NeNvX8KDPywZVbb62g-Ojq17OraEf7HupbZa62k7pyhAfFhFKNCcweBxVr5sgcu9rdjYmBsdTllYCOmlsKF7ferIqI_0zzsME/s800/MonozCore.blogspot.com_BatTwitter.png

SantaBird Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5IbWBixKwWEm_QDC2R-mxTKvV5WLMIZyty4Kz5kgAF4Oab6T5_Y5yq-s3KFnDDVOl3-3w0K-FzxFdljrqlO2G2WhEmVwFgQ4DlVUANYJKmodqPngIf-92pRg-8FKOkmcI5cJbJGSIgCo/s800/MonozCore.blogspot.com_SantaBirdTwitter.png

Dragon Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQU8nakMiELzeeAGrOETGsihKfgTy38XV5tnFzThyphenhypheny5tvm5qbmLpyPEHWjeJCb7tIS0yqpnktQYjsFiL0Ikd2BXgnbIjr2lnnY9sEqwEmbsFZXe_xmByDjv507WV5Xq5yM6hlyKYZUZ0c/s800/MonozCore.blogspot.com_Dragon_Twitter.png

DBZ Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvqW3BQstQvhYvKp5xK6cB0HzMYxJqQSHkfz89r7wa-t5HH42fCe_tzob4yDQt2giMpiAxoqOGbOpRWrVg-9YkHQBQRorofu6b700voUxXYkp38_S4ycboSFY7T__Rbdaumde8LOUYl8/s800/MonozCore.blogspot.com_DBZ_Twitter.png

Dracula Twitter

Gunakan Kode :
https://lh6.googleusercontent.com/-FPaxJ9tqw5s/Tv8FNwjXEoI/AAAAAAAAAsM/Dl163KLaang/s800/Drakula.png

Caranya Cukup Mudah,

Pertama, Pergi Ke Dasboard Blog Anda
Kedua, Pilih Edit Tata Letak lalu Add Gadget
Ketiga, Pilih Javascript/HTML
ke4, Pastekan Kode Tersebut didalamnya
kelima, Simpan Widget. Selesai!!

sebelumnya anda harus mempunyai kode Widget Animasi Burung Twitter dahulu, tetapi jika sobat tidak punya, admin akan memberi kode tersebut dibawah :

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-OFBRXwxY-dbqxigaVedlb4uXCAF5fy9fWk1r9ROsA73KHG3u80-MQAdQXx4g_00XBIL8MHh6VTSnA65pRKriEh6GdaYB6Qtx7L_9P_yj6oNxj-iKGxpRR7P0Ex0yLow_P-0r2oQCmQ/";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1",
"h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/shinisan_id";
var tweetThisText = "Twitter - UserID @shinisan_id";
tripleflapInit();
</script>

ganti kode tulisan warna kuning dengan Url Gambar yang sobat inginkan diatas, lalu ganti "Lukman872" menjadi nama Twitter Sobat. Selesai!!

Cara Memasang Komentar Facebook Di Blog

Pada kali ini saya akan membahas tentang Cara Memasang Kotak Komentar Facebook Di Blogger. Masih dengan Tutorial Blogger, dengan inti pembahasan Facebook. Perlu kita ketahui dari Kotak Komentar Facebook ini. Banyak Visitor yang datang tetapi malas berkomentar ? inilah yang sering terjadi pada Blogger.
Perlu kita ketahui juga bahwa setiap pengunjung belum tentu memiliki Account Gmail/Blog sehingga malas untuk berkomentar. Tetapi yang namanya Account Facebook, Setiap pengunjung pasti memilikinya. Mungkin tidak semua sih, tetapi Pengguna Facebook lebih banyak dari pada Pengguna Gmail di Indonesia. Oleh karena itu kita memanfaatkan Kesempatan ini untuk Memperbanyak Komentar Di Blog. Oke langsung saja. Cekiddoottt.....

Cara Membuat Kotak Komentar Facebook Di Blogger :

1. Masuk keakun blog sobat
2. Pilih Template --> Edit HTML
3. Cari kode <div class='comments' id='comments'> dan letakkan kode dibawah ini tepat dibawah kode <div class='comments' id='comments'>

<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'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook Sobat ' 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();}</script><style>.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;}</style>

Keterangan :

Jika terdapat 2 kode <div class='comments' id='comments'> , pilih kode yang kedua.
Ganti ID FB Sobat dengan URL/ID Facebook Sobat.

4. Simpan!!

Sangat-sangat mudah tanpa bikin repot membuat Komentar Facebook diblog :D

Cara Memasang Emoticon pada Komentar Blogspot

- Hai Bloggers, pagi ini enakan ngapain ya?? Ngoding seru kali yaa haha,, oia kalau berkunjung suatu blog tanpa emoticon rasanya kurang menarik gitu yaa (menurut ane lohh) gak bisa memberi ekspresi kita saat mengomentari blog tersebut, nah pada kali ini saya akan membagikan "Cara Membuat Emoticon di Blog Dengan Mudah" siapa tau agan membutuhkan, dan blog agan jadi lebih menarik pengunjung,, oke kita langsung masuk ke tutorialnya :

Berikut Cara Pasang Emoticon di Atas Komentar Blog

Pertama , Anda harus Login akun blogger Anda.
Kedua pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
Ke tiga Cari kode ]]></b:skin> tekan tombol Ctrl + F untuk melakukan pencarian.

Letakkan kode berikut dibawah kode ]]></b:skin>

.emoWrap {
  background-color:#EEDE86;
  border:2px solid #D3BA59;
  padding:10px 14px;
  color:black;
  font:normal bold 12px/normal Tahoma,Verdana,Arial,Sans-Serif;
  text-align:center;
}

.emo,
.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}

.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:normal bold 11px/normal Arial,Sans-Serif;
  padding:1px 2px;
  margin:0 0 0 2px;
  color:black;
}

Kemudian cari kode </head>, letakkan kode berikut diatas kode </head>

<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>

Langkah Terkahir Simpan template.

Nah, itulah dia Cara Gampang Memasang Emoticon di Atas Komentar Blog , Gimana mudah kan cara bikin emoticon di blog ? jika ada kesulitan silahkan komen dibawah gan..

Cara membuat Logo secara Online Mudah

Logo adalah sebuah alternatif untuk memperkenalkan perusahaan atau brand tertentu. Biasanya sebuah perusahaan akan lebih mudah dikenal bila memiliki logo yang unik dan keren, serta mudah dibuat. Untuk membuat logo biasanya orang-orang menggunakan aplikasi photoshop atau corel draw. Tetapi untuk menghasilkan logo yang bagus harus memiliki ilmu tentang corel dengan photoshop.

Nah bagaimana dengan orang-orang yang awam membuat logo seperti saya ini? Saya sering kali membutuhkan logo yang keren untuk saya pasang di Blog saya, teman-teman juga apabila membutuhkan logo, ternyata saat ini membuat logo tidak mesti memiliki kemampuan corel yang tinggi, tetapi kita dapat membuatnya secara online dengan mudah dan cepat jadi. Tinggal memodifikasi sedikit saja kita sudah bisa mendapatkan logo keren. Kali ini kita akan belajar cara membuat logo online menggunakan aplikasi logotypecreator.com.

Cara membuat logo online

1. Buka logotypecreator.com melalui browser anda
2. Pada homepage masukkan nama institusi atau nama website yang akan dibuatkan logonya, kemudian klick generate logo now
3. Setelah itu akan muncul halaman untuk memilih jenis logo yang akan kita gunakan. Pilihlah salah satu logo yang free.
4. Pada halaman selanjutnya anda dapat mengedit setelan logo anda, anda dapat menambah tulisan, mengubah warna tulisan, mengatur besar kecil tulisan, dan lain-lain.
5. Setelah selesai mengedit logo, Klick download logo dibagian sudut atas. Anda dapat mengatur tinggi dan lebar logo buatan anda.

logotikars
contoh logo buatan saya menggunakan aplikasi logotypecreator.com

Cara Menghapus Label di Blog

bagaimana caranya untuk menghapus label di blog. label atau kategory di blog merupakan suatu yang berguna apabila pengunjung ingin melihat atau menjelajahi isi blog kita walaupun sebenarnya sudah ada daftar isi dari blog kita (itupun jika kita memasang daftar isi pada blog). Namun jika anda ingin menghapus label tersebut

atau mengurangi jumlah label yang ada berikut caranya :

Menghapus tulisan label dibawah postingan

Jika kita menghapus label dibawah postingan tentu kita juga otomatis menghapus label disidebar kita. berikut caranya :

log in ke akun blogger sobat
klik rancangan - edit html
expand widget (jangan lupa untuk back up template terlebih dahulu)
cari kode dibawah ini, jika sudah ketemu hapus kode tersebut
    <span class='post-labels'>
    <b:if cond='data:post.labels'><data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast != "true"'>,
    </b:if></b:loop></b:if>
    </span>
simpan template dan lihat hasilnya

Menghapus sebagian label yang sudah ada

untuk yang ini jika anda hanya ingin menghapus beberapa label blog karena dianggap terlalu banyak kategori yang muncul. kita harus melakukannya dengan cara manual,

Login ke blogger
Klik posting edit entri
Edit artikel atau postingan yang ingin kita rubah. misalnya artikel cara menghapus label blog dengan kategori blogspot tutorial. nah sobat tinggal menghapus tulisan dilabel artikel tersebut (blogspot tutorial kemudian menggantinya menjadi tips and trick misalnya-sesuaikan dengan label yang suda ada di blog anda-)kemudian menggantinya atau memasukkannya ke label yang sudah ada. (lihat gambar di atas)
Terbitkan entri dan Selesai

Note : lakukanlah pengeditan satu persatu di tiap postingan sobat yang ingin dihapus labelnya.

..: Selamat Mencoba :..

Cara Mempercepat Loading Blog

salah satu teknik untuk meningkatkan pengunjung blog adalah Mempercepat atau Meringankan Kecepatan Loading Blog. Sebenarnya banyak faktor yang mempengaruhi lambatnya loading blog diantaranya yang paling sering terjadi adalah karena memang kecepatan internet yang sering anda pakai untuk melakukan aktifitas blogging. Disamping itu juga loading blog yang lambat disebabkan oleh banyaknya penggunaan kode yang tidak penting didalam template blogger yang Anda pakai. Nah untuk meringankan loading blog, tidak ada salahnya mencoba tips berikut ini :

1. Gambar

Kurangi penggunaan gambar dalam template blog dan kalau bisa jangan menggunakan gambar sebagai background template karena saat melakukan loading, gambar akan otomatis terbaca.

2. Ukuran Gambar

Ukuran gambar juga mempengaruhi loading blog dan juga kenyaman pembaca artikel blog anda. Sebelum Anda memposting artikel blog yang menggunakan banyak gambar di dalamnya saya sarankan untuk mengkompresnya terlebih dahulu.

3. Url Gambar

Pada artikel blog, jangan menggunakan url gambar dari luar atau milik url gambar milik blog orang lain, karena hal ini akan terbaca sebagai media dari luar blog anda. Misalnya menggunakan url gambar dari photobucket, tinypic, atau url gambar blogspot milik orang lain. Solusinya agar usaha mempercepat loading blog anda berhasil, upload sendiri gambar yang ingin anda pasang pada artikel blog anda.

4. Penggunaan Video

Jika di dalam postingan blog terdapat video, saya sarankan kepada Anda untuk memperhitungkannya. Jika video itu tidak begitu penting dan masih ada alternatif yang lebih efektif gunakan alternatif tersebut.

5. Penggunaan Widget di dalam Template Blog

Penggunaan widget terlalu banyak di blog akan menyebabkan loading blog menjadi lambat karena link serta script yang terdapat pada widget tersebut juga akan diload. Semakin banyak widget yang dipasang di blog maka loading blog pun semakin bertambah berat. Saran saya gunakan widget yang penting-penting saja untuk blog Anda misalnya seperti widget histats, fanspage facebook dan lain-lain. Untuk widget seperti jam, kelender, musik saya sarankan jangan dipasang karena menurut saya itu tidak begitu penting, dan dampak negatifnya lebih besar daripada dampak positifnya.

6. Pemakaian Kode JavaScript Berlebihan

Memakai kode javascript dalam template blog memang tidak dapat dihindari, akan tetapi kita dapat meminimalisir penggunaan javascript sesuai kebutuhan. Ketika anda terlalu banyak menambahkan kode script kedalam template blog Anda, maka loading blog Anda akan semakin berat pula. Hal ini dapat berakibat buruk terhadap perkembangan blog Anda. Saya sarankan gunakanlah script yang benar-benar penting untuk blog Anda.

7. Eksternal Link

Eksternal link adalah link yang terdapat di dalam blog yang mengarah ke website atau blog lain. Semua link yang ada di dalam blog sobat akan terload/dibaca. Untuk itu saya sarankan kepada Anda jangan terlalu banyak memasang link dari luar blog, selain memperlambat loading blog juga berpengaruh terhadap SEO blog anda sendiri. Jika Anda menggunakan link dari luar, usahakan dalam satu wadah saja, seperti link ke google code atau link gambar/image dari blogger yang masih dalam satu hosting.

Cara Membuat Tombol Back To Top

Tombol back to top atau tombol kembali ke atas berfungsi sebagai tombol cepat untuk mengembalikan ke tampilan halamaan semula atau bergeser ke atas, tombol ini perlu di tambahkan untuk mempermudah pembaca jika ingin kembali ke menu awal atau halamaan semula, apalagi jika blog atau website kita memiliki halaman yang panjang, tentunya sangat di sarankan untuk membuat atau memasang tombol back to top (kembali ke atas) di blog atau website kita.

Berikut ini saya akan menyarankan cara membuat tombol back to top (kembali ke atas) yang cukup sederhana dan mudah dalam pemasanganya, biar tidak penasaran berikut adalah hasil dari tombol back to top yang akan saya bahas :

Untuk bisa memasang tombol back to top (kembali ke atas) sobat bisa mengikuti instruksi sederhana berikut :

Setelah login ke akun blogger silahkan sobat masuk ke pengaturan Template
Klik Edit HTML
Cari kode </body> kemudian letakkan salah satu kode berikut tepat di atasnya :

<a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to Top'><img src='https://sites.google.com/site/marudutsimarmata/backtotop_48x48x32.png? attredirects=0' style='border: none;'/></a>

<a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to Top'><img src='https://sites.google.com/site/marudutsimarmata/back-to-top2_48x48x32.png?attredirects=0' style='border: none;'/></a>

<a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to Top'><img src='https://sites.google.com/site/marudutsimarmata/back-to-top1_48x48x32.png?attredirects=0' style='border: none;'/></a>

<a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to Top'><img src='https://sites.google.com/site/marudutsimarmata/back-to-top4_48x48x32.png?attredirects=0' style='border: none;'/></a>

Perhatikan tulisan yang berwarna tebal, semoga artikel ini membantu...

Cara Membuat Blog Baru

Karena banyak yg bertanya tentang apa itu blog, maka agar lebih praktis saya tuliskan saja di sini info dasar blog bagi pemula. Tulisan ini berdasarkan cara pandang saya melihat teknologi blog yg sekarang lagi tumbuh pesat diminati tidak hanya kalangan awam, tapi juga mulai merambah ke kalangan intelektual dan akademisi serta selebritis Indonesia. Di luar negeri, blog sudah berkembang sejak lama. Kita saja yg memang suka ketinggalan.

1. Apa itu blog?

Blog adalah situs pribadi. Berbeda dg website yg setiap memposting harus susah payah memakai kode ekstensi .html .php, .asp, dll, blog merupakan otomatisasi dari semua ekstensi tsb. Sehingga karena sudah diotomatisasi, maka kita-kita semua yg lugu teknologi menjadi ostosmastis dapat memposting apa yg kita inginkan persis seperti kita memposting email ke teman atau ke milis.

Dan karena kemudahan inilah, maka semua orang yg tahu internet dapat membuat blog atau situs pribadi; sama halnya dg memiliki email. Tak heran apabila pemilik blog bervariasi: mulai dari pembantu rumah tangga, ibu rumah tangga, tukang jualan sayur di pasar klewer, cewek-cewek "ramah" di pasar senggol, sampai profesor dan menteri-menteri.

2. Bagaimana cara membuat blog?

Seperti halnya email, buat account dulu di free blog provider (pemberi hosting/domain blog gratis). Yg paling populer adalah http://www.blogger.com. Bagi Anda yg sudah agak melek-huruf teknologi bisa juga buat account di http://www.wordpress.com dan http://blogsome.com. Selain yg dua ini masih banyak penyedia blog gratis yg bisa Anda ketahui kemudian. Ikuti pentunjuk step-by-step ketika mendaftar.

3. Setelah selesai register/sign-up di http://blogger.com, anda dapat mulai memposting/mempublish apapun yg Anda inginkan di blog: mulai dari curhat, puisi, cerpen, tulisan serius sampai yg canda.

CARA MEMBUAT BLOG DI BLOGGER

Membuat blog di blogger.com sangatlah mudah.

Sekarang saya akan tunjukan cara untuk membuat sebuah account baru di blogger.com, yang 100% gratis. Saya merekomendasikan anda untuk membuat blog di blogger.com karena program ini sangat didukung penuh oleh google, sehingga apabila kita membuat blog disini maka google akan cepat mengindeks blog kita. Alhasil blog kita akan muncul dihalaman pencari google.

LANGKAH KE-1 (GETTING STARTED)

Silahkan anda kunjungi website www.blogger.com

LANGKAH KE-2 (CREATE AN ACCOUNT)

Setelah page terbuka, silahkan anda klik CREATE AN ACCOUNT setelah anda klik, maka akan muncul form untuk mengisikan nama dan password. Silahkan isi dan anda harus selalu ingat username dan password yang anda isikan.

Jangan lupa untuk menceklist Term of service agreement.

Kemudian klik tombol panah "Continue" untuk melanjutkan ke langkah ke-3

LANGKAH KE-3 (NAME YOUR BLOG)

Bagian ini sangat penting, karena nama dari blog anda nantinya akan menjadi sebuah keyword.

TIPS: agar blog anda mudah terindex oleh search engine(mesin pencari), maka alangkah lebih bagusnya jika anda membuat sebuah kesamaan antara addres dan name dari blog anda!

Sekarang klik tombol panah ORANGE"Continue" untuk melanjutkan ke langkah ke-4

LANGKAH KE-4 (CHOOSE YOUR BLOG TEMLATE)

Sekarang anda haya tinggal selangkah lagi untuk mempunyai webblog buatan sendiri!!!

Disini anda ditujukan untuk memilih warna dan bentuk dari web anda. Silahkan pilih sesuai dengan topic dan selera anda.

OK jika anda sudah selesai memilih template, sekarang kita akan lanjut ke langkah berikutnya.

Sekarang klik tombol panah ORANGE"Continue" untuk melanjutkan ke langkah ke-5

LANGKAH KE-5 (GENERATE YOUR BLOG)

Sekarang blogger akan menciptakan blog anda. Setelah blog selesai dibuat, maka di browser anda akan ada tulisan "Your Blog Has Beeb Created" Klik start Posting untuk untuk membuat artikel/tulisan pertamamu.

Sekarang Isikan Judul artikel kamu pada kolom tile, dan tulis isi dari artikelmu di bawahnya!

Cara Membuat Contact Form di Blogger Paling Mudah

- Haii Sobat!! tau tidak contact form itu apa?? Contact form adalah sebuah halaman di blog yang berfungsi agar para pembaca bisa menghubungi pemilik blog atau admin. Maka contact form sangatlah penting bagi kita maupun para pembaca jika mereka ingin menyampaikan sesuatu kepada pemiliki blog. Biasanya contact form diberi judul "Hubungi Kami" atau Contact Us" dan ditaruh di deretan atau tab menu di bagian atas maupun bawah website.

Nah, kali ini saya ingin berbagi tips tentang cara membuat tab hubungi kami atau contact us yang paling mudah dengan memanfaatkan layanan contact form gratis berikut ini. Hanya butuh waktu lima menit.

Penampakan contact form nantinya akan seperti gambar gambar diatas..

Caranya;

1. Pertama anda harus mengunjungi situs FOXYFORM. Disana anda akan disuruh melihat setelan contact form (Settings dan Advanced Settings) seperti gambar dibawah ini. Anda bisa menentukan setelan dan warna warna contact form sesuai keinginan anda. Tapi sebaiknya tidak usah disetel lagi karena menurut saya setelan default disana sudah cukup bagus dan simple.

2. Kedua isilah kolom seperti gambar dibawah ini dengan Email anda sendiri yang ingin anda gunakan sebagai kontak, lalu isilah sandi robot atau anti spam atau captcha pada kolom yang ada dibawahnya. Kemudian klik Create Formular yang ada di bawahnya.

3. Ketiga dan terakhir. Anda akan diberi kode script contact form secara langsung disitu dan juga dikirim ke email anda. Copy code script yang diberikan kepada anda, lalu buatlah halaman contact us baru di blog dan pastekan kode script tadi di menu HTML (bukan Compose) pada halaman baru yang anda buat tersebut, dan Publish.

Selesai dan lihat hasilnya.

Keterangan:

* Jika anda ingin merubah ukuran contact form, anda bisa merubahnya secara manual dengan cara menambah atau mengurangi ukuran pixel yang ada di code script tersebut. Misalnya ukuran 350px anda rubah menjadi 700px atau ukuran lain. Anda bisa melihat dengan alat pratinjau/preview di blogger sampai contact form tersebut benar-benar serasi dengan ukuran lebar halaman anda.

* Nantinya jika ada pembaca yang menghubungi anda melalui contact form yang anda buat tersebut maka akan diteruskan secara otomatis ke alamat email yang anda gunakan untuk membuat contact form tadi.

Sekian dulu informasi dari juragan cipir dan semoga bermanfaat bagi tuan dan nyonya juragan. Terimakasih dan happy blogging....

Cara Membuat Space Iklan Melayang di Bawah Blog

Memasang iklan di bagian strategis pada blog adalah kewajiban kita dalam meningkatkan penghasilan dari iklan AdSense. Salah satunya dengan memasang iklan melayang di samping dan bagian bawah blog. Sebenarnya iklan melayang atau pop-up telah dilarang oleh banyak penyedia iklan seperti KlikSaya.com, jadi kalau Anda sedang memasang iklan dari tersebut sebaiknya jangan memasang iklan melayang atau pop-up.

Berikut langkah cara membuat space iklan melayang di bawah blog :

1. Login akun blogger Anda.

2. Pilih menu tab Tata Letak > Tambahkan Gadget > HTML/JavaScript.

3. Copy paste kode berikut pada gadget HTML/JavaScript.

</script><br />

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

</script>

div#btm_banner {

bottom: 0;

position: fixed;

width: 100%;

opacity: 0.9;

left: 0;

}

div#btm_banner img{

border:0;

cursor:pointer;

}

</style>

<p>

Letakkan kode iklan AdSense Anda disini!

</center></p>

</p>

</div>

NB : Ganti tulisan yang berwarna merah dengan script iklan Anda.

4. Kemudian Simpan.

Nah, semoga informasi membuat space iklan melayang di bawah blog dapat membantu!

Cara Membuat Widget Multi Tab View Untuk Blog

Caralukman - Selamat Malam sobat blogger, kali ini saya mau Ngeshare "Cara Mudah Membuat Widget Multi Tab View Untuk Blog"

Apasih pengertian Widget Multi Tab??

Multi tab widget adalah suatu keharusan widget untuk setiap blog. Ini membantu untuk mengurangi loading blog dengan menggabungkan tiga atau lebih dari tiga widget menjadi satu. Sobat mungkin telah melihat widget ini pada setiap blog yang sobat kunjungi dan bahkan di blog saya (lihat sidebar) tetapi pertanyaannya adalah bagaimana cara menambahkannya?

Jika sobat ingin menambahkan widget multi tab ini pada blog sobat, silahkan ikuti langkah-langkah dibawah ini :

silahkan ikuti langkah-langkah dibawah ini :

Sobat login ke akun blog sobat.
Pilih Template =>> Edit HTML.
Cari kode </head> dengan menekan Ctrl+F pada keyboard sobat di kotak Edit HTML.
Jika sudah menemukannya sobat Copy kode dibawah ini, kemudian Paste tepat diatas kode </head>.

Simpan Template.
Kemudian pilih Tata Letak =>> Tambahkan Gedget.
Pilih HTML/Javascript.
Kemudian Copy kode dibawah ini dan Paste di kolom HTML/Javascript.

<style type="text/css"> div.TabTampil div.TTs {height: 24px; overflow: hidden; } div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active { background-color: #eee; } div.TabTampil div.Halamans { clear: both; border: 1px solid #fff; overflow: hidden; background-color: #ffffff;} div.TabTampil div.Halamans div.Halaman { height: 100%; padding: 0px; overflow: hidden; } div.TabTampil div.Halamans div.Halaman div.Alas { padding: 3px 5px; } div.TabTampil div.TTs a { border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; border-bottom:0px solid #eee; float: left; display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif; font-size: 11px; font-weight: 900; color: #000000} </style> <form action="tabtampil.html" method="get"> <div id="TabTampil" class="TabTampil"> <div style="width: 300px;" class="TTs"> <a>Tab 1</a> <a>Tab 2</a> <a>Tab 3</a></div> <div style="width: 300px; height: 300px;" class="Halamans"> <div class="Halaman"> <div class="Alas"> <br/>
Taruh content Tab 1 disini
</div> </div> <div class="Halaman"> <div class="Alas"> <br/>
Taruh content Tab 2 disini
</div> </div> <div class="Halaman"> <div class="Alas"> <br/>
Taruh content Tab 3 disini
</div> </div> </div> </div> </div></form> <script type="text/javascript">tabtampil_inisial('TabTampil');</script>

Simpan HTML/Javascript.

Catatan :

Kode yang berwarna Merah adalah kode warna untuk Tab.
Kode yang berwarna Biru adalah kode warna untuk Border dan background Main Body Widget.
Kode yang berwarna Orange adalah kode warna untuk Border Tab.
Kode yang berwarna Ungu adalah kode warna untuk Tulisan.

NB : Ini Hanya HTML biasa

Sekian info yang dapat saya sampaikan untuk sobat mengenai Cara Mudah Membuat Widget Multi Tab View Untuk Blog. Semoga Artikel yang saya buat ini dapat bermanfaat untuk sobat. Jika sobat mengalami kesusahan dalam pemasangan, jangan ragu-ragu untuk bertanya di kolom komentar. Salam Blogger :D

Cara Mendaftarkan Blog di Google Webmaster Tools

Caralukman - sebelumnya, kalian tau apakah itu Google WebMaster??

jika sobat tidak tau maka admin akan menjelaskannya. Google webmaster tools merupakan sebuah alat bantu atau perangkat yang disediakan oleh Google untuk mengoptimalkan sebuah blog atau website yang bisa diakses tentunya apabila blog atau situs tersebut telah didaftarkan sebelumnya ke google. Bila kita berbicara tentang Search engine Optimization (SEO) dan SERP (search engine result page) tak akan bisa dilepaskan dengan tools ini. Artinya upaya SEO tanpa Google webmaster tools = Minimal hasil. Kenapa minimal? Bagaimanapun juga walau kita tidak mendaftarkan blog dan submit sitemap blog di google blog kita masih bisa diindeks google, namun hanya sebagian kecil saja.Berikut saya jelaskan step by step tata Cara Mendaftarkan Blog di Google Webmaster Tools. Silahkan anda perhatikan secara seksama.

1. Silahkan kunjungi situs Google Webmaster Tools di url ini http://google.com/webmasters

2. Klik tombol Masuklah ke Layanan Alat Webmaster

3. Silahkan klik tombol Tambahkan Situs

4. Masukkan alamat Url Blog/website anda dan kemudian silahkan klik tombol Terus

5. Silahkan klik tulisan Metode Alternatif

6. Pilih opsi Tag HTML

7. Silahkan copas kode verifikasi Google Webmaster Tools

8. Silahkan paste kan kode verifikasi tersebut di blog anda

Apabila Anda Pengguna Blogger/Blogspot

- Log in di www.blogger.com

- Masuk ke Dashboard > pilih menu Template > pilih sub menu Edit Template

- Silahkan cari kode <head> di Edit Template

- Letakkan kode verifikasi tadi dibawah kode <head>

- Klik Save

Apabila Anda Pengguna WordPress.com

- Silahkan log in di http://namablog.wordpress.com/wp-admin

- Masuk ke Dashboard

- Pilih menu Perkakas

- Pilih sub menu Perkakas yang tersedia

- Masukkan kode verifikasi tadi ke kolom Google Webmaster Tools

- Klik Simpan Perubahan

Apabila Anda Pengguna WordPress Selfhosted

- Silahkan log in di blog anda http://namadomain.com/wp-admin

- Masuk ke dashboard > Pilih Menu Appearence > Pilih sub menu Editor

- Pilih Header (header.php)

- Letakkan kode verifikasi tadi di bawah kode <head>

- Klik tombol Update File

9. Setelah kode verifikasi di pasang di blog anda, silahkan klik tombol Verifikasi

10. Selamat!! Anda sudah berhasil mendaftarkan blog/website anda di Google Webmaster Tools

Demikain informasi sederhana yang bisa saya share untuk anda tentang Cara Mendaftarkan Blog di Google Webmaster Tools.Terimakasih atas perhatiannya.