: :

Navbar Bawah

Cari Blog Ini

Tampilkan postingan dengan label Tips & Trik. Tampilkan semua postingan
Tampilkan postingan dengan label Tips & Trik. Tampilkan semua postingan

Senin, 24 Juli 2017

Tersambung WIFI Dimanapun dan Kapanpun , Apa Iya ini ???..��



Pernahkah anda dapat sms atau telpon penipuan ?,, mungkin sebagian dari kalian pernah mengalamainya, kini anda dapat mengetahui lokasi nomor hp tersebut dengan cara ini kita dapat melihat dimana letak nomor hp seseorang tersebut .klik disi

Cara membuka kunci layar android cukup dengan lambaian tangan-selain mengunci juga dapat menutupnya dengan lambaian juga, tanpa harus memencet tombol power. dengan cara ini tombol power kalian jadi awet deh. he he, sekarang buka Playstore dengan kata kunci WAVE TO LOCK AND UNLOCK

Sabtu, 18 Maret 2017

Cara Menyembunyikan Nomor Handphone Saat Telepon


Cara Menyembunyikan Nomor Handphone Saat Telepon - Calling Line Identification Restriction (CLIR) merupakan fasilitas yang ditawarkan operator seluler untuk menyembunyikan nomor telepon saat digunakan untuk melakukan panggilan. Meski fasilitas CLIR banyak menuai kontroversi karena bisa berpeluang untuk tujuan iseng atau telepon teror tanpa bisa diketahui nomor yang melakukan panggilan telepon, namun sebenarnya fasilitas ini juga memiliki manfaat, misalnya bila kita tak ingin identitas nomor diketahui orang lain karena ingin merahasiakan nomor kita kepada orang yang ditelepon.
Saat ini kartu IM3, Mentari, Matrix dan XL Bebas memberikan layanan gratis CLIR, caranya cukup mudah, yaitu dengan perintah #31#(nomer tujuan) lalu tekan OK, maka kita bisa melakukan panggilan dengan identitas tersembunyi. Pada layar handphone penerima hanya akan muncul display info “ID with held”, “Unknown”, “Anonymous” atau “Private number”, tergantung dari tipe handphone yang digunakan si penerima.
Selain dengan cara diatas, kita juga bisa menyembunyikan nomor panggilan melalui menu pengaturan panggilan. Caranya, buka Pengaturan >> Telepon >> Panggilan >> Kirim Nomor ID saya >> Pilih Tidak. (Urutan pengaturan panggilan ini mungkin akan berbeda setiap seri handphonenya)
Fasilitas dan cara menyembunyikan nomor panggilan ini hanya bisa digunakan pada beberapa operator kartu GSM. Sementara untuk operator seperti Telkomsel tidak bisa menggunakan fasilitas ini karena bila kita menggunakan fasilitas ini justru nomor telepon kita tidak bisa digunakan untuk melakukan panggilan keluar.


Readmore: itv-gear.com/cara-menyembunyikan-nomor-handphone-saat-telepon.html#ixzz1l2kC1ZPI

Cara Membuat Background Twitter Transparan


Cara Membuat Background Twitter Transparan - Apakah anda Pernah melihat background twitter transparan, bagaimana cara membuat nya ya? gampang kok sebenarnya, siapapun diri bro, bakcground apapun yang bro miliki bisa membuatnya. Ya elah kayak ini hal yang susah aja! Berikut bro cara membuatnya, nggak pakai repot nggak pakai lama. Sebelumnya Ingat, cara ini hanya untuk background dari sidebar, bukan background keseluruhan dari Twitter. Jadi jangan minta yang macem-macem di blogbintang.com ini ya nanti.

Pertama sekali Buka website twitter dan login ke account anda.
Lalu Buka tab Design pada menu bagian atas.
Check dan pastikan URL pada bagian atas adalah https://twitter.com/settings/design (Ingat huruf S setelah huruf http) dan pastikan browser anda mengindikasikan kalau sedang login tipe account SSL. Seperti yang terlihat pada gambar dibawah ini bro.


Cara Membuat Background Twitter Transparan
Kemudian Setelah itu, copy code berikut ini “javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“title_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);” (Tanpa tanda petik dan tanpa berganti baris). Ngerti kan!?
Cara Membuat Background Twitter Transparan
  • Setelah itu Hapus URL pada address bar dari design dan paste kode yang baru saja anda copy. Tekan tombol enter sekali.
  • Lanjutkan dengan klick tombol Save Changes. Lalu  buka account profile dari Twitter anda. Dan lihat apa yang terjadi
Sekarang anda bisa lihat background pada sidebar twitter akan menjadi transparan. Kalau belum berhasil! logout dari account twitter anda, clear history dan cookies pada web browser dan ulangi sekali lagi. Sampai berhasil!
Sekarang background twitter anda menjadi transparan dan terlihat lebih keren daripada yang lain, bukan!? Sekedar info bagi bro blogbintang.com jangan ketinggalan dan terlihat norak dengan tidak menjadi follower blogbintang di akun twitter ini twitter.com/blogbintang. Semua info terbaru di blog ini akan tersedia free untuk anda melalui akun twitter yang bro punya. [ sumber ]

Rabu, 14 September 2016

Membuat Widget Spoiler Recent Comment


Untuk menghemat tempat di blog dalam memajang daftar artikel, Link dari hasil tukar link, Recent Comment, dll, kita dapat menggunakan Kotak Blogroll, Kali ini saya akan berbagi tentang tutorial Membuat Widget Recent Comment Menggunakan Spoiler, cara ini sangat berguna untuk menghemat tempat di sidebar.

