Mengganti Powered by Blogger dengan suka-suka

Mengganti Powered by Blogger boleh-boleh aja, karena blogger tidak melarang, agar blog kita semakin kren, cuma disarankan agar tidak merubah total tetap memberikan referensi ke blogger selaku penyedia domain gratis. Okelah para soba langsung aja ke TeKape

Pertama masuk dulu akun blogger.com, para blogger pasti udah pada tahu langsung menuju Edit HTML lanjutkan dan mencentang kotak widget expand dilanjutkan untuk mencari 

<!-- outside of the include in order to lock Attribution widget -->

Kurang lebih skripnya seperti ini

<!-- outside of the include in order to lock Attribution widget -->
          <b:section class='foot' id='footer-3' showaddelement='no'>
    <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
    <b:includable id='main'>
        <b:if cond='data:feedbackSurveyLink'>
          <div class='mobile-survey-link' style='text-align: center;'>
            <data:feedbackSurveyLink/>
          </div>
        </b:if>

        <div class='widget-content' style='text-align: center;'>
          <b:if cond='data:attribution != &quot;&quot;'>
           <data:attribution/>
          </b:if>
        </div>

        <b:include name='quickedit'/>
      </b:includable>
    </b:widget>
    </b:section>

Yang perlu para blogger lagukan merubah script tersebut menjadi seperti di bawah

<div class='credit-wrapper'>
<div class='credit'>
<div style='float:left;text-align:left;'>

 &#169; <span style='font-size:12px;'><data:blog.title/></span> | Powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
<div style='float:right;text-align:right;'>
Design by <a href='http://baajei.blogspot.co.id/'>BMB</a>
 </div>
</div>
</div>

Ganti pada tanda yang saya beri warna biru dengan URL blog sobat

Ganti pada tanda yang saya beri warna merah dengan Nama blog sobat

Kemudian masukan CSS dibawah ini sebelum kode ]]></b:skin>