Berikut cara Membuat Widget Spoiler Recent Comment :
  • Login ke blogger, klik Design > Page Element.
    Membuat Widget Spoiler Recent Comment
  • Klik Add a Widget dan pilih HTML/Javascript.
    Membuat Widget Spoiler Recent Comment
  • Lalu letakkan kode berikut di area konten widget :
    Kode Script :
    <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Recent Comments'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Recent Comments" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"> <div style="display: none;  height: 250px; overflow: auto;">
    <script type="text/javascript" src="http://html-scripts.googlecode.com/files/comments.js"></script>
    <script type="text/javascript">
    var numcomments = 10;
    var showcommentdate = false;var
    showposttitle = true;var
    numchars = 100;var
    standardstyling = true;var
    showfooter = true;
    </script>
    <script type="text/javascript" src="http://blogmaslukis.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script>
    </div></div></div>
    Silakan ganti blogmaslukis.blogspot.com dengan alamat blog Sobat.
  • Terakhir klik Save.
    Membuat Widget Spoiler Recent Comment
    Selesai...
    Berikut contoh hasilnya :
Sekian tutorial tentang Membuat Widget Spoiler Recent Comment.

Widget Popular Post Menggunakan Scroll


Karena beberapa Sobat ada yang bertanya cara Membuat Widget Popular Post Menggunakan Scroll, jadi kali ini saya akan share triknya. Semoga tutorialnya mudah di mengerti dan bisa membantu Sobat yang ingin Membuat Widget Popular Post Menggunakan Scroll.

Ok Sob, berikut caranya :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Widget Popular Post Menggunakan Scroll
  • Beri tanda centang pada Expand Template Widget.
    Widget Popular Post Menggunakan Scroll
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Cari kode
    <div class='widget-content popular-posts'>
    atau
    popular-posts
    atau
    popularposts
    Karena setiap template berbeda, jadi intinya cari kode popular posts yang ada di template Anda.
  • Lalu tambahkan kode
    <div style='overflow:auto; width:ancho; height:200px;'>
    </div>
    Untuk lebih jelasnya perhatikan kode berikut :
    Kode :
    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
    <b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div style='overflow:auto; width:ancho; height:200px;'>
    <b:loop values='data:posts' var='post'>
    <div>
    <b:if cond='data:showThumbnails == &quot;false&quot;'>
    <b:if cond='data:showSnippets == &quot;false&quot;'>
    <!-- (1) No snippet/thumbnail -->
    <a expr:href='data:post.href'><data:post.title/></a>
    <b:else/>
    <!-- (2) Show only snippets -->
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    <div class='item-snippet'><data:post.snippet/></div>
    </b:if>
    <b:else/>
    <b:if cond='data:showSnippets == &quot;false&quot;'>
    <!-- (3) Show only thumbnails -->
    <div class='item-thumbnail-only'>
    <b:if cond='data:post.thumbnail'>
    <div class='item-thumbnail'>
    <a expr:href='data:post.href' target='_blank'>
    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
    </a>
    </div>
    </b:if>
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    </div>
    <div style='clear: both;'/>
    <b:else/>
    <!-- (4) Show snippets and thumbnails -->
    <div class='item-content'>
    <b:if cond='data:post.thumbnail'>
    <div class='item-thumbnail'>
    <a expr:href='data:post.href' target='_blank'>
    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
    </a>
    </div>
    </b:if>
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    <div class='item-snippet'><data:post.snippet/></div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:if>
    </div>
    </b:loop>
    </div>
    </b:includable>
    </b:widget>
    Ket : <div style='overflow:auto; width:ancho; height:200px;'> dan </div> adalah kode yang di tambahkan.
  • Terakhir klik Save / Simpan Template.
    Widget Popular Post Menggunakan Scroll
    Selesai...
Silakan di coba dan semoga berhasil Membuat Widget Popular Post Menggunakan Scroll.

Membuat Widget Recent Posts Menggunakan Spoiler


Sebelumnya saya pernah posting tentang Widget Recent Post Valid XHTML, widget tersebut menggunakan scroll sehingga dapat menghemat tempat di sidebar blog Anda. Kali ini saya akan berbagi tentang tutorial Membuat Widget Recent Posts Menggunakan Spoiler, cara ini juga sangat berguna untuk menghemat tempat di sidebar blog.

Berikut cara Membuat Widget Recent Posts Menggunakan Spoiler :
  • Login ke blogger, klik Design > Page Element.
    Membuat Widget Recent Posts Menggunakan Spoiler
  • Klik Add a Widget dan pilih HTML/Javascript.
    Membuat Widget Recent Posts Menggunakan Spoiler
  • Lalu letakkan kode berikut di area konten widget :
    Kode Script :
    <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Recent Posts'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Recent Posts" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"><div style="display: none;  height: 250px; overflow: auto;"><script type="text/javascript" src="http://html-scripts.googlecode.com/files/recent-posts.js"></script><script type="text/javascript">
    var numposts = 10;var
    showpostdate = true;var
    showpostsummary = true;var
    numchars = 50;var
    standardstyling = true;
    </script><script type="text/javascript" src="http://blogmaslukis.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></div></div></div>
    Silakan ganti blogmaslukis.blogspot.com dengan alamat blog Sobat.
  • Terakhir klik Save.
    Membuat Widget Recent Posts Menggunakan Spoiler
    Selesai...
    Berikut contoh hasilnya :
Sekian tutorial tentang Membuat Widget Recent Posts Menggunakan Spoiler.

Membuat Daftar Isi Label Tertentu