.credit-wrapper{background:#000;width:990px;border-top:1px solid #ccc;margin:0 auto;padding:0 auto}
    .credit{width:955px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#458FDA;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 10px 10px}
    .credit a:link,.credit a:visited{color:#458FDA;text-decoration:none}
    .credit a:hover{color:#458FDA;text-decoration:none}

Catatan : untuk kode warna seperti #458FDA bisa sobat tes di program phoshop kalau ingin gonta-ganti warna, kalau nggak juga ro popo.....

Cuku sekian penjelesan mengenai  Mengganti Powered by Blogger semoga berhasil.

Artikel Terkait

• Mengganti Menu Navbar

Cara Setting ID MyLiveChat

Melanjutkan artikel Memasang Aplikasi atau plugin chatting sekarang Cara Pengaturan Akun MyLiveChat. Pastikan Anda sudah login ke MyliveChat.

Ini adalah langkah untuk membuat nama Agen yang bisa anda gunakan untuk berinteraksi dengan pelanggan/client anda dalam area chatting. Silahkan loggin di MyLiveChat dengan akun yang sudah anda buat tadi .

Anda hanya bisa memiliki 1 agen karna ini accoun gratis bukan berbayar.
Silahkan klik tombol Pensil untuk mengedit account agen yang ada dan menyesuaikan informasi yang anda butuhkan seperti di bawah ini :

Mulai Chatting dengan Client anda

Untuk bisa berinteraksi dengan pengunjung blog anda,sebelumnya anda harus instal aplikasi MyLiveChat di desktop atau Android anda. Silahkan download Disini dan instal pada komputer anda.Bagi anda yang menggunakan Smartphone bisa langsung menuju ke Google Play Store untuk unduh secara gratis. Yang perlu anda masukkan untuk memulai chat adalah :

• MyLiveChat ID
• Agent Name 
• Password

 Demikian Cara Setting Id MyLiveChat. Semoga Berhasil. Jangan Pernah Berhenti sebelum sampai ke tempat Tujuan. Kata-kata Motivasi.

Memasang Aplikasi atau plugin chatting

Memasang LiveChat di Blog

Memasang Aplikasi atau plugin chatting sangat penting perannya dalam sebuah situs toko online. Kenapa tidak, jika calon pembeli masuk ke situs toko online kita dan ingin membeli produk sudah barang tentu membutuhkan penjelasan cara pemesanan maupun pembayaran. Dapat dibayangkan jika toko tanpa ada pelayan, sudah tentu konsumen akan pergi lagi tidak jadi belanja. Dengan fasilitas chatting ini akan menambah kepercayaan konsumen dalam bertransaksi online. Kini Aplikasi chatting sudah gratis serta bisa anda dapatkan dengan mudah. Pengembangnya pun semakin banyak dengan kelebihan mereka masing-masing seperti kita kenal PureChat, MyliveChat, Zopim dan masih banyak lagi. Plugin seperti ini sangat berguna sekali untuk berbagai keperluan seperti jualan online bagi yang punya toko online dan juga website bisnis sejenis untuk merespon pelanggan dengan cepat.

Fakta mengungkapkan bahwa tidak semua orang mau menunggu anda untuk memberikan respon atas apa yang mereka tanyakan, entah itu seputar order maupun hal-hal lain yang menyangkut bisnis anda. Inilah kenapa perlu Aplikasi Live chat untuk blog yang serius dalam bisnis onlinenya.

Mylivechat memberikan banyak sekali kemudahan bagi para penggunanya. Tidak hanya chatting dengan pengunjung web,tapi juga bisa terintegrasi dengan smartphone untuk melihat langsung traffik web/ blog dengan sangat akurat. Berikut beberapa kelebihan dari MyLiveChat yang saya tau dan sudah terbukti :

• Gratis sudah pasti.
• Mampu Terintegrasi dengan SMARTPHONE anda.
• Cepat dan akurat.
• Tampilan ruang chat sangat Flexibel.
• Mampu di integrasikan melalui smartphone.
• Pemberitahuan traffik blog yang akurat .
• dan masih banyak lagi.

Oke tanpa perlu panjang lebar saya akan suguhkan cara memasang Aplikasi Chatting di blog, di sini kita akan memakai aplikasi MyLiveChat.

Langkah pertama anda harus membuat akun terlebih dahulu di MyLivechat dengan mengisikan beberapa formulir seperti berikut :

Setelah data di diisi klik Create Account Now. Jika berhasil maka anda akan diberikan link untuk di pasang di blog anda.

Copy link tersebut ..... sementara di paste aja di word atau wordpad.

Nah selanjutnya cara memasang Aplikasi di Blog kita.

Seperti biasa anda harus loggin terlebih dahulu ke account blogger masing-masing. 

mempercepat pencarian gunakan ctrl+f )

Silahkan pastekan kode yang anda copy tadi tepat di atas kode </body>

Simpan template dan lihat plugin chat online yang terpasang di pojok kanan bawah web atau blog anda.

Boleh coba di lihat perubahan pada Blog Anda semoga berhasil. Selanjutnya simak cara mensetting ID MyLiveChat.

Cara Menyembunyikan Tanggal Postingan / Artikel Blogspot

Cara Menyembunyikan Tanggal Postingan / Artikel Blogspot ~ Saat melakukan pencarian artikel menggunakan keyword tertentu sering kali terlihat tanggal postingan yang tampil pada saat pencarian.

Tanggal tersebut menunjukkan waktu diterbitkannya (publikasi) artikel yang akan dibaca, Hal ini juga yang akan memberitahukan kepada calon pengunjung bahwa artikel tersebut masih baru atau sudah

Membuat Deskripsi dan Keyword SEO Friendly

Membuat Meta Deskripsi dan Keyword Blogger

Salah satu hal yang paling berpengaruh terhadap trafik atau pengunjung blog adalah Pemasangan Meta Tag dan Tittle Tag SEO Friendly. Meta tag ini dapat diselipkan ke template blog anda. Meta Tag adalah pemberi perintah kepada bot Google atau bot search engine lainnya terhadap hal-hal yang terjadi dalam blog kita. Jadi, setiap ada hal baru dalam blog, maka secara otomatis hal ini akan langsung diberitahukan kepada bot Google atau bot search engine lainnya. 

Cara Memasang Meta Tag dan Tittle Tag SEO Friendly tidak terlalu sulit untuk dilakukan. Blogger hanya perlu mengatur tiga bagian penting, seperti DESKRIPSI BLOG, KEYWORDBLOG, dan NAMA AUTHOR. Anda tinggal menyesuaikannya saja dengan hal-hal yang ada di blog anda. Jika anda bingung, anda bisa membuat deskripsi dan keyword blog anda sama.

Cara Memasang Meta Tag dan Tittle Tag SEO Friendly
1. Login ke akun blogger anda.
2. Pergi ke Template ► Edit HTML.
3. Carilah kode <b:include data='blog' name='all-head-content'/> Bagi yang tidak menemukan kode ini bisa ditaruh dibawah kode <head> Hal ini terjadi karena setiap template yang berbeda-beda
4. Periksa terlebih dahulu meta tag anda yang sebelumnya. Jika menemukan meta tag yang sama. Dihapus saja dan gantikan dengan meta tag dibawah ini.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.Title/></title>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='Belajar Membuat Web, Blog dengan Blogger, Wordpress, Joomla' name='description'/>

<meta content='Membuat Web Sendiri, Belajar Blog, Belajar Desain Blog, Seo Blogger' name='keywords'/>

</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta content='Index, Follow' name='robots'/>
<meta content='baajei' name='author'/>
<meta content='General' name='Rating'/>

Keterangan :
a. DESKRIPSI BLOG dapat anda ganti dengan deskripsi blog anda.
b. KEYWORD BLOG dapat anda ganti dengan keyword blog anda.
c. NAMA AUTHOR dapat anda ganti dengan nama anda.
5. Isilah deskripsi blog anda, keyword blog anda, dan nama anda dengan benar agar bot Google atau bot search engine lainnya dapat segera membaca meta tag blog anda. Lalu simpanlah template anda.

Utak Atik Template Bloger Mengganti Menu Navbar

Salam Blogger.

Sekarang akan di bahas tentang Mengganti atau Menyembunyikan Menu Navbar menjadi suka-suka.

Ketika membuat blog dengan menggunakan platform Blogger atau Blogspot, maka secara default di atas header akan ditampilkan bilah mendatar berisikan beberapa menu yang biasa disebut dengan istilah ‘Navbar’ atau dapat pula disebut sebagai baris navigasi. Namun karena beberapa alasan (misalnya adalah untuk mempercantik tampilan halaman), maka tidak sedikit pengelola blog yang menyembunyikan bagian tersebut dengan cara menambahkan kode tertentu ke dalam template.

Pahami dulu apa itu Navbar serta posisinya. Ditunjuk oleh panah merupakan Navbar yang akan kita hilangkan dan di ganti.

Menu Navbar

Oke..... setelah paham ayo kita lanjutkan proses penggantiannya. Simak baik-baik jangan takut salah, jika anda takut salah maka tidak akan pernah mencoba.

Pertama, pastikan anda suda Sign Blogger.com. kalau sudah buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’.

Kedua, cari ]]></b:skin> dan kemudian sisipkan kode di bawah ini tepat di atasnya.

#navbar-iframe {
  height:0px; visibility: hidden; display: none;
}