Pada kesempatan kali ini saya akan berbagi tentang tutorial membuat daftar isi berdasarkan salah satu label pada blog. Maksudnya gini, pada sebuah postingan biasanya kita tautkan pada sebuah Label, dan pada postingan yang lain kita menggunakan label yang lain, artinya terdapat beberapa label pada blog kita, dan kita ingin membuat daftar isi yang berisi hanya postingan dari salah satu label tersebut.

Untuk Membuat Daftar Isi Label Tertentu, Sobat dapat mengikuti tutorial berikut :

* Untuk Widget :
  • Login ke dashboard blogger.
  • Klik pada Tata Letak > Tambah Gadget.
  • Pilih HTML/Java Script
    membuat daftar isi
  • Lalu isikan kode berikut :
    <script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script>
    <script src="http://blogmaslukis.blogspot.com/feeds/posts/summary/-/Blogger Templates?max-results=10&alt=json-in-script&callback=recentpostslist"></script>
    Keterangan :
    blogmaslukis.blogspot.com ganti dengan alamat blog Sobat.
    Blogger Templates ganti dengan Label yang ingin ditampilkan.
    10 ganti dengan jumlah postingan yang ingin di tampilkan.
  • Klik Save dan periksa blog Sobat.
* Untuk Halaman :
  • Login ke blogger Anda, kemudian buat sebuah halaman dengan judul Daftar Isi.
  • Kemudian klik pada tab Edit HTML.
    membuat daftar isi
  • Lalu masukkan kode berikut :
    <div style="overflow:auto;height:450px;padding:10px;border:1px solid #eee">
    <script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script>
    <script src="http://blogmaslukis.blogspot.com/feeds/posts/summary/-/Blogger Templates?max-results=999&alt=json-in-script&callback=recentpostslist"></script>
    </div>
  • Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya…
Demikian tutorial kali ini, selamat mencoba dan semoga berhasil Membuat Daftar Isi Label Tertentu.

Trik Mempercepat Loading Blog


Untuk Mempercepat Loading Blog ada banyak cara yang dapat dilakukan, antara lain dengan cara mengkompress kode CSS/HTML biar ukurannya jadi lebih kecil, meng-Edit Template Supaya Valid XHTML, mengkompress Image supaya lebih optimize, dan lain-lain.

Untuk kali ini saya share cara yang lain, yaitu dengan menggunakan kode script yang dicoding secara khusus untuk mempercepat loading blog. dengan menggunakan kode script ini maka browser tidak akan membaca image/gambar di blog, sehingga dapat meringankan beban server dan mempercepat loading.

Berikut tutorial penggunaan kode script untuk mempercepat loading blog :
  • Masuk ke akun blogger anda
  • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode </head> gunakan CTRL + F pada keyboard.
  • Lalu letakkan kode berikut di atas kode </head>.
    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
    <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnrMe-GyKOftu_1JFuIJD1Lg53X8d7GCEPKH7uyHY8HBDdlgOplhQTzLGMrlrLIllefGN0-iyAYhavpwVjc12CgmyUt7eTjZcQJ5jnS_Uu1GLWjv2IakpXFl9aiSgS2vJh9UstSLpobWs/&quot;,threshold : 200}); }); </script>
  • Terakhir klik Simpan Template.
Sekarang lihat blog Sobat dan rasakan bedanya, semoga bermanfaat...

Selasa, 13 September 2016

Membuat Daftar Isi Blogger


Sebenarnya untuk tutorial Membuat Daftar Isi Blogger sudah pernah saya bikin, cuma kali ini saya buat beberapa macam jadi tinggal sobat pilih mau menggunakan yang mana, Daftar Isi Berdasarkan Tanggal Postingan, berdasarkan artikel terbaru atau berdasarkan label.

Untuk tutorialnya saya bikin jadi dua biar lebih jelas, pertama untuk halaman / page dan kedua untuk widget / gadget.

Yang pertama kita membuat sebuah halaman yang berisi daftar isi, berikut tutorialnya :
  • Login ke blogger.
  • Klik Laman > Laman Baru > Laman Kosong.
  • Beri judul Daftar Isi atau Sitemap atau apalah terserah Anda.
  • Kemudian klik pada tab Edit HTML.
    membuat daftar isi blog
  • Lalu letakkan kode berikut pada area artikel.
    <div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
    <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
    <script src="http://blogmaslukis.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    Keterangan :
    • Ganti Alamat blogmaslukis.blogspot.com dengan url / alamat blog Sobat.
    • width:480px : Lebar area, ganti dengan ukuran yang sobat inginkan.
    • height:450px : Tinggi area, ganti sesuai keinginan sobat.
    • Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar kuning.
    • https://html-scripts.googlecode.com/files/feeds.js : ganti dengan alamat daftar isi yang anda inginkan. Berikut beberapa kodenya :
      1. Berdasarkan Label :
        https://html-scripts.googlecode.com/files/feeds-labels.js
      2. Berdasarkan Tanggal :
        https://html-scripts.googlecode.com/files/feed-dates.js
      3. Berdasarkan Artikel terbaru :
        https://html-scripts.googlecode.com/files/feeds.js
  • Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya…