Keterangan:
Kode tersebut berfungsi untuk menyembunyikan navbar standar Blogger, sehingga apabila sebelumnya Anda telah menyembunyikan navbar standar maka lewati langkah ini dan lanjutkan pada langkah yang ketiga.

Ketiga, sisipkan rangkaian kode CSS berikut ini tepat di atas ]]></b:skin> .

/*--------------------------------------------------------------
Kustomisasi Bilah Menu Navigasi Di Atas Header Halaman Blog
Oleh: fauzichaniago
Blog: Belajar Buat Blog
URL : http://baajei.blogspot.co.id/
--------------------------------------------------------------*/
.bilah-menu-atas {
  width: 100%;
  min-width: 1060px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 27px;
  font-size: 13px;
  z-index: 99;
  white-space: nowrap;
  background-color: #8DD37F;
  background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #8DD37F 100%);
  box-shadow: 0px 2px 0px rgb(14, 90, 140);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
  -moz-transition: all 0.2s linear 0s;
  width: 960px;
  height: auto;
  margin: 0px auto;
}

.kolom-menu {
  width: 521px;
  height: auto;
  margin: 0px 0px 0px -41px;
  float: left;
  display: inline;
}

.kolom-menu ul {
  height: auto;
  margin-top: 0px;
}

.kolom-menu ul li {
  float: left;
  position: relative;
  list-style: none outside none;
}

.kolom-menu ul li:first-child {
  border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
  color: #ffffff;
  font-weight: bold;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  display: inline-block;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  border-right: 1px solid rgba(30, 30, 30, 0.125);
  box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
  background-color: rgba(255, 255, 255, 0.125);
}

Keterangan:
Warna yang dihasilkan oleh rangkaian kode CSS di atas adalah warna biru untuk background dan putih pada teks. Sehingga apabila belum sesuai dengan desain tampilan halaman blog Anda, maka sesuaikan warna yang digunakan dengan mengganti kode warna yang dipakai pada bagian color:, background-color:, dan background-image:.

Keempat, cari kode <body dan kemudian sisipkan rangkaian kode dengan format seperti contoh berikut ini tepat di bawahnya.

<div class='bilah-menu-atas' id='bilahmenuatas'>
  <div class='kolom-utama'>
    <div class='kolom-menu'>
      <ul>
        <li><a href='http://baajei.blogspot.co.id/'><img alt='L3' height='15px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnUfEyirVKXLxQoxKptvNO3NfhFqgiFHKH8zyb1aV6Q-LHrKAVtDoUv5JGRaDU9_IuinS5Y4KiZNBoxoIJ0DIIJFnNNKXr_YikfQMS3KNhx4YN7FnyedqFzaQTF9JrrLS41ZxDfVDSuek/s800/Beranda.png' width='20px'/></a></li>
        <li><a href='http://baajei.blogspot.co.id/p/site-map.html'>Sitemap</a></li>
        <li><a href='http://baajei.blogspot.co.id/search/label/Pantai'>Wisata Pantai</a></li>
      </ul>
    </div>
    <div class='kolom-menu'>
      <ul style='float: right'>
        <li><a href='http://baajei.blogspot.co.id/search/label/bloger'>Bloger</a></li>
        <li><a href='http://baajei.blogspot.co.id/search/label/Template'>Template</a></li>
      </ul>
    </div>
  </div>
</div>

Keterangan:
Ganti http://baajei.blogspot.co.id/ dengan URL blog Anda dan ganti pula kata URL dengan link artikel yang akan ditautkan. Dan kemudian ubah kata Menu Kiri 1, Menu Kiri 2, Menu Kanan 1 dan Menu Kanan 2 sesuai dengan menu tampilan yang dikehendaki.

Kelima, simpan template.

Setelah template disimpan maka navbar standar Blogger tidak lagi ditampilkan di halaman blog dan akan tergantikan dengan navbar baru seperti yang tampak pada blog baajei.blogspot.co.id. 

Kemudian perlu diketahui bahwa rangkaian contoh kode pada langkah yang keempat akan menghasilkan 2 (dua) buah kolom menu. 

Kolom sebelah kiri berisikan 3 (tiga) buah menu yaitu Beranda (Home), 

Menu Kiri 1, dan Menu Kiri 2,  sedangkan kolom sebelah kanan berisikan 2 (dua) buah menu yaitu Menu Kanan 1 dan Menu Kanan 2. 

Sehingga apabila belum sesuai dengan keinginan, maka silakan dilakukan kustomisasi seperlunya dengan menambahkan atau mengurangi kode

 <li><a href='URL'>Menu</a></li>.

Baiklah sekian uraian tenang Utak Atik Template Bloger Mengganti Menu Navbar.

Semoga menambah ilmu dan pengetahuan sobat Blogging semuanya.

Artikel Terkait :

6 Resiko Buruk Bagi Blogger Yang Patut Diwaspadai

Bagi seorang blogger, Duduk setiap hari selama berjam-jam menatap komputer PC atau Laptop sudah menjadi suatu pekerjaan rutin yang lebih dari sekedar hobby. Apalagi bila kegiatan blogging adalah mata pencaharian yang sudah tentu tidak bisa dilepaskan begitu saja. Tetapi dibalik semua itu ternyata menyimpan resiko buruk bagi blogger yang patut diwaspadai setiap saat.

Seorang blogger

Cara Mengatur Jarak Antar Widget Sidebar Blogger

Cara Mengatur Jarak Antar Widget Sidebar Blogger

Widget berguna untuk melengkapi blog, tanpa adanya widget blog menjadi terasa hambar. Meskipun demikian harus berhati-hati dalam menambahkan widget karena terlalu banyak widget, dapat mengakibatkan blog menjadi berat saat dibuka.

Alangkah baiknya dalam menambahkan widget, cari yang terpenting saja, misalnya Artikel Populer, Recent Post, dan Artikel terkait. Biasanya widget yang berasal dari pihak ketiga (selain bawaan Blogger) akan membebani blog, contohnya widget pengunjung blog yang disertai animasi meskipun bagus dipandang namun sangat membawa kontribusi besar dalam memperlambat loading blog.

Pemasangan widget juga harus diatur tata letaknya. Jika anda masih memakai template blogger standar bawaan Blogger alias belum dimodifikasi, jika ditambahkan widget pada sidebar akan terdapat ruang kosong alias jarak yang kurang rapat. Tentu hal ini akan menjadi pemandangan yang kurang menarik karena antar gadget atau widget saling berjauhan.

Sebenarnya hal tersebut bisa diatasi dengan menambahkan baris kode CSS, tapi permasalahannya kode css mana yang harus ditambahkan.? Saya masih ingat pernyataan seorang teman yang mengatakan bahwa sekecil apapun suatu permasalahan apabila belum tahu caranya akan terasa rumit. Untuk itu di kesempatan ini saya ingin berbagi tentang bagaimana cara mengatur jarak antar widget dengan css.

Yang perlu anda lakukan adalah menambahkan baris kode berikut ini :
.main-inner .widget {margin: 1px 0px;}
Letakkan kode tersebut di atas kode ]]></b:skin>
lalu simpan/save.

Sebelum

 Sesudah

Demikian Penjelasan tentang Cara Mengatur Jarak Antar Widget Sidebar Blogger selanjutnya tinggal kreasi sobat.

16 TIPS MENULIS ARTIKEL BLOG ENAK DIBACA PENGUNJUNG

16 Tips Menulis Artikel Blog Enak Dibaca Pengunjung ~ Salah satu faktor penting yang memberikan nilai suatu blog adalah artikel. Sebagus apapun judul tetap saja isi artikelah yang menjadi nilai utama pengunjung untuk memutuskan membaca lebih lanjut atau meninggalkan artikel tersebut.

Selain manfaat yang terkandung dalam artikel, Perlu diperhatikan juga struktur penulisan maupun peletakkan

Cara Mengetahui Top Keyword Hari ini

Mengetahui Top Keywords di sini

Cara Mengetahui Top Keyword Hari ini. Dalam menulis Sebuah artikel, agar artkel kita banyak yang membaca salah satunya adalah mengetahui apa yang lagi banyak di bicarakan online pada hari ini. Topik yang menjadi trend atau paling banyak di cari, akan mendatang banyak pembaca pada blog kita. Bukan rahasisa umum lagi, riset kata kunci (keyword) memanglah banyak dipakai blogger untuk memastikan judul yang pas, kata kunci (keyword) yang pas serta pada waktu yang pas. riset kata kunci (keyword) dikerjakan gunakan tool google insight. Untuk mengetahui apa yang menjadi trend pada hari ini, berikut tips Cara Mengatahui Top Keyword Google Per Hari:

langkah riset keyword atau Trend Topik Hari Ini

1. kunjungi link google.com/trends/

2. pada kelompok pencarian, tentukan kelompok yang anda kehendaki contohnya : computers and electronics. 

3. bila telah, klik search 

nah, anda dapat melihat sendiri pada tabel dibawahnya, terdiri dari sebagian keyword yang dicari orang kurun waktu 1 minggu paling akhir. keyword paling atas. Anda bisa mengexplorasi sendiri dari hasil keyword atau trend pada satu minggu ini dan anda bisa jadikan bahan untuk artikel. Setelah itu adan bisa share pada social network memang masih ampuh mendatangkan pengunjung dan menang di SEO.

Membuat Sitemap Blogger