Yang kedua kita Membuat Widget Daftar Isi, berikut tutorialnya :
  • Pada dashboard blogger, klik Tata Letak.
  • Klik Tambah Gadget.
  • Pilih HTML/Javascript.
  • Silakan beri judul pada widget. Lalu letakkan kode berikut :
    <div style="overflow:auto;height:250px;padding:10px;border:1px solid #eee">
    <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
    <script src="http://blomaslukis.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    • Ganti Alamat blogmaslukis.blogspot.com dengan url / alamat blog Sobat.
    • Ganti https://html-scripts.googlecode.com/files/feeds.js dengan kode daftar isi dibawah ini :
      1. Berdasarkan Label :
        https://html-scripts.googlecode.com/files/feeds-labels.js
      2. Berdasarkan Tanggal :
        https://html-scripts.googlecode.com/files/feed-dates.js
      3. Berdasarkan Artikel terbaru :
        https://html-scripts.googlecode.com/files/feeds.js
  • Klik tombol SAVE. Lalu lihat hasilnya di Blog Sobat.

Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blogger.

Memberi Efek Taburan Bintang di Blog


Sebelumnya saya berbagi salah satu cara untuk mempercantik blog, yaitu Memberi Efek Taburan Hati di Blog, pada postingan kali ini saya akan membahas mengenai cara Memberi Efek Taburan Bintang di Blog. Sebenarnya efek ini sama saja dengan efek taburan hati dan Efek Daun Berjatuhan, hanya tampilannya saja yang berbeda dan juga kode script-nya.

Untuk menerapkan efek ini pada blog bisa melalui edit template, ataupun lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.

Cara yang pertama melalui edit template :
  • Pada dashboard blogger klik Template > Edit html
  • Beri centang pada Expand Template Widget
  • Cari kode </body> lalu letakkan kode script efek di atas kode </body>, berikut script-nya:
    Efek bintang berwarna kuning,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/>
    Efek bintang berwarna biru,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/>
    Efek bintang berwarna oren,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/>
    Efek bintang berwarna pink,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/>
  • Terakhir klik Save Template.
Untuk cara kedua melalui Gadget :
  • Pada dashboard klik Tata Letak > Add a gadget > HTML/JavaScript.
  • Letakkan script dibawah ini pada gadget.
    Efek bintang berwarna kuning,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/></script>
    Efek bintang berwarna biru,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/></script>
    Efek bintang berwarna oren,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/></script>
    Efek bintang berwarna pink,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/></script>
  •  Lalu klik Simpan / Save.
Selesai,,, silakan lihat hasilnya pada blog sobat.

Memberi Efek Taburan Hati di Blog


Kali ini saya akan berbagi salah satu cara untuk mempercantik blog, yaitu dengan memberi efek taburan hati pada sebuah blog, sebelumnya saya juga sudah membahas mengenai cara Membuat Efek Daun Berjatuhan di Blog, Memberi Efek Hujan Salju di Blog, dll.

Untuk menerapkan efek ini pada blog ada dua cara, pertama lewat edit template, yang kedua lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.

Cara yang pertama melalui edit template :
  • Pada dashboard blogger klik Template > Edit html
  • Beri centang pada Expand Template Widget
  • Cari kode </body> lalu letakkan script efek di atas kode </body>, berikut script-nya:
    <script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/>
  • Terakhir klik Save Template.
Untuk cara kedua melalui Gadget :
  • Pada dashboard klik Tata Letak > Add a gadget > HTML/JavaScript.
  • Letakkan script dibawah ini pada gadget.
    <script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/></script>
  •  Lalu klik Simpan / Save.
Selesai,,, silakan lihat hasilnya pada blog sobat.

Tips Mengatasi Pencurian Artikel Blog


Ketika saya menemukan sebuah blog yang mencuri penuh artikel blog saya ini dengan menggandalkan fasilitas import pada feedrss, saya merasa jengkel, karena postingan yang kita ketik sendiri dengan susah payah dengan mudahnya dibajak oleh autoblog yang menggandalkan langganan feed pada blog, apalagi tidak di sertai dengan backlink sumbernya.

Karena itu kita jangan menganggap remeh pengaturan feed pada blog, agar para pencuri artikel tidak leluasa menerapkan aksinya, pada postingan ini saya ingin berbagi trik untuk mengatasi pencurian artikel dengan menyeting feed pada blog kita.

Berikut beberapa cara yang bisa kita terapkan pada blog :

Cara pertama dengan mengubah izin feed blog yang tadinya "penuh" menjadi "singkat".
Dengan cara ini pembajak feed hanya dapat mencopy artikel kita secara terbatas yaitu 400 karakter pertama saja.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Izinkan Umpan Blog", ganti opsi Penuh menjadi Singkat.
    Tips Mengatasi Pencurian Artikel Blog
  • Simpan Setelan
Cara kedua dengan memberikan link aktif alamat blog sobat pada kolom "Footer Feed Posting".
Ini berguna apabila pembajak feed mencopy penuh artikel sobat, maka dibawah postingan terdapat link aktif yang berfungsi menjadi backlink.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Footer Feed Posting" klik "Tambahkan".
    Tips Mengatasi Pencurian Artikel Blog
  • Lalu masukan script dibawah ini:
    <a href="URL BLOG">Copyright by: NAMA BLOG</a>
    contoh :
    <a href="http://blogmaslukis.blogspot.com/">Copyright by: Tutorial Blog</a>
  • Simpan Setelan
Cara ketiga dengan menghapus feed pada Blogger.
Dengan cara ini para pembajak feed tidak dapat mencuri artikel anda, karena tidak ada feed yang akan di bajak, namun para pelanggan blog kita tidak dapat mengetaui update artikel baru di blog kita. Jadi dipikir dulu sebelum menerapkan cara ini.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Izinkan Umpan Blog" pilih "Tak Satupun".
    Tips Mengatasi Pencurian Artikel Blog
  • Simpan Setelan.