Membuat Sitemap Blogger atau Daftar isi blog

Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi atau sitemap tersebut sangat mudah atau gampang, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.

(Jika gagal kita bisa gunakan cara ke-2 dalam membuat daftar isi / sitemap Blogger atau cara ke-3 membuat sitemap)

Pembuatan sitemap atau daftar isi secara otomatis pada artikel ini ditujukan untuk pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger bukan Wordpress, Tumblr, dan platform blog lainnya. Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.

Gambar 1. Laman Sitemap

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :

1. Masuk ke akun blogger
2. Pilih menu 'Laman'
3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
4. Pilih mode 'HTML'
5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
6. Masukkan kode utama sebagai berikut
   
   

   <script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://baajei.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

   
   
7. Ganti kode 'baajei.blogspot.com' di atas dengan alamat blog anda
8. Publikasikan

Daftar Isi / Sitemap Ber-scroll

Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll di samping kanan (gambar 2), anda harus menambahkan sedikit kode di awal dan di akhir (antara kode utama). Jadi jika digabungkan kodenya akan terlihat seperti berikut:

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://baajei.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Nilai '100' pada 'height' bisa dirubah sesuai dari panjang daftar isi yang diinginkan. Jangan lupa ganti kode 'baajei.blogspot.com' di atas dengan alamat blog anda.

Gambar 2. Sitemap dengan scroll

Informasi terkait

1. Cara ke-2 membuat sitemap
2. Cara ke-3 membuat sitemap

Terima kasih telah berkunjung di Belajar Membuat Blogo, tepatnya di artikel tentang Membuat Sitemap Blogger. Ikuti terus perkembangan blog ini

Membuat Text atau Gambar Berjalan di Blog

Membuat Tex atau Gambar Berjalan akan menambah keindahan dan tampilan blog, sehingga blog kita mempunyai nilai Seo lebih. Bagaimana cara membuat tulisan berjalan? Tulisan atau teks berjalan atau running text ini biasa juga kita sebut marquee, karena untuk membuatnya menggunakan kode marquee. Tulisan ini bisa membuat blog anda terlihat lebih menarik bagi pengunjung.

Untuk membuat tulisan berjalan atau Marquee ini sebenarnya sangat mudah. Kali ini kita akan mencoba membuat beberapa jenis marquee, agar lebih banyak variasi yang bisa anda pilih. Terlebih dulu kita akan belajar membuat kodenya, lalu belajar cara memasangnya pada blog....

Kode dasar untuk membuat marquee atau teks berjalan adalah....

 <marquee>TULISAN YANG AKAN BERGERAK</marquee>

Kode di atas akan terlihat seperti ini:
TULISAN YANG AKAN BERGERAK
 

Tapi selain kode di atas ada beberapa tambahan kode yang bisa anda berikan untuk membuat variasi dari marquee. Di bawah ini kita akan berikan kodenya dan sekaligus mempraktikkan marquee tersebut....

kode scrolldelay="angka" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000
Contoh kode marquee:

<marquee scrolldelay="500">RUNNING TEKS DELAY 0,5 DETIK</marquee>

Hasilnya akan terlihat seperti di bawah ini:
RUNNING TEKS DELAY 0,5 DETIK

kode loop="angka|-1|infinite" digunakan untuk mengatur pengulangan atau repetisi dari marquee
Contoh:

<marquee loop="3">MARQUEE BEROTASI 3 KALI SAJA</marquee>

Hasilnya akan terlihat seperti di bawah ini:
MARQUEE BEROTASI 3 KALI SAJA
Keterangan: Setelah 3 kali teks akan hilang.

kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada
Contoh kode:

<marquee width="50%">MARQUEE LEBAR 50 PERSEN</marquee>

Hasilnya akan terlihat seperti di bawah ini:
MARQUEE LEBAR 50 PERSEN

kode bgcolor="warna" digunakan untuk memberikan warna latar pada marquee jika diperlukan
Contoh kode marquee:

<marquee bgcolor="yellow">RUNNING TEXT LATAR KUNING</marquee>

Hasilnya akan terlihat seperti di bawah ini:
RUNNING TEXT LATAR KUNING


kode title="pesan" digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan
Contoh kode:

<marquee title="BISA TERBACA PESANNYA">TEKS BERJALAN DENGAN PESAN</marquee>

Hasilnya akan terlihat seperti di bawah ini:
TEKS BERJALAN DENGAN PESAN
Keterangan: Taruh kursor mouse pada jalur dan bukan pada teks untuk membaca pesan

kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Contoh kode:

<marquee scrollamount="14">MARQUEE SPEED 14!!!</marquee>

Hasilnya akan terlihat seperti di bawah ini:
MARQUEE SPEED 14!!!

kode direction="left/right/up/down" digunakan untuk mengatur arah pergerakan running text
Contoh kode:

<marquee direction="right">MARQUEE BERGERAK KE KANAN</marquee>

Hasilnya akan terlihat seperti di bawah ini:
MARQUEE BERGERAK KE KANAN

kode behavior="scroll/slide/alternate" digunakan untuk mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:

<marquee behavior="alternate">MARQUEE BERGERAK BOLAK-BALIK</marquee>