Semoga dengan beberapa cara di atas Sobat dapat lebih melindungi blog sobat dari para pembajak feed.

Contoh blog maslukis

3 Cara Jitu Membuat Video Di Youtube Berkualitas HD 100%

Cara Agar Video Youtube Menjadi HD 

Cara Ini Menggunakan Link Sederhana.

Buka video dulu yang mau di tonton. Lalu lihat Link nya. Contoh http://youtu.be/6DTWiNmF2ZE. Lalu tambahkan kode di belakang link dengan kode “&fmt=18″. Nanti link nya yang akan kalian buka adalah http://youtu.be/6DTWiNmF2ZE&fmt=18

Cara Ini Menggunakan Aplikasi dari Mozila Firefox. Buka website youtube di mozilla firefox. Selanjutnya anda instal ADD ONS Mozilla silakan klik di sini. Klik pada tombol tambah di firefox atau add to firefox Tunggu beberapa detik maka tombol instal Now akan aktif, jika sudah aktif di Klik instal Jika sudah terinstal, restar mozilla firefox anda. Jika sudah terinstal selanjutnya anda buka vidio yang ingin anda tonton, maka kualitas vidio sudah berubah menjadi HD.

Cara Ini Menggunakan Roda Gigi Di Youtube. 
Cari menu Setting di Yotube. Selanjutnya pilih menu Kualitas, menu ini ada enam jenis yaitu 144p, 240p, 360p, 480p HD pilih kualitas 720p HD. Kualitas gambar asli dari video tersebut adalah 360p maka perlu di rubah menjadi 720p HD. Format video 720p HD ini membutuhkan kwalitas koneksi internet yang baik juga, jadi untuk video berformat asli HD kadang tidak bisa diputar di Smartphone yang menggunakan operator seluler lokal Indonesia

Selasa, 07 Juni 2016

Cara membuat open new tab semua link di blog

M
embuka halaman baru atau new tab dimana setiap pengunjung mengklik link tertaut adalah suatu keuntungan buat halaman blog. Mungkin masih ada teman teman kita yang berpikir apa keuntungan dari sistem open new tab ini. Saya akan menerangkan buat teman teman bloger yang masih baru didunia bloging bagi teman teman yang sudah senior saya ijinkan saya menjelaskan hal tersebut.. he..he...heee.... !!!


Bila pengunjung membuka halaman blog anda dan membaca semua artikelnya dan didalam artikel tersebut ada beberapa link yang menuju suatu artikel postingan yang bersangkutan dengan artikel postingan tersebut, pengunjung blog anda akan membuka dan menuju link tersebut, satu dan dua link akan di kunjungi dan secara otomatis setiap link di buka maka halaman blog tersebut akan terbuka pada tab baru, kemungkinan, tab yang pertama dibuka yaitu artikel yang pertama dibaca masih belum ditutup sementara waktu berjalan sampai tiba saatnya sipengunjung menutup sekaligus window browsingnya. Sejak awal sampai akhir ditutupnya window browsing tersebut berarti sudah memakan waktu beberapa menit, apalagi artikel yang telah anda posting pada halaman blog anda lumayan panjang, pasti akan memakan waktu singgah yang lumayan lama. Keuntungan yang anda raih adalah lamanya waktu halaman blog anda terbuka pada saat itu, hal ini sangat menunjang kinerja URL blog anda pada halaman search engine, dimana penghitungan tingkat nilai SEO pada suatu halaman dimana halaman blog tersebut mempunyai jam tayang yang lama akan mempengaruhi nilai SERP blog itu sendiri, jadi coba anda bayangkan bila setiap pengunjung yang berkunjung rata rata meluangkan waktunya 5menit saja , saya rasa blog anda akan mempunyai nilai SERP yang bagus. Saya anggap teman teman sudah lebih mahir tentang ini dari pada saya, dari pada cerita lama lama dan makin bosan langsung saja menuju TKP.


Tutorial


  1. Login to blog
  2. Pilih " Template " lalu klik " Edit HTML "
  3. Cari kode <head>
  4. Setelah ketemu dengan kode tersebut, copy kode dibawah ini lalu pastekan dibawah kode <head>
    <base target='_blank' />
  5. Setelah selesai save template anda, dan lihat hasilnya.
Kesimpulan
Sistem ini akan memperbanyak review halaman blog dan memperbanyak waktu kunjungan halaman blog anda. Hal inilah yang menjadi suatu alasan pentingnya sistem ini buat para bloger mania. Saya mengucapkan terimakasih buat teman teman bloger dan juga para member BLOG DESIGN yang saya hormati atas dukungan dan waktunya yang telah diberikan untuk berkunjung ke blog yang sederhana ini.
salam bloger,
salam BLOG DESIGN
By : Admin.

Random post dengan gambar valid html5


Widget random post dengan gambar ini mempunyai script yang memang ringan walaupun script widget random post ini mampun untuk menampilkan Judul postingan, dan gambar bahkan menampilkan beberapa kata dari artikel yang telah diposting. Pada postingan saya dihari hari yang lewat, saya telah membuat suatu artikel yang berisi Script widget random post yang tidak menampilkan gambar. Tulisan saya kali ini terinspirasi dari dorongan beberapa teman yang mengatakan untuk sekalian gambar untuk widget ini ditampilkan. Widget ini SEO Friendly dan Valid HTML 5 dan CSS 3 kenapa saya katakan demikian, sebab script widget ini menganut penulisan tag tag yang dianjurkan oleh prinsip SEO dan Valid HTML 5. Disamping hal tersebut widget ini mempunyai script yang memang benar benar mempunyai loading yang ringan dan tidak akan mempengaruhi loading blog anda. Tampilan yang benar benar mempunyai design yang menarik akan menambahkan kesan menarik juga pada halaman blog kesayangan anda. Widget random post dengan gambar ini saya namakan dengan " Widget Beautiful Avatar Random Post ". Oke tanpa penjelasan yang lebihpanjang lagi dan saya harap anda sudah memahami temtang kegunaan dari script random post dengan gambar ini kini saatnya kita menuju TKP dan silahkan anda simak penjelasan tutorial berikut. 