Hasilnya akan terlihat seperti di bawah ini:
MARQUEE BERGERAK BOLAK-BALIK
Sekarang kita akan coba membuat variasi dari kode di atas. Kita akan membuat teks ini bergerak turun dan oleh karena itu kita perlu menambah kode height untuk membuat ruang pergerakan teks;
Contoh kode:

<marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee>

Hasilnya...
MARQUEE BERGERAK KE BAWAH

Lalu bagaimana caranya membuat tulisan ini berhenti jika dilintasi kursor mouse?
Mudah, silahkan tambahkan kode

onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti berikut:

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">MARQUEE BERGERAK BOLAK-BALIK</marquee>

Tampilan akhir akan terlihat seperti berikut....
MARQUEE BERGERAK BOLAK-BALIK
Keterangan: Silahkan lintaskan kursor pada jalur ataupun teks untuk menghentikan pergerakan

Bisakah Marquee diberi link? 
Tentu saja, sebagai contoh lihat kode berikut:
<marquee direction="down" height="100" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="http://baajei.blogspot.com/2015/09/membuat-text-atau-gambar-berjalan-di.html">Membuat Text atau Gambar Berjalan di Blog(MARQUEE)</a>
</marquee> 
Tampilan akhir akan terlihat seperti berikut....

CARA MEMBUAT TULISAN BERJALAN (MARQUEE)


Demikianlah berbagai ragam cara untuk membuat teks berjalan. Mudah-mudahan ini bisa menjadi alternatif bagi anda dalam menghias blog menjadi lebih menarik. Silahkan bereksperimen untuk meramu kode-kode di atas.

Mengubah Huruf, Warna dan Ukuran Huruf Teks Berjalan Marquee

Jenis huruf dan ukuran bisa diubah dengan menambahkan kode style="font-family: impact; font-size:24px; color: #cc0000;"

font-family: impact; adalah kode untuk mengubah jenis huruf. Jika anda tidak suka dengan font impact, silahkan diganti dengan Arial, Times New Roman, dan lain-lain

font-size:24px; adalah kode untuk mengatur ukuran huruf. Ubah nilai 24 sesuka hati anda. Semakin besar nilainya, maka semakin besar juga hurufnya.

color:#cc0000; adalah kode untuk mengatur warna huruf. Silahkan mengganti kode hex #cc0000 dengan nilai hex yang anda suka.

Contoh kodenya:
<marquee bgcolor="yellow" style="font-family: impact; font-size:24px; color:#cc0000;" >RUNNING TEXT LATAR KUNING</marquee>

Contoh tampilan:
RUNNING TEXT LATAR KUNING

Lalu bagaimana cara memasang kode-kode ini?
Saudara bisa memasang kode yang sudah dibuat pada dua tempat, yaitu widget dan artikel:
Untuk memasang pada widget silahkan ikuti langkah berikut:

• Buka menu Tata Letak / Layout
• Klik Tambah Gadget
• Pilih gadget HTML/JAVASCRIPT
• Masukkan kode yang sudah dibuat
• Simpan perubahan pada gadget

Untuk memasang pada artikel ikuti langkah berikut:

• Saat menulis artikel masuk ke mode HTML
• masukkan kode HTML marquee saat berada di mode ini
• Kembali ke mode Compose untuk melihat apakah posisi teks sudah benar
• Klik PRATINJAU untuk melihat versi web aktif

Ok, sekarang anda sudah tahu cara membuat dan memasangnya. Berarti saudara sudah bisa bereksperimen sendiri untuk menghias blog menjadi lebih menarik.... Jadi sekian dulu artikelnya, terima kasih sudah mampir...

Harga Samsung Galaxy Note 5, Ponsel Tercepat Ram 4GB

Harga Samsung Galaxy Note 5 – Tidak lama lagi sobat ulashape.com akan terkagum-kagum dengan hadirnya Samsung Galaxy Note 5 yang kabarnya akan dirilis pada pertengahan bulan Agustus 2015. Mengkuti traidisi sebelumnya, Galaxy Note 5 akan menjadi phablet premium dengan spesifikasi layar jumbo 5.7 inci dan dilengkapi teknologi S-Pen berteknologi canggih. Sebenarnya terlalu dini Galaxy Note 5 diperkenalkan ke publik, karena biasanya Samsung merilis seri Galaxy Note pada bulan September dan mulai memasarkannya pada bulan Oktober.

Perilisan Samsung Galaxy Note 5 kabarnya dipercepat untuk mengantisipasi kehadiran phablet iPhone 6s Plus yang notabennya merupakan pesaing terdekat Galaxy Note 5 dalam ranah phablet premium. Kedua smartphone ini sama-sama menawarkan layar jumbo dengan beragam teknologi canggih sesuai kelebihan masing-masing smartphone tersebut. Nah bagi sobat ulahape yang penasaran apa saja kelebihan yang dibawa Galaxy Note 5, silahkan simak review selengkapnya pada ulasan Spesifikasi Dan Harga Samsung Galaxy Note 5 dibawah ini.

Spesifikasi Dan Harga Samsung Galaxy Note 5

Spesifikasi dan Harga Samsung Galaxy Note 5

1. Harga Samsung Galaxy Note 5