Install Program CSS


  • Login ke dashboard anda
  • Masuk ke "TEMPLATE" lalu klik " Edit HTML "
  • Cari code ]]></b:skin> 
  • Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi

#BD_random-post img{
float:left;
margin-right:10px;
border:1px solid #999;
background:#FFF;
width:42px;
height:36px;
padding:3px;
border-radius:0 10px 10px 0;
list-style-type: none;
}
#BD_random_avatar td {
list-style-type: none;
width: 100%;
padding: 3px;
}

#BD_random_avatar a {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #0000CC;
line-height:12px;
letter-spacing:0.1em;
text-decoration: none;
display:block;
padding:2px 6px 5px 10px;margin-left:10px;
background: url() 0px 50% no-repeat;
background-color: #FFFFFF;
}

#BD_random_avatar a:hover {
background: #ffffff url() 0px 50% no-repeat;
color:#990000;
text-transform: none;
background-color: #FFE1E1;
}
.BD_random_list {
color: #000;
text-decoration: none;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;list-style-type: none;
}

Install Program Tag HTML


Untuk memanggil widget Random Post tersebut agar tampil pada halaman blog kesayangan anda silahkan simak penjelasan dibawah ini ;
  • Anda masih berada dihalaman dasbor lalu anda menuju "TATA LETAK "
  • Silahkan klik "Add Gadget "( Tambahkan gadget )
  • Pilih " HTML / JavaScript "
  • Copy Code HTML dibawah ini, paste pada gadget anda.

<div id="BD_random_avatar">
<div class="BD_random_list">
<div id='BD_random-post'>
<script type='text/javaScript'>
var rdp_numposts=5;// Jumlah post yang ditampilkan
var rdp_snippet_length=100;// Jumlah tulisan yang ditampilkan
var rdp_info='yes';
var rdp_comment='Komentar';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script src=\"/feeds/posts/default?alt=json-in-script&amp;max-results=0&amp;callback=totalposts\" type="text/javascript"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else
{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtxxem0FUDoMobyjlQFZCdf3nHnG9K2KePjIpUQFKry5qzQNBr_rWEtC7qd70AGKL1JgV347hteVAPUnzDWjQeF24wIBblPyEsVQcBRXIQfrMaJYt_SfQG8jrKs0tbAe14kUM_IF-GVsc/s1600/no-image.gif"}}};document.write('<li style="border-bottom: dotted #000 1px;background-color: #eee;">');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'" title="'+rdp_posttitle+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_posttitle+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<br/><span style="margin-top:8px">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<br/><span style="margin-right:5px;text-align: left;">'+rdp_snippet+'</span></li><br/>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script src=\"/feeds/posts/default?alt=json-in-script&amp;start-index='+rdp_current[i]+'&amp;max-results=1&amp;callback=random_posts\" type="text/javascript"><\/script>')};
</script>
</div></div></div>
Keterangan Gambar
  • Code warna merah adalah jumlah postingan arikel yang akan dimunculkan pada halaman
  • Code warna Biru jumlah kosa kata yang akan ditampilkan
  • Silahkan anda desain code CSS nya untuk menyesuaikan tampilan Thems halaman blog anda.


Kesimpulan
Widget Random Post ini dilengkapi dengan gambar yang secara otomaits ditampilkan bila artikel tersebut memiliki suatu gambar dan akan menampilkan gambar pengganti bila artikel tersebut tidak memiliki gambar. Widget Random Post image ini SEO Friendly dan Valid HTML 5 Serta Fast loading script, Cocok untuk widget random post halaman blog kesayangan anda.

Widget random post seo friendly html5


Random post adalah suatu artikel postingan yang dipilih secara acak untuk ditampilkan pada halaman. Pemakaian random post ini pada halaman sangat berguna mengingat sudah banyaknya artikel yang telah lama diposting pada blog agar ditampilkan kembali pada halaman blog apabila pengunjung berkunjung keblog kita. Coba anda pikirkan apabila anda sudah memiliki 300 artikel postingan pasti yang pertama kali diposting reviewnya tentu sudah sedikit itupun hanya mengandalkan suatu keybord pada search engine agar pengunjung mengetahuinya, Tapi pada widget Random Post ini hal itu dapat diatasi. Pada kinerjanya widget Random Post ini akan menampilkan secara acak semua aritek postingan yang telah terpublish pada blog walaupun itu artikel pertama yang pernah kita posting. Keuntungan memakai widget Random Post ini bila seseorang mengunjungi halaman blog anda secara otomatis artikel yang lain akan dimunculkan oleh widget ini dan pengunjung blog andapun tau bahwa masih adalagi artikel lain yang telah diposting dihari hari yang lewat tanpa harus membuka suatu menu. Saya rasa penjelasan diatas sudah bisa anda pahami tentang kegunaan dari widget ini. untuk mewujudkan misi kita, silahkan anda simak penjelasan pemasangan tutorial widget Random Post ini :

Install Program CSS


  • Login ke dashboard anda
  • Masuk ke "TEMPLATE" lalu klik " Edit HTML "
  • Cari code ]]></b:skin> 
  • Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi

#BD_random_title td {
list-style-type: none;
width: 100%;
padding: 3px;
}

#BD_random_title a {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height:12px;
letter-spacing:0.1em;
text-decoration: none;
display:block;
padding:2px 6px 5px 8px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8B4_LtHIWwxD7_ZkRhLpnBAMMR5nrvsifNujoWdqR9yc_lQeOyE8if-rMyY8rNYySpBFm1gi_Njzoj6B0ozxXAqowaPInzMdFI2uKGhL-NWE1EqbWG1B23d5JfcXxVODkx71EDv7bSM8/s1600/mm_arrow.gif") 0px 50% no-repeat;
background-color: #FFFFFF;
}
#BD_random_title a:hover {
background: #ffffff url() 0px 50% no-repeat;
color:#990000;
text-transform: none;
background-color: #FFE1E1;
}
.BD_random_list {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height:10px;
letter-spacing:0.1em;
text-decoration: none;
}

Install Program Tag HTML


Untuk memanggil widget Random Post tersebut agar tampil pada halaman blog kesayangan anda silahkan simak penjelasan dibawah ini ;
  • Anda masih berada dihalaman dasbor lalu anda menuju "TATA LETAK "
  • Silahkan klik "Add Gadget "( Tambahkan gadget )
  • Pilih " HTML / JavaScript "
  • Copy Code HTML dibawah ini, paste pada gadget anda.

<div id="BD_random_title">
<div class="BD_random_list">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;// Jumlah artikel yang akan ditampilkan
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write();
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item ="<div style='border-bottom: dotted #ccc 1px;'>" + "<a href=" + entry.link[k].href + " title=" + entry.link[k].href +">" + entry.title.$t + "</a></div>";
document.write(item);}}
}document.write();}
</script>
<script src="/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts" type="text/javascript"></script> </div></div>
Keterangan Gambar
  • Code warna merah adalah jumlah postingan arikel yang akan dimunculkan pada halaman
  • Code warna Biru batas minimal dan maximal artikel yang dapat dijangkau widget Random Post ini
  • Silahkan anda desain code CSS nya untuk menyesuaikan tampilan Thems halaman blog anda.


Kesimpulan
Widget Random Post ini SEO Friendly dan Valid HTML 5 jadi anda dapat memasang widget ini pada template HTML 5 begitu juga dengan Template Responsive dan yang paling menarik script yang digunakan sangat ringan dan tidak akan memperlambat Loading halaman blog kesayangan anda.

Cara Membuat Pesan Komentar Di Blogspot


Pesan komentar sangat diperlukan sebagai peraturan kepada pengunjung untuk lebih menjaga tatakrama memberikan suatu komentar pada artikel yang akan dikomentari atau istilah dalam bloging adalah komentar SPAM. Bagi pengguna blog yang masih baru dalam dunia bloging hal ini dapat dengan mudah dilakukan tanpa mengedit html template blog yang berlebihan. Untuk mewujudkan misi ini anda harus lebih dulu membuat pesan untuk komentar anda. Silahkan simak tutorial dibawah ini :

Tutorial


  1. Login to Blog
  2. Pilih " Setelan " kemudian klik " Pos dan Komentar "
  3. Pada halaman tersebut lihat tulisan " Pesan Formulir Komentar " dan silahkan tambahkan pesan anda. setelah selesai klik " simpan setelan " yang ada disebelah kanan atas. Sekarang pesan komentar halaman anda sudah tersedia kini saatnya kita untuk memodifkasinya atau memberikan sentuhan CSS yang tentunya Valid HTML5 & CSS 3 agar lebih sensasional..
  4. Sekarang kita masuk ke template ,Silahkan pilih " Template " kemudian klik " Edit HTML " lalu cari code <p><data:blogCommentMessage/></p>. Setelah ketemu silahkan anda ganti dengan code
    <div id='pesan-comment'><data:blogCommentMessage/></div>
    Note : Biasanya code tersebut ada 4 code yang sama pada template blogspot, silahkan ganti keempat code tersebut dengan code diatas.
  5. Setelah anda ganti codenya silahkan cari code ]]></b:skin>
  6. Setelah ketemu tanbahkan code yang ada dibawah ini tepat keatas code ]]></b:skin> yang anda cari tadi, lalu simpan template anda. Lihat pesan komentar dibawah postingan ini sebagai DEMOnya.

#pesan-comment {
position : relative;
background : #E4E6E7;
width : 95%;
padding : 10px;
font : normal normal 12px trebuchet ms;
text-align : justify;
border : #5F676B solid 3px;
margin : 0 10px 10px 3px;
margin-top : 10px;
line-height : 1.3em;
}
#pesan-comment::after, #pesan-comment::before {
top : 100%;
border : transparent solid;
content : " ";
height : 0;
width : 0;
position : absolute;
}
#pesan-comment::before {
border-top-color : #5F676B;
border-width : 15px;
left : 10%;
margin-left : -36px;
}
#pesan-comment::after {
border-top-color : #E4E6E7;
border-width : 9px;
left : 10%;
margin-left : -30px;
}

Note : Silahkan anda design ulang warnanya agar lebih serasi dengan warna template anda. Bila ada penjelasan diatas yang kurang begitu jelas buat anda silahkan share dengan berkomentar di form komentar dibawah.
Bila anda mengalami masalah pada pemasangan pesan komentar ini silahkan kunjungi link dibawah ini untuk melihat solusinya :


Pesan komentar yang selalu melorot kebawah kotak form komentar