Harga Samsung Galaxy Note 5 32GB	$839.99 (Rp 10.9 Jutan)
Harga Samsung Galaxy Note 5 64GB	$914.99 (Rp 11.9 Jutan)
Harga Samsung Galaxy Note 5 Terbaru	Daftar Harga Samsung

Harga Samsung Galaxy Note 5 dapat dipastikan akan sangat mahal. Smartphone yang dibekali layar 5.7 inci dan fitur S-Pen tersebut, akan kembali dipasarkan untuk kelas premium, sama seperti Galaxy Note 4 yang waktu itu dipasarkan perdana dengan harga lebih dari 8 Juta Rupiah. Namun kali ini harga Samsung Galaxy Note 5 akan dibanderol jauh lebih mahal, pasalnya untuk varian 32 GB sobat harus membelinya dengan harga sekitar $840 atau setara 10.9 Jutaan. Sementara untuk versi tertinggi yang didukung memori inernal 64 GB, sobat harus membayarnya dengan banderol 11.9 Jutaan. Harga tersebut merupakan harga di wilayah Amerika, dan kemungkinan harganya bisa jauh lebih mahal saat dirilis di Indonesia.

2. Spesifikasi Samsung Galaxy Note 5

Dimensi	153.2 x 76.1 x 7.6 mm / Berat 171 g
Berat	171 g
Ukuran Layar	Super AMOLED 5.7 inches, 1440 x 2560 pixels (~518 ppi pixel density) + Corning Gorilla Glass 4
Memori	32 GB/64 GB
Ram	4 GB
Sistem Operasi	Android Lollipop v5.1.1
Processor	Exynos 7420, Quad-core 1.5 GHz Cortex-A53 & Quad-core 2.1 GHz Cortex-A57
GPU	Mali-T760MP8
Kecepatan Internet	HSPA 42.2/5.76 Mbps, LTE Cat6 300/50 Mbps/ LTE Cat9 450/50 Mbps
Konektivitas	Wi-Fi 802.11 a/b/g/n/ac, dual-band, Bluetooth v4.2, microUSB v2.0, USB Host, A-GPS, GLONASS, Beidou
Kamera Belakang	16 MP, 5312 x 2988 pixels, optical image stabilization, autofocus, LED flash, Video 2160p, 1080p@30fps
Kamera Depan	5 MP
Baterai	Non-removable Li-Po 3000 mAh
Fitur Andalan	Fingerprint sensor (PayPal certified),  S Pen stylus

3. Review Samsung Galaxy Note 5

Review Samsung Galaxy Note 5

Tidak hanya menjadi lawan iPhone 6s Plus, Samsung Galaxy Note 5 akan berhadapan dengan Xiaomi Mi Note Pro, dan OnePlus 2 yang sama-sama dibekali Ram 4GB bertipe LPDDR4 seperti yang dipakai Galaxy Note 5. Walaupun kapasitas ramnya sama besar, namun harga Samsung Galaxy Note 5 akan dibanderol jauh lebih mahal, karena Samsung menawarkan banyak fitur yang tak dimiliki kedua phabelet tersebut, dan salah satunya adalah fitur S-Pen yang menjadi kelebihan utama smartphone seri Galaxy Note.

Fitur S-Pen pada Galaxy Note 5 akan jauh lebih canggih, dengan penambahan fitur-fitur terbaru yang mempermudah sobat ulashape mengoperasikan smartphone ini dalam mendukung aktivitas komunikasi, produktivitas, dan hiburan. Selain itu, tersedia pula sensor sidik jari sebagai teknologi keamanan mobile terbaik saat ini. Sama seperti pendahulunya, sensor fingerprint tersebut diletakan pada tombol home, dan ditingkatkan responsifitasnya agar semakin cepat saat membuka kunci layar ataupun aplikasi yang dikunci.

Beralih ke bagian layar, pada sektor ini Samsung memberikan layar berteknologi Super Amoled dengan bentang laya seluas 5.7 inci. Untuk mengoptimalkan layar berukuran jumbo tersebut, Samsung melengkapinya dengan resolusi Quad HD 1440 x 2560 pixels, sehingga mampu meningkatkan ketajaman layar dan menghasilkan kepadatan pixel mencapai -518 ppi. Tidak lupa phablet ini juga mengadopsi teknologi anti gores buatan Corning yakni Gorilla Glass 4 yang membuatnya semakin kuat dan tidak mudah pacah ataupun tergores.

Desain Samsung Galaxy Note 5 terlihat lebih premium dibandingkan Galaxy Note 4. Phablet ini telah mengadopsi frame berbahan metal, dan body belakang berlapis kaca yang dibuat melengkung sebagai pengganti back cover bertexture kulit yang sebelumnya dimiliki Galaxy Note 4. Tidak hanya itu saja, phablet ini juga memiliki desain lebih tipis denga ketebalana 7.6 mm dan rasio body berdimensi (153.2 x 76.1 x 7.6 mm). Kemudian untuk beratnya menjadi 171 gram, yang tergolong sangat ringan mengingat ukuran layarnya cukup besar.

Galaxy Note 5 Warna Black Sapphire