Masalah ini diakibatkan oleh kurangnya beberapa code pada script dan html comment halaman blog, untuk mengatasi hal ini anda perlu manambahkan kode ke tubuh blog anda, silahkan simak penjelasan dibawah ini. 

Install Program CSS


  1. Login ke dashboard anda
  2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
  3. Cari kode dibawah ini.


  4. <b:includable id='threaded-comment-form' var='post'>
    <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
    </div>
    </b:includable>

  5. Setelah ketemu, coba perhatikan kode tersebut , silahkan hapus kodenya dari kode tulisan warna MERAH atas sampai kode tulisan warna MERAH yang dibawah.
  6. Kemudian ganti dengan kode html yang ada dibawah ini.


  7. <b:includable id='threaded-comment-form' var='post'>
    <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
    <div id='bdform-wrapper'>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    </div>
    <b:else/>
    <div id='bdform-wrapper'>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </div>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
    </div>
    </b:includable>

  8. Setelah anda ganti kodenya saatnya kita poles sedikit lagi scriptnya untuk lebih maximal.
  9. Cari kode tag dibawah ini pada template anda
      document.getElementById(domId).insertBefore(replybox, null);
    Biasanya kode tersebut ada pada script komentar ,
  10. ganti kode script yang diatas menjadi kode script dibawah ini.
      document.getElementById(domId).insertBefore
    (document.getElementById('bdform-wrapper'), null);
  11. Setelah selesai saatnya anda klik SAVE untuik menyimpan perubahan.

Keterangan Code
  • Tulisan kode warna MERAH atas sampai kode warnaMERAH dibawah harus secara keseluruhan anda hapus kemudian masukkan kode pengganti lihat didalam spoiler " Kode Yang Diganti ")
  • Cari kode warna HIJAU seperti diatas, setelah ketemu ganti dengan code warnaBIRU. Biasanya kode ini berada pada tag html blog

Cara Membuat Huruf Drop Cap Pada Awal Artikel

Tutorial cara membuat huruf dropcap ini pada dasarnya sudah banyak sekali yang menshare, namun tanpa berkecil hati saya akan tetap mempublish tutorial yg satu ini yakni tentang tata cara membuat huruf dropcap. Huruf besar tersendiri yang biasanya terletak diawal kalimat, atau mungkin anda lebih sering melihatnya dalam sebuah artikel majalah dimana huruf awal selalu tercetak lebih besar dari default atau bawaan huruf  penulisan.

Jika sobat sudah sering membuka- buka banyak  artikel dalam blog ini saya yakin anda akan menjumpai tiga jenis huruf dropcap yang berbeda dalam setiap postingnya, di mana bentuk- bentuk huruf drop cap yang ada  tersebut kurang lebih terlihat seperti ini:


Nah, jika sobat tertarik.untuk  menerapkan salah satu huruf dropcap seperti yang terlihat di atas kedalam setiap halaman artikel sobat, maka silahkan ikuti tata cara pembuatannya. Saya akan coba merinci satu persatu tentang cara pembuatannya. Oya, sebelumnya ke, 3 jenis huruf dropcap ini kita namai dulu supaya mudah di ingat.
Yang pertama huruf dropcap Simple, yang kedua, dropcap Square, dan yang terakhir huruf dropcap Fancy

Ok, sekarang langsung saja akses ke dalam halaman dasbor blog sahabat, lalu pilih "Template" kemudian pilih " edit html " dan sekarang kita lanjut pada cara membuat ke 3 jenis huruf dropcap tersebut.

Cara membuat huruf dropcaps

Dalam halaman edit html silahkan cari kode yang mirip seperti ini ]]></b:skin> jika sudah menemukannya, selanjutnya copy dan pastekan kode berikut ini tepat di bawah kode ]]></b:skin>


 /* DROPCAPS
----------------------------*/
.dropcapsimple, .dropcapsquare, .dropcapfancy {
float:left;
overflow:hidden;
text-align:center;
}

.dropcapsimple {
font-size:34px;
height:34px;
line-height:38px;
width:30px;
text-align:left;
}

.dropcapsquare {
font-size:28px;
height:38px;
line-height:38px;
width:38px;
margin-right:7px;
color:#fefefe;
background:#111;
text-shadow:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.dropcapfancy {
font-size:26px;
height:40px;
line-height:40px;
width:40px;
margin-right:7px;
color:#fefefe;
text-shadow:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS0750YdXHEPFp4vCL5ZBZgVK0i_EFWoN1b_y8-9YGTpr_lEFvxFt-QJvpuzOPgdESF6hzEuRZv1_oeihtWVFHQEa1UOacQh_kIlvGMkYC4JO9KXScXhGr93sZ-x138-aSD7Y3xqkop5k/s1600/bk_dropcap3.png) 0 0 no-repeat !important;
}


Simpan template,  done! 
Nah, untuk memunculkan huruf dropcap tersebut kedalam setiap postingan baru, langkah selanjutnya adalah klik "Pengaturan" lalu pilih "Post dan Komentar" copy dan pastekan kode html berikut kedalam kotak "Template Entri"

 <span class="dropcapsimple">Huruf awal Anda</span>

Untuk merubah tampilan huruf Dropcap Anda hanya perlu mengganti tulisan dropcapsimple yang tercetak tebal dan berwarna merah tersebut dengan kata berikut ini : "dropcapfancy" untuk dropcap Fancy, "dropcapsquare" untuk Dropcap Square. Buka postingan baru untuk memunculkannya kemudian ubahlah mode penulisan menjadi mode "HTML" dan ganti tulisan "Huruf awal Anda" dengan awal huruf postingan.