Kualitas layar terbaik dipilih Samsung agar mengimbangi harga Samsung Galaxy Note 5 yang mahal. Sobat tentu tak akan menyesal membeli phablet ini, karena semua konten yang sobat mainkan akan terasa mengagumkan dengan kualitas gambar terbaik. Namun bukan itu saja kelebihan Galaxy Note 5, karena masih banyak teknologi terbaik yang dimasukan Samsung, dan salah satunya adalah teknologi Ram LPDDR4 dengan kapasitas 4 GB yang dipadukan dengan processor 64-Bit generasi terbaru Samsung Exynos 7420.

Kelebihan memori Ram LPDDR4 adalah menawarkan performa 50% lebih cepat dan konsumsi daya 40% lebih rendah dibandingkan Ram bertipe LPDDR3 yang banyak dipakai smartphone sekarang ini. Jadi otomatis performa Samsung Galaxy Note 5 akan sangat cepat, dan lebih responsif jika dibandingkan Samsung Galaxy Note 4 yang masih memakai Ram 3GB. Kemungkinan besar, skor antutu Galaxy Note 5 akan mengalahkan Samsung Galaxy S6 Edge yang berhasil menembus angka 69 Ribu, dan menjadi smartphone dengan skor benchmark tertinggi saat ini.

Perpaduan antara Ram 4GB LPDDR4 dengan processor Octa Core Samsung Exynos 7420 yang perpacu pada kecepatan Quad-core 1.5 GHz Cortex-A53 & Quad-core 2.1 GHz Cortex-A57, pastinya mampu berjalan sangat cepat saat sobat pakai melakukan aktivitas mulitasking banyak aplikasi. Sementara untuk kebutuhan bermain game dan menonton konten grafis beresolusi tinggi, Samsung menyertakan pengolahan grafis Mali-T760MP8. Proessor yang dipakainya memang sama persis seperti milik Galaxy S6, namun performa Galaxy Note 5 akan jauh lebih cepat, berkat Ram 4GB.

Galaxy Note 5 Warna Gold Platinum

Samsung merilisnya dalam 2 memori internal yang terdiri dari 32 GB, 64 GB. Namun kedua varian tersbut kembali tidak dilengkapi slot memori ekternal, sama seperti yang Samsung lakukan pada Samsung Galaxy S6. Kemundian untuk konsumsi daya baterainya, Samsung Galaxy Note 5 mengandalkan baterai Li-Po berukuran 3.000 mAh yang tak bisa sobat copot. Untungnya, baterai tersebut sudah mendukung teknologi pengisian baterai secara nirkabel, sehingga mampu menutupi kelemahal karena tidak bisa dicopot.

Samsung Galaxy Note 5 kembali dilengkapi kamera utama 16 Megapixel dengan fitur andalan berupa teknologi OIS, Autofocus, lampu Flash, dan vedeo recording beresolusi 4K 2160p@30fps dengan sensor penstabil video. Teknologi serupa sebelumnya telah diberikan pada Galaxy Note, dan terbukti setiap jepretan foto ataupun rekaman video terlihat sempurna dengan gambar lebih detail serta warna lebih tajam. Sementara untuk kamera depan, mengalami peningkatan resolusi menjadi 5 Megapixel.

Kemampuan kamera Samsung Galaxy Note 5 memiliki peningatan cuku drastis, walaupun sama-sama mengadopsi lensa 16 Megapixel. Selain karena teknologi OIS yang dimilikinya, kehebatan kamera Galaxy Note 5 juga semakin menajubkan berkat bukaan lensa F/1.9 yang ditempatkan pada kamera sisi depan dan belakang, sehingga sobat bisa merekam video ataupun berfoto selfie dengan hasil tetap jernih, walaupun pada kondisi cayaha low light. Lalu bagaimana dengan sektor konektivitasnya ?

Sebanding dengan harga Samsung Galaxy Note 5 yang mahal, ponsel ini memiliki konektivitas internet beteknologi HSPA 42.2/5.76 Mbps, LTE Cat6 300/50 Mbps, dan LTE Cat9 450/50 Mbps. Ketiganya jaringan tersebut akan disesuaikan dengan negara pemasaran Galaxy Note 5. Sayangnya jaringan 4G LTE di Indonesia belum terlalu optimal dan merata, jadi siap-siap saja kecewa tak bisa mengoptimalkan kemampuan LTE Galaxy Note 5. Sementara untuk konektivitas pendukungnya, sudah ada teknologi NFC yang dipadukan dengan Bluetooth terbaru versi V4.2 dan konektivitas Wireless bertipe Wi-Fi 802.11 a/b/g/n/ac.

Kamera Samsung Galaxy Note 5

Kelebihan Galaxy Note 5	Kekurangan Galaxy Note 5
Desain lebih premium dari seri sebelumya Mengadopsi layar Quad HD berbentang 5.7 inci Dilengkapi Ram 4GB LPDDR dan processor Octa Core Exynos 7420 Mendukung jaringan 4G LTE berkecepatan 450 mbps Disediakan S-Pen dan pemindai sidik jari Kamera canggih dengan teknologi OIS dan bukaan lensa F/1.9	Tidak dilengkapi memori ekternal Baterainya tidak bisa kita copot Harga Samsung Galaxy Note 5 lebih mahal dari Note 4 Untuk saat ini hanya tersedia satu buah slo