Config NetLoop VPN Android work 30 Maret 2016

Di artikel sebelumnya saya sudah membagikan config HTTP INJECTOR Unlock SSH untuk ISAT, jika belum download, ikuti link berikut ini http://...

Showing posts with label Blogger Trick. Show all posts
Showing posts with label Blogger Trick. Show all posts

Membuat Converter HTML di Blog Sendiri

13:58:00 0
Kenyih.com - membuat HTML converter di blog kita sendiri ternyata sangat gampang, HTML converter sering juga di sebut Convert HTML, Encode Decode HTML dan Parse HTML. Apapun istilahnya intinya sama yaitu merubah kode HTML yang biasanya untuk di masukkan kedalam suatu artikel sehingga kodenya akan terlihat agar bisa di copy pengguna lain.

Selain untuk di masukkan ke dalam suatu artikel yang biasanya merupakan pembahasan tentang tutorial blog, HTLM di convert atau di parse untuk di masukkan kedalam HTML suatu template blog itu sendiri. Dan kebanyakan HTML yang di parse merupakan kode iklan yang akan di pasang di blog.

HTML converter

Iklan adsense misalnya, tentunya saat kita mendaftar adsense blog kita sudah jadi dan sudah ada artikel-artikel yang kita terbitkan, sehingga untuk menempatkan iklan adsense tersebut ke setiap artikel kita akan memasang kodenya di dalam template blog sehingga iklan tersebut akan muncul secara otomatis di setiap artikel.

Untuk memasang kode iklan supaya otomatis muncul di tengah artikel dan di setiap artikel silahkan baca tutorialnya dengan mengikuti link berikut ini : http://www.kenyih.com/2011/04/cara-memasang-code-adsense-tampil-di.html

Cara memasang atau membuat halaman parse HTML atau HTML Converter di blog kita sendiri
Buat artikel baru seperti kita mau membuat posting suatu artikel, Kemudian klik pada mode HTML (bukan mode compose) setelah itu copy/paste code di bawah ini dan terbitkan/publish.

<div style="text-align: center;"> <b>Enter Code: </b></div> <div style="text-align: center;"> <script type="text/javascript">// <![CDATA[ function $(id){ return document.getElementById(id) } var char2entity = { "'" : ''', '"' : '"', '<' : '<', '>' : '>', '&' : '&'}; function encode_entities(str) { var rv = ''; for (var i = 0; i < str.length; i++) { var ch = str.charAt(i); rv += char2entity[ch] || ch; } return rv;} function do_encode(e){ $('dst').value = encode_entities(e.value)} // ]]></script><br /> <br /> <b>Parsed Code</b></div> <div style="text-align: center;"> <textarea cols="40" id="dst" onclick="this.select()" onfocus="this.select()" readonly="readonly" rows="10" style="font-family: monospace; height: 10em; width: 40em;"></textarea></div> <div style="font-family: Arial,Helvetica,sans-serif; text-align: left;"> </div>

Untuk hasil jadinya bisa anda lihat di link berikut ini
http://www.kenyih.com/p/enter-code-cdatafunction-id-return.html

Selesai kita sudah punya halaman converter HTML di blog sendiri, Code diatas juga bisa di taruh atau di pasang di halaman statis blog seperti di blog ini. Semoga Bermanfaat

Modifikasi Blockquote atau Highlight Artikel Blog

16:25:00 4
Kenyih.com - Merubah atau memodifikasi tampilan blockquote di halaman posting, sebelumnya apa itu Blockquote...? Sejauh yang saya pahami Blockquote yaitu memberi area tertentu pada kode-kode atau tulisan-tulisan yang di anggap perlu di bedakan di dalam suatu postingan.

Buat blog ini sendiri Blockquote selalu saya gunakan pada saat menuliskan tutorial dan menambahkan kode atau script yang harus di copy oleh pengunjung, sehingga kode-kode tersebut saya kasih blockquote untuk memudahkan batasan untuk meng-copy kodenya.

Untuk memasang blockquote sangat gampang, berbeda dengan blogger dulu yang harus menambahkan kodenya di setiap artikel. Namun saat ini menambahkan blockquote cukup dengan satu kali klik.

Modifikasi Blockquote atau Highlight Artikel Blog

Cara menambahkan blockquote pada artikel
Pada saat anda menulis artikel, Block tulisan atau kode yang akan anda blockquote kemudian klik lambang seperti di bawah ini.

cara memberi blockquote di artikel blog

Apabila Blockquote anda belum pernah di modifikasi sama sekali, tulisan yang anda blockquote tadi hanya ada batas dan sedikit berbeda penempatannya dari artikel biasa. Nah di artikel ini saya akan berikan salah satu kode untuk modifikasi Blockquote di halaman artikel biar tampak berbeda seperti gambar di atas.

 Modifikasi Blockquote atau Highlight Artikel
1. Seperti biasa masuk ke Template --> Edit HTML
2. Cari kode blockquote {bla bla bla} atau .post blockquote {bla bla bla}
3. Setelah ketemu copy kode dibawah ini dan ganti kode nomer 2 diatas dengan kode di bawah ini
blockquote{ margin : 0 20px; padding: 10px 20px 25px 20px; background : #81F781 url(http://3.bp.blogspot.com/-0p6xwsljkhM/VbH9ltdizyI/AAAAAAAAAX4/tF5JN6PudDE/s1600/kenyih%2Bblockquote.PNG) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }
    Silahkan berkreasi dengan kode diatas untuk #81F781 adalah warna backgroud, silahkan ganti sesuai selera. Jika butuh kode warna silahkan klik disini kode warna HTML
Untuk url(http://3.bp.blogspot.com/-0p6xwsljkhM/VbH9ltdizyI/AAAAAAAAAX4/tF5JN6PudDE/s1600/kenyih%2Bblockquote.PNG) silahkan ganti dengan gambar anda

4. Simpan template dan lihat hasilnya di artikel yang anda blockquote.

Jangan lupa berlangganan artikel dari blog ini untuk tips dan trick lainnya. Semoga bermanfaat

Tag H1 Zero That Is Really Bad, Ini Solusinya

17:13:00 27
Kenyih.com - Pernahkah anda mengecek persentase SEO blog anda di chkme kalau pernah dan hasilnya diatas 80% itu artinya blog anda sudah cukup baik untuk segi SEO. Namun apabila saat anda cek di chkme ada beberapa yang perlu di perbaiki alangkah baiknya anda segera membenahinya.

Dalam artikel kali ini saya akan memberikan cara mengatasi tag H1 tidak terbaca dari segi SEO, Jika anda cek di chkme akan ada pemberitahuan H1 Zero that is Really bad serta ada warning di bawahnya. Nah untuk mengatasi hal tersebut biar tag H1 terbaca ikuti langkah-langkahnya di bawah ini.

Cara mengatasi tag H1 Zero that is Really bad di chkme
1. Cek dulu blog sobat blogger di http://chkme.com/page-seo-tools
2. Jika ada pemberitahuan H1 Zero that is Really bad... dibawah ini solusinya
3. Masuk Dashboard blogger --> Template --> Edit HTML
4. Cari kode seperti di bawah ini atau yang sejenisnya, jika tidak ketemu tinggalkan komentar akan saya bantu sebisanya
<div id='header-inner'>  <h1><a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a></h1>
Untuk yang memakai blog seperti blog ini kodenya seperti dibawah ini
<div id='header-inner'> <h1><a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a></h1>
5. Warna merah adalah kode yang harus anda tambahkan
6. Simpan template dan cek lagi di http://chkme.com/page-seo-tools

semoga sedikit tips di atas dapat menambah wawasan dan memperbaiki masalah sahabat bloggar semua


Merapikan Gambar dan Snippet Popular Post

21:26:00 0
Kenyih.com - Artikel kali ini masih seputar tutorial tips dan trik blogger, dalam kesempatan ini saya akan memberikan cara memotong snippet atau keterangan yang berada di samping gambar popular post supaya terlihat rapi.

Meskipun sudah banyak yang membahas tentang tutorial ini namun saya juga mau share barangkali ada sahabat blogger yang belum sempat membaca dan mencari-cari yang kemudian nyangkut di blog ini sekalian juga mengawetkan jika suatu saat saya mengganti template tinggal cari di blog sendiri.

lihat gambar di bawah ini untuk contoh penerapan dan hasilnya.


ikuti langkah - langkah pemasangannya di bawah ini:
1. Login Blogger
2. Tambahkan widget entry populer / Popular Post kemudian simpan


3. Kemudian klik Template --> Edit HTML
4. Cari kode </body> kemudian letakkan kode di bawah ini tepat di atas kode tadi
<script type='text/javascript'> //<![CDATA[ $('.popular-posts ul li .item-snippet').each(function(){ var txt=$(this).text().substr(0,55); var j=txt.lastIndexOf(' '); if(j>42) $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...')); }); //]]> </script>
5. Ganti angka 55 dengan yang ingin anda tampilkan
6. Simpan template dan lihat hasilnya

Popular Post Error? Ini Solusinya

12:42:00 1
Kenyih.com - Beberapa hari ini saya melihat di beberapa blog saya ada sedikit masalah pada widget popular post yang saya pasang di blog saya, usut punya usut ternyata ada perubahan dari pihak blogger sehingga popular post atau widget artikel popuper yang saya pasang error.

Widget popular post atau artikel populer yang saya pasang di blog ini tidak bisa di ganti angka tampilannya, ketika angka saya set berapapun maka popular post yang tampil di blog tetap 10 artikel. Sedikit bingung dengan apa yang terjadi.


Setelah mencari solusi kesana kemari ternyata saya menemukan salah satu artikel yang membahas tentang masalah ini, dan ternyata cara mengatasinya cukup mudah, berikut cara mengatasi widget popular post yang error dan tidak sesuai dengan yang kita inginkan.

1. Login blogger dashboard --> Template --> Edit HTML
2. Cari kode]]></b:skin>
3. Salin dan letakkan kode di bawah ini di atas kode ]]></b:skin>
.PopularPosts ul li:nth-child(n+5){display:none;}
4. Kuncinya pada angka n+5, misalkan anda ingin menampilkan artikel populer 5 tetapi yang muncul di blog hanya 4 artikel, maka ganti angka n+5 menjadi n+6 begitu seterusnya.

Sekian sedikit tutorial dan solusi mengatasi popular post error, semoga dengan tutorial di atas kebingungan anda teratasi juga seperti saya, salam blogger.

Membuat Judul Artikel Di Depan Title Blog - SEO Tips

02:26:00 1
Kenyih.com - Artikel kali ini masih seputar tips trik dan tutorial blog, tepatnya kali ini saya akan membahas tentang judul artikel agar SEO friendly. Sekaligus memperbarui artikel di blog ini yang telah usang dan tidak terindex google karena vakum beberapa tahun terakhir.

Bagaimana agar artikel yang kita terbitkan di blog kita SEO friendly, salah satunya yaitu mengatur penempatan yang tepat antara judul artikel dan title blog. Apabila template blog yang masih standart dan kebanyakan blogger pemula jarang memperhatikan hal kecil ini yang sesungguhnya besar pengaruhnya terhadap SEO blog kita.


Template standart penempatan judul artikel berada di belakang title blog, sedangkan artikel yang SEO friendly penempatan title blog di belakang judul artikel seperti gambar di atas. Nah kali ini saya memberikan kodenya supaya title blog berada di belakang judul.

1. Login Blogger --> Template --> Edit HTML
2. Cari kode <title><data:blog.pageTitle/></title> letaknya di bagian atas template blog kita biasanya di bawah kode <head> untuk memudahkan pencarian gunakan CTRL+F
3. Setelah ketemu kode nomer 2 diatas (<title><data:blog.pageTitle/></title>) ganti kode tersebut dengan kode di bawah ini
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
Simpan template dan lihat hasilnya di pencarian google, maka judul artikel akan berada di depan title blog

Catatan : Hapus kode warna merah dan ganti dengan kode di bawahnya

Membuat Multi Tab Widget di Sidebar Blog Versi ArlinaDesign

16:03:00 0
Kenyih.com - Artikel kali ini saya akan memberikan tutorial cara memasang multi tab menu atau multi tab view widget di sidebar blog. Tidak bisa di pungkiri widget merupakan bagian penting dari suatu blog, dengan bervariasinya dan banyaknya widget yang mungkin anda perlu pasang di blog tentunya sidebar juga butuh ruang lebih untuk penempatan widget-widget tersebut.

Dengan adanya Fungsi Multi tab menu di sidebar blog kita, tentu kita bisa menghemat tempat untuk menempatkan widget lebih banyak. Multi tab yang akan saya share disini saya ambil tutorialnya dari blog Arlina design dan mempunyai 3 tab view.


Simak langkah-langkah pemasangannya di bawah ini.
Setelah masuk blogger Dashboard kemudian masuk ke bagian edit HTML blog kita
Cari kode ]]></b:skin> kemudian copy dan paste kode di bawah ini di atas kode ]]></b:skin>
/* Multi Tab Widget */ .multitab-section{background:#fff;text-transform:uppercase;width:100%} .multitab-widget{list-style:none;margin:0 0 10px;padding:0} .multitab-widget li{list-style:none;padding:0;margin:0;float:left} .multitab-widget li a{background:#22a1c4;color:#fff;display:block;padding:15px;font-size:13px;text-decoration:none} .multitab-tab{border:0;width:33.3%;text-align:center} .multitab-section h2,.multitab-section h3,.multitab-section h4,.multitab-section h5,.multitab-section h6 {display:none;} .multitab-widget li a.multitab-widget-current{padding-bottom:20px;margin-top:-10px;background:#fff;color:#444;text-decoration:none;border-top:5px solid #22a1c4;font-size:14px;text-transform:capitalize}
Cari kode </body> kemudian copy dan paste kode di bawah ini di atas kode </body>
<script type='text/javascript'> //<![CDATA[ // Multi tab widget jQuery(document).ready(function($){ $(".multitab-widget-content-widget-id").hide(); $("ul.multitab-widget-content-tabs-id li:first a").addClass("multitab-widget-current").show(); $(".multitab-widget-content-widget-id:first").show(); $("ul.multitab-widget-content-tabs-id li a").click(function() { $("ul.multitab-widget-content-tabs-id li a").removeClass("multitab-widget-current a"); $(this).addClass("multitab-widget-current"); $(".multitab-widget-content-widget-id").hide(); var activeTab = $(this).attr("href"); $(activeTab).fadeIn(); return false; }); }); //]]> </script>
Cari kode <div id='sidebar-wrapper'> kemudian copy dan paste kode di bawah ini tepat di bawah kode <div id='sidebar-wrapper'>
<div class='multitab-section'> <ul class='multitab-widget multitab-widget-content-tabs-id'> <li class='multitab-tab'><a href='#multicolumn-widget-id1'>Popular</a></li> <li class='multitab-tab'><a href='#multicolumn-widget-id2'>Tags</a></li> <li class='multitab-tab'><a href='#multicolumn-widget-id3'>Archive</a></li> </ul> <div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id1'> <b:section class='sidebar' id='sidebartab1' preferred='yes'/> </div> <div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id2'> <b:section class='sidebar' id='sidebartab2' preferred='yes'/> </div> <div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id3'> <b:section class='sidebar' id='sidebartab3' preferred='yes'/> </div> </div>
Sesuaikan nama Popular,Tags,Archive dengan yang anda pasang. Untuk pemasangannya masuk ke Layout -> disitu ada penambahan kolom untuk menempatkan widgetnya. Selesai apabila ada hal-hal yang perlu anda tanyakan silahkan hubungi melalui kotak komentar di bawah artikel ini.

Memasang URL Artikel Yang Sedang Di Tulis

19:57:00 0
Kenyih.com - Menanmpilkan URL postingan atau artikel yang sedang ditulis menurut saya penting juga buat kustomisasi atau menambah2 widget blog. Menampilkan URL atau alamat artikel yang sedang kita tulis ternyata tidak susah bahkan sangat sederhana sekali.

Dulu saya mengerti cara menulis URL saat artikel masih kita ketik saya harus posting dulu artikel tersebut setelah itu copy url yang ada di browser. Tapi sekarang setelah saya tahu caranya ternyata menuliskannya sangat gampang.

Biasanya blog yang memberikan kotak terimakasih dari admin di bawah setiap artikel yang kita terbitkan ada beberapa keterangan salah satunya yaitu URL postingan yang saat ini kita baca. tentunya membuat ucapan terimakasih kita memasang script auto agar kita tidak menulisnkannya setiap posting.

URL artikel:
cara memasangnya ketikkan kode berikut ini di bagian HTML post: <a expr:href='data:post.url'><data:post.url/></a>
judul artikel:
cara memasangnya ketikkan kode berikut ini di bagian HTML post: <a expr:href='data:post.url'><data:post.title/></a>

Itulah cara menuliskan URL artikel yang sedang kita tulis di dalam artikel kita atau bisa kita pasang secara otomatis di html blog biar tampil otomatis di setiap artikel. Apabila ada yang kurang jelas silahkan tanyakan di kotak komentar.

video Tutorial Memasang / membuat Sticky Widget Blogger

01:53:00 0
Trik Blogger - Memasang / membuat Sticky Widget sidebar Blogger ternyata sangat mudah, tapi sebelumnya mungkin ada yg belum paham apa sih sticky widget itu?. Sticky widget sidebar yaitu membuat widget yang kita taruh di sidebar blog kita melayang mengikuti arah mouse saat kita naik turunkan halaman blog kita.

Sticky widget sering dipakai untuk widget-widget blogger yang di anggap penting supaya pengunjung blog tertarik dan bisa selalu melihat widget tersebut meskipun halaman blog kita di scroll turun jauh ke bawah.

Selain itu Sticky widget  menurut saya juga berfungsi untuk mempercantik blog saat halam blog di geser turun, sehingga sidebar blog tidak akan kosong meskipun halam blog kita sangat panjang yang biasanya banyak komentarnya. untuk contohnya bisa klik link berikut ini Menghitung Jumlah Weton Ala Hitungan Jawa

Ok langsung saja cara pemasangannya simak dibawah ini
  1. Tentukan dulu ID Widget yang akan kita bikin Sticky
  2. Setelah kita putuskan widget apa yang akan kita buat sticky, masuk bagian HTML template kita. Caranya masuk Blogger Dashboard -> Template -> Edit HTML
  3. Tekan CTRL + F untuk mencari ID widget yang akan kita bikin sticky
  4. Setelah ketemu copy ID Widget yg kita pilih
  5. Copy paste code di bawah ini tepat di atas kode ]]></b:skin> ganti HTML3 dengan ID widget anda
    .makesticking{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0);} #HTML3 .widget-content {padding:0;margin:auto;}
  6. Copy kode dibawah ini tepat diatas kode </body> ganti HTML3 dengan ID  Widget anda
    <script type='text/javascript'> //<![CDATA[ // Sticky Widget function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("HTML3"); //]]> </script>
  7. simpan template dan lihat hasilnya... 
  8. Apabila kurang jelas lihat videonya dibawah ini, jangan lupa subcribe untuk mendapatkan video tutorial blog selanjutnya
Manfaat blogwalking dan tata caranya

Manfaat blogwalking dan tata caranya

15:00:00 10
Kenyih.com, Repost......
Sebagai seorang blogger kita tidak bisa lepas dari yang namanya blogwallking, karena hanya dengan blogwallking persaudaraan sesama blogger akan tetap terjalin dan dengan blogwalking juga kita dapat
meningkatkan ranking blog kita, jadi blogwalking sangat diperlukan bagi seorang blogger.

Terus apa keuntungan dari blogwalking yang sangat penting dan gimana cara blogwalking yang baik...??
disini aku akan sedikit share bagaimana supaya blogwalking tidak membosankan dan dapat meningkatkan pengunjung blog kita serta menaikkan ranking blog kita
pertama :
keuntungan blogwalking salah satunya sudah aku tulis diatas serta kita akan mendapat inspirasi-inspirasi baru untuk membuat artikel ataupun dengan cara copas artikel di blog temen kita yang kita kunjungi. tapi jangan lupa untuk menyertakan link sumbernya lho........ ya meskipun aku kadang-kadang juga lupa tidak menyertakan link sumber artikel tersebut hehehehehe..... (egois ya)

kedua :
tata cara blogwalking menurut pendapat serta pengalamanku biar ga membosankan begini
1. siapin kopi,rokok,camilan kesukaan kita
2. pertama kali buka shoutmix atau buku tamu di blog kita
3. dari poin 2 kita bisa lanjutin blogwalking dengan mengunjungi orang yang berkunjung di blog yang kita kunjungi, jadi kita akan lebih cepat.
4. saat berkunjung jangan lupa isi bukutamu,follow, dan tentunya comment karena faktor ini yang dapat meningkatkan ranking blog kita. setelah kita comment jangan lupa memberi tahu pemilik blog bahwa kita telah berkomentar supaya mereka juga mau berkomentar di blog kita.

mungkin itu sedikit share dari saya semoga bermanfaat bagi pembacanya. Jangan lupa Follow blog ini via Google+ atau Like Fan page facebook kenyih.com

Merapikan Tulisan atau widget di Blog

13:04:00 0
Kenyih.com - Kali ini mencoba mengangkat lagi artikel blog ini yang telah lama tenggelam termakan usia, Artikel yang akan saya buat kali ini tentang tutorial blogger yakni Merapikan widget-widget di blog kita supaya terlihat rapi.

Sebagai contoh widget-widget statistik blog yang sedemikian banyak biasanya kita pasang di sidebar blog kita. Dalam satu elemen halaman kita biasanya memasang lebih dari 3 widget, Nah merapikan disini dalam artian jika dalam satu elemen kita memasang 3 widget kita rapikan berjajar jadi akan terlihat lebih enak di pandang.

Blog ini juga menggunakan tutorial yang saya tulis ini, tidak etis rasanya kalau menulis tutorial tapi kita sendiri tidak menerapkannya, dengan kata lain apabila kita tidak menerapkan tutorial yg kita tulis berarti kurang penting hal yg di bahas tersebut begitu kira2 .
Contoh merapikan Tulisan pesan Author kepada pembaca

untuk melihat contoh yang dusah jadi yang saya pasang di blog ini, lihat di bawah artikel blog ini pada ucapan terimakasih atau lihat gambar di atas. OK langsung saja berikut cara atau tutorial merapikan widget di blog
  1. Login Dashboard
  2. Klik Layout / Tata Letak
  3. Klik add element / Tambahkan elemen --> pilih HTML Java Script
  4. Copy paste kode di bawah ini
    <table>
    <tr> <td>Judul</td>
    <td>:</td>
    <td>ganti dengan widget / kalimat sobat</td></tr>
    <tr> <td>URL</td>
    <td>:</td>
    <td>ganti dengan widget / kalimat sobat</td></tr>
    <tr> <td>Kenyih</td>
    <td>:</td>
    <td><a target="_blank" href="http://www.kenyih.com">blog tips dan trick</a></td></td></tr> <tr> <td>Blog's Rank</td>
    <td>:</td>
    <td>ganti dengan widget / kalimat sobat</td></tr>
    <tr> <td>Stats</td>
    <td>:</td>
    <td>ganti dengan widget / kalimat sobat</td></tr></table>
  5. simpan lihat hasilnya
Semoga tutorial diatas berguna buat sahabat Blogger dimanapun anda berada, salam blogger

Disable Klik kanan Gambar Anda

23:38:00 4
Tutorial Blogger - Gambar adalah salah satu bagian terpenting dalam suatu artikel, tanpa gambar artikel kita terasa kurang enak dipandang apalagi artikel kita tentang suatu pembayaran yang biasanya diblog ini selalu di ambil dari screenshot di paypal.

dalam artikel kali ini saya akan memberikan trick atau tips agar gambar yang kita masukkan dalam artikel kita tidak bisa di klik kanan oleh user yang ingin mengambil gambar kita tanpa ijin. Tapi apakah gambar kita sepenuhnya tidak bisa dicuri orang...???

Sebenarnya bagi yang sudah paham dengan source code suatu halaman web blog masih ada cara lain untuk mengambil gambar dari blog yang diproteksi dengan cara apapun, Namun kenyataan mengatakan bahwa kebanyakan user awam masih belum mengerti cara mengambil gambar atau apapun dalam web blog melalui source code.

Ikuti trick berikut ini
1. Apabila kita memasukkan gambar dalam artikel jika dilihat dalam mode html akan terlihat code seperti dibawah ini
<a href="http://2.bp.blogspot.com/-gervX6JcfOc/Trp832xa0WI/AAAAAAAAA1Q/rNmW-SH6BQk/s1600/Firefox+8.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="172" src="http://2.bp.blogspot.com/-gervX6JcfOc/Trp832xa0WI/AAAAAAAAA1Q/rNmW-SH6BQk/s320/Firefox+8.JPG"  /></a>

2. Supaya gambar kita tidak bisa diklik kanan oleh pengguna lain, silahkan tambahkan kode dibawah ini setelah kode yang berwarne merah diatas
oncontextmenu="return false;"
Jadi code lengkapnya menjadi seperti dibawah ini, Perhatikan code warna biru
<a href="http://2.bp.blogspot.com/-gervX6JcfOc/Trp832xa0WI/AAAAAAAAA1Q/rNmW-SH6BQk/s1600/Firefox+8.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="172" src="http://2.bp.blogspot.com/-gervX6JcfOc/Trp832xa0WI/AAAAAAAAA1Q/rNmW-SH6BQk/s320/Firefox+8.JPG" oncontextmenu="return false;" /></a>

Jangan lupa untuk menambahkan code tersebut, saat kita akan menerbitkan artikel kita harus masuk ke mode HTML. Semoga sedikit tips diatas dapat menambah ilmu kawan-kawan blogger semua

Reply Comment Ala Wordpress Di Blogspot Terbaru

00:50:00 17
Blogger Trick -Memodifikasi template atau tampilan web/blog kita memang tidak ada habisnya, banyak sekali tutorial tentang cara-cara memodifikasi tampilan web/blog kita supaya enak dilihat dan pengunjung betah. Salah satunya yaitu dengan memodifikasi pada bagian komentar. ada yang membuat warna berbeda untuk admin,memberi gambar di kolom komentar dan lain sebagainya.

nah dalam artikel kali ini saya akan mencoba berbagi buat sahabat blogger yang ingin membuat reply komentar ala wordpress. jadi apabila ada pengunjung blog kita yang meninggalkan komentar,kita atau siapapun bisa langsung membalas komentar tersebut tepat berada dibawah komentar yang ingin kita bahas. Jadi meski komentar kita terakhir akan tetap berada dibawah komentar yang kita balas.

Ikuti langkah-langkah di bawah ini:

1. Login ke dashboard blogger
  • Untuk dashboard lama Design > Edit Html
  • Untuk dashboard baru Template > Edit Html
2. Jangan lupa centang "Expand Widget Template" setelah itu cari kode ]]></b:skin> Copy dan paste kode dibawah ini diatas kode tadi
#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background: white;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://4.bp.blogspot.com/-8luuqzWL1do/Tl9RmQ6dG6I/AAAAAAAAB6I/1ZxWKOXXlxE/s1600/comment-arrow.png) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}
3. Cari kode </body> kemudian copy dan paste kode dibawah ini sebelum kode tadi
&lt;script type="text/javascript"&gt;&lt;!--
var _0x7bf4=["\x32\x20\x78\x3D\x31\x72\x2E\x31\x6E\x2E\x4A\x3B\x32\x20\x46\x3D\x77\x2E\x79\x28\x27\x31\x6D\x27\x29\x3B\x32\x20\x6D\x3D\x46\x2E\x75\x3B\x32\x20\x70\x3D\x5B\x5D\x3B\x32\x20\x37\x3D\x5B\x5D\x3B\x32\x20\x64\x3D\x5B\x5D\x3B\x32\x20\x6E\x3D\x30\x3B\x32\x20\x49\x3D\x27\x27\x3B\x32\x20\x4B\x3D\x27\x27\x3B\x32\x20\x45\x3D\x27\x27\x3B\x32\x20\x69\x3D\x30\x3B\x32\x20\x6A\x3D\x30\x3B\x32\x20\x6B\x3D\x30\x3B\x32\x20\x68\x3D\x30\x3B\x32\x20\x62\x3D\x27\x27\x3B\x32\x20\x42\x3D\x22\x22\x3B\x32\x20\x71\x3D\x22\x22\x3B\x31\x73\x20\x31\x31\x28\x29\x7B\x32\x20\x56\x3D\x2D\x31\x3B\x38\x28\x5A\x2E\x31\x79\x3D\x3D\x27\x31\x7A\x20\x31\x76\x20\x31\x75\x27\x29\x7B\x32\x20\x31\x65\x3D\x5A\x2E\x31\x77\x3B\x32\x20\x31\x30\x3D\x31\x78\x20\x31\x32\x28\x22\x31\x74\x20\x28\x5B\x30\x2D\x39\x5D\x7B\x31\x2C\x7D\x5B\x5C\x2E\x30\x2D\x39\x5D\x7B\x30\x2C\x7D\x29\x22\x29\x3B\x38\x28\x31\x30\x2E\x31\x41\x28\x31\x65\x29\x21\x3D\x31\x70\x29\x56\x3D\x31\x71\x28\x31\x32\x2E\x24\x31\x29\x7D\x31\x6F\x20\x56\x7D\x32\x20\x57\x3D\x31\x31\x28\x29\x3B\x38\x28\x57\x3D\x3D\x2D\x31\x7C\x7C\x57\x3E\x3D\x39\x29\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x34\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x22\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x61\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x61\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x22\x59\x22\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D\x7A\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x33\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x3E\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x41\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x41\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x59\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x66\x7C\x7C\x7C\x73\x74\x72\x6F\x75\x74\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x64\x69\x76\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x43\x75\x72\x5F\x50\x61\x67\x65\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x43\x6D\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x7C\x73\x74\x72\x5F\x74\x32\x7C\x32\x30\x30\x7C\x4F\x72\x67\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x73\x74\x79\x6C\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x43\x75\x72\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x65\x6C\x73\x65\x7C\x7C\x73\x74\x72\x5F\x74\x31\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4F\x62\x6A\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x5F\x54\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x7C\x66\x6C\x6F\x61\x74\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x5F\x54\x7C\x68\x72\x65\x66\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x5F\x54\x7C\x69\x64\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x5F\x4F\x62\x6A\x7C\x43\x6D\x5F\x52\x65\x70\x6C\x79\x43\x53\x53\x5F\x4F\x62\x6A\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x6F\x66\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x72\x69\x67\x68\x74\x7C\x73\x70\x61\x6E\x7C\x72\x76\x7C\x49\x45\x5F\x76\x65\x72\x7C\x63\x6D\x5F\x61\x75\x74\x68\x6F\x72\x5F\x72\x65\x70\x6C\x79\x7C\x63\x6D\x5F\x77\x72\x61\x70\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x72\x65\x7C\x67\x65\x74\x49\x6E\x74\x65\x72\x6E\x65\x74\x45\x78\x70\x6C\x6F\x72\x65\x72\x56\x65\x72\x73\x69\x6F\x6E\x7C\x52\x65\x67\x45\x78\x70\x7C\x7C\x77\x68\x69\x6C\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x6D\x5F\x72\x65\x70\x6C\x79\x5F\x63\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x6E\x6F\x6E\x65\x7C\x31\x30\x30\x7C\x63\x6D\x5F\x74\x6F\x74\x61\x6C\x7C\x62\x6C\x6F\x63\x6B\x7C\x6C\x65\x66\x74\x7C\x50\x61\x67\x65\x7C\x75\x61\x7C\x63\x6C\x65\x61\x72\x7C\x74\x79\x70\x65\x7C\x63\x6D\x5F\x70\x61\x67\x65\x5F\x63\x6F\x70\x79\x7C\x63\x6D\x5F\x70\x61\x67\x65\x7C\x63\x73\x73\x7C\x74\x65\x78\x74\x7C\x68\x74\x6D\x6C\x7C\x63\x6D\x5F\x62\x6C\x6F\x63\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x4D\x53\x49\x45\x7C\x45\x78\x70\x6C\x6F\x72\x65\x72\x7C\x49\x6E\x74\x65\x72\x6E\x65\x74\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x61\x70\x70\x4E\x61\x6D\x65\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\x65\x78\x65\x63","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;35?String[_0x7bf4[5]](_0x4f09x3+29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8]+_0x4f09x5(_0x4f09x3)+_0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--&gt;&lt;/script&gt;
4.  Yang terakhir, cari kode dibawah ini
<b:includable id='comments' var='post'>

Hapus kode yang berada diantara dua kode ini

</b:includable>
Kemudian gantikan dengan kode dibawah ini
<div class='comments' id='comments'>
  <a name='comments'/>
  <b:if cond='data:post.allowComments'>
        <h4>
             <b:if cond='data:post.numComments &gt; 0'>
          <b:if cond='data:post.numComments == 1'>
            <span id='cm_total'>1</span> comment
          <b:else/>
            <span id='cm_total'><data:post.numComments/></span> comments
          </b:if>
        </b:if>
        </h4>
       
        <div id='cm_reply_css'></div>
       
        <div class='cm_pagenavi' id='cm_page'></div>
       
        <div id='cm_block'>
            <b:loop values='data:post.comments' var='comment'>
                <b:if cond='data:comment.isDeleted'>
                <b:else/>
               
                    <div expr:id='data:comment.anchorName'>
                        <div class='cm_wrap'>
                            <a expr:name='data:comment.anchorName'/>
                            <div class='cm_head'>
                                <div class='cm_avatar'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>                       
                                </div>
                                <div class='cm_reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=154513103004606848&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
                                </div>
                            </div>

                            <div class='cm_entry'>
                                <span class='cm_arrow'></span>
                                <div class='cm_info'>
                                    <div class='cm_name'>
                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                        </b:if>
                                    </div>
                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>                                   
                                </div>
                               
                                <p><data:comment.body/></p>
                            </div>
                        </div>
                    </div>
                </b:if>             
     </b:loop>
        </div>

        <div class='cm_pagenavi' id='cm_page_copy'></div>
       
    <b:if cond='data:post.embedCommentForm'>
            <b:if cond='data:post.allowNewComments'>
                <b:include data='post' name='comment-form'/>
            <b:else/>
                <data:post.noNewCommentsText/>
            </b:if>
            <b:else/>
            <b:if cond='data:post.allowComments'>
                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
            </b:if>
    </b:if>

  </b:if>
  </div>

Tombol Share Artikel Mirip Windows Dock

22:45:00 3
Blogger tutorial - Hari ini enak-enak jalan-jalan saya menemukan hal yang menarik yang kayaknya pantas saya publish ulang di blog ini. Ya saya menemukan tombol berbagi yang biasanya berada dibawah artikel bisa di modifikasi layaknya tombol widget dock di windows.

Ikuti langkah-langkah pemasangannya dibawah ini:
1. Seperti biasa masuk atau login ke blogger "dashboard" sobat
2. Klik menu "rancangan"
3. Pada elemen halaman, tambahkan "gadget baru"
4. Copy dan paste scrypt di bawah ini
<style type="text/css">
  #sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }
  #dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
  .dock-container { position: relative; background:url(http://2.bp.blogspot.com/_JwD5r652h00/S9t-pmEipgI/AAAAAAAAAVs/iDkLHdkeSNk/widget-bg-allblogtools-com.gif) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }
  .dock-container .custom_images a { display: block;  position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
  .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
  .dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }
  </style>

<div id="sharedock">
  <div id="dock">
  <div class="dock-container">

<div class="addthis_toolbox">

 <div class="custom_images">

 <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>
  <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a>
<a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a>
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a>
<a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a>
<a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>
  <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>
  </div>
  </div>
  </div>

Ganti code yang berwarna hijau dengan gambar sobat. Code hijau merupakan baground belakang widget semoga bermanfaat
Source:masdoyok.com

Tanpa Di Klik, Link Terbuka Otomatis

17:20:00 10
Blogger Trick - Sudah lama sekali rasanya saya tidak berbagi seputar tips dan trick blogging, ya namanya saja blog campuran jadi ya tergantung mut dan bahan artikel yang ada. baru hari ini terinspirasi untuk menuliskan trik seputar memodifikasi link supaya bisa otomatis terbuka tanpa di klik.

Maksudnya gimana?
Misalkan kita membuat link referal suatu bisnis online, kebanyakan dari blogger menggunakan bantuan shorting url untuk menyembunyikan alamat asli dari link tersebut. nah dengan trik yang akan saya bahas kali ini, kita tidak perlu lagi memperpendek alamat url atau menyembunyikannya karena saat mouse diarahkan ke link tersebut otomatis link akan terbuka.

Ok langsung saja cara pembuatannya:
Link biasa
Contoh link biasa arahkan mouse disini

Scrypt link biasa
<a href="http://www.kenyih.com/"><b>Contoh link biasa arahkan mouse disini</b></a>

Link yang sudah dimodifikasi
Contoh link yang sudah di modifikasi arahkan mouse disini

Scrypt link modifikasi
<a href="http://www.kenyih.com/" onMouseover="window.location=this.href">Contoh link yang sudah di modifikasi arahkan mouse disini</a>

Jadi intinya anda hanya perlu menambahkan code dibawah ini setelah alamat link supaya tanpa diklik link terbuka otomatis
onMouseover="window.location=this.href"

semoga menambah pengetahuan kita semua, dan semoga bermanfaat.

Cara Membuat News Feeds Blog Berjalan

19:21:00 3
kenyih.com - Menampilkan news feeds blog atau judul artikel terbaru dari blog kita berjalan pada homepage kita maupun hanya di halaman posting saja, beberapa teman ada yang memasang dan ada pula yang memutuskan untuk tidak memasangnya di blog mereka dengan berbagai alasan.

Nah artikel kali ini saya khususkan untuk anda yang menginginkan feeds blog anda tampil berjalan pada blog anda. Dan tampilan pada tutorial kali ini yaitu berjalan cocok apabila dipasang di bawah headet,di atas header atau di footer blog.
Cara Membuat News Feeds Blog Berjalan

NOTE : UPDATE 25 juli 2015
Untuk cara pembuatannya silahkan ikuti langkah-langkah di bawah ini :
1. Login ke blogger - Template - Edit HTML
2. Cari kode ]]></b:skin> kemudian salin kode di bawah ini tepat di atasnya
/* CSS Breaking News */ #breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;width:100%;overflow:hidden;background:#1C1C1C;border:1px solid #e6e6e6;} #breakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #B40404;color:#fff;display:block;float:left;font-family:inherit;font-size:20px;font-weight:400;padding:6.5px 22px;} #adbreakingnews li a {font-family:inherit;font-size:18px;font-weight:500;color:#359bed;margin-top:4px;transition:all 0.5s ease-in-out;} #adbreakingnews li a:hover {color:#fff;} #adbreakingnews {float:left;margin-left:190px;margin-top:6px;} #adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}
3. Lanjut cari kode </body> Tempatkan kode di bawah ini tepat diatas kode tadi
<script type='text/javascript'> //<![CDATA[ // Breaking News $(document).ready(function(){var e="http://www.kenyih.com",t=10;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})}); //]]> </script>
4. Peletakannya bisa di dalam template atau dengan menambahkan widget, untuk kode penempatannya salin kode di bawah ini
Untuk menampilkannya di Homepage dan di halaman posting
<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/> News Feeds</span><div id='adbreakingnews'><i class='fa fa-spinner fa-pulse'/> Now Loading...</div></div>
Untuk menampilkannya hanya di halaman posting
<b:if cond='data:blog.pageType == "item"'> <div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/> News Feeds</span><div id='adbreakingnews'><i class='fa fa-spinner fa-pulse'/> Now Loading...</div></div></b:if>
Untuk menampilkannya Hanya di homepage
<b:if cond='data:blog.pageType != "item"'> <div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/> News Feeds</span><div id='adbreakingnews'><i class='fa fa-spinner fa-pulse'/> Now Loading...</div></div></b:if>

Cara Memasang Code Adsense Tampil Di Tengah Artikel

20:37:00 11
Kembali lagi ke tutorial, kali ini satriacell.com akan menulis tutorial tentang bagaimana supaya adsense bisa tampil pada tengah-tengah posting/artikel. Bukan cuma adsense dari blogger melainkan semua widgat yang ingin kita tampilkan pada tengah-tengah artikel yang kita poskan. untuk selengkapnya ikuti langkah-langkah pemasangannya berikut ini.

1. Login dulu ke blogger kita
2. Masuk ke rancangan
3. kemudian klik edit html
4. centang expand widget template, saya sarankan anda back up dulu template anda untuk berjaga-jaga download template lengkap
5. cari kode berikut ini <data:post.body/>
6. setelah ketemu, ganti kode <data:post.body/> dengan scrypt di bawah ini




<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

<!-- code adsense disini -->

</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
Untuk tulisan warna biru, ganti dengan kode adsense anda

7. simpan template anda

penting :
satu lagi hal yang harus anda ingat, saat anda mau membuat postingan /artikel ketikkan kode <!-- adsense --> ditengah artikel anda dimanapun anda suka. Semoga tutorial kali ini bermanfaat buat anda.

Cara Membuat Baground Gradient/Gradasi

21:46:00 2
Membuat baground gradient, pasti anda sudah tahu dengan yang di namakan baground gradient. Buat anda yang belum tahu anda bisa lihat contohnya pada tombol "search" di kotak pencarian diatas. Pada tombol tersebut menggunakan gradient dari atas ke bawah dengan warna merah ke putih.

Cara pembuatannya silahkan simpan kode kode di bawah ini:
  • CSS Gradient Atas ke Bawah 
    background:-moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(#2F2727, #1a82f7);
    background:-o-linear-gradient(#2F2727, #1a82f7); 
    • CSS Gradient Kiri ke Kanan
    background:-moz-linear-gradient(left, #2F2727, #1a82f7);
    background:-webkit-gradient(linear, left top, right top, from(#1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(left, #2F2727, #1a82f7);
    background:-o-linear-gradient(left, #2F2727, #1a82f7);
    • CSS Gradient dengan Color Stop
    background:-moz-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);
    background:-webkit-gradient(linear, left top, right top, from(#2F2727), color-stop(0.25, #1a82f7), color-stop(0.5, #2F2727), color-stop(0.75, #1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);
    background:-o-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);
    • CSS Gradient dengan Arbritary Stop Spesifik
    background:-moz-linear-gradient(left, #2F2727, #1a82f7 5%, #2F2727, #1a82f7 95%, #2F2727);
    background:-webkit-gradient(linear, left top, right top, from(#2F2727), color-stop(0.05, #1a82f7), color-stop(0.5, #2F2727), color-stop(0.95, #1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(left, #2F2727, #1a82f7 5%, #2F2727, #1a82f7 95%, #2F2727);
    background:-o-linear-gradient(left, #2F2727, #1a82f7 5%, #2F2727, #1a82f7 95%, #2F2727);

    Itulah beberapa scrypt pembuatan  baground gradient atau gradasi, cara penggunaannya sangat mudah letakkan asrypt diatas pada bagian bagroend blog anda atau widget anda. contohnya seperti dibawah ini.

    Misalkan anda akan membuat baground blog anda menjadi gradasi, Masuk ke edit html => body
    setelah ketemu masukkan kode diatas setelah body
    body {background:-moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(#2F2727, #1a82f7);
    background:-o-linear-gradient(#2F2727, #1a82f7); }

    Untuk Kode warnanya klik disini

    Mengganti Tulisan Older Post dan Newer Post Dengan Judul Artikel

    22:51:00 4
    Kali ini satriacell.com akan memberikan tips dan trik cara merubah tulisan older post dan newer post, Sering kita membaca artikel tentang cara merubah tulisan older post dan newer post dengan gambar. Tapi dalam artikel kali ini saya akan memberikan tutorial cara merubah tulisan older dan newer post dengan judul artikel yang dituju ( artikel sebelumnya dan artikel berikutnya ).

    Contohnya lihat gambar dibawah ini:


    Untuk membuatnya ikuti langkah langkah di bawah ini :
    1. Login ke dashboard blogger kita
    2. Masuk rancangan / Design --> Edit Html --> cari kode </head>
    3. Setelah ketemu, masukkan kode scrypt di bawah ini sebelum kode tadi atau diatasnya tepat

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

    4. Simpan template.
    5. Kembali ke elemen halaman / Page Elemant --> Add Gadget --> pilih Text Html/Java Srypt dan paste scrypt di bawah ini

    <style type="text/css">
    #blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
    #blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
    </style>
    <script type="text/javascript">
    $(document).ready(function(){
    var olderLink = $("a.blog-pager-older-link").attr("href");
    $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
    var olderLinkTitle = $("a.blog-pager-older-link").text();
    $("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
    });
    var newerLink = $("a.blog-pager-newer-link").attr("href");
    $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
    var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
    $("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
    });
    });
    </script>

    6. Simpan dan lihat hasilnya di blog sobat.

    Selamat mencoba semoga bermanfaat.

    Merubah Tampilan Kotak Pencarian Blogger

    17:36:00 4
    Setelah tadi membaca serta menerapkan tutorial dari mas doyok, rasanya saya pantas untuk menulis ulang tutorial cara merubah kotak pencarian di blogger.

    Karena menurut saya lumayan buat menambah kustomisasi blog, meskipun setiap template blogger rata-rata sudah disertai kotak pencarian, namun dengan sedikit modifikasi kita akan mendapatkan tampilan sesuai keinginan kita. contohnya lihat di bawah ini :

    Atau lihat hasilnya yang sudah saya pasang pada blog ini di bawah header, jika anda berminat silahkan ikuti langkah-langkah di bawah ini.
    1. Cari kode ]]></b:skin> pada html template anda
    2. Taruh scrypt di bawah ini di atas kode tadi
    #search_menu {
    border-left:1px solid #CCCCCC;
    height:90px;
    margin-left:523px;
    margin-right:0;
    margin-top:-105px;
    padding-bottom:0;
    padding-left:10px;
    }
    #search_menu #search {
    padding:0 0 0 5px;
    }
    input.search_input {
    -moz-background-inline-policy:continuous;
    background:url("http://4.bp.blogspot.com/_iI6SgnnhWEM/S2Hxopom1nI/AAAAAAAABJE/tqkCCtB4ZA4/s1600/input.png") no-repeat scroll 0 0 #FFFFFF;
    border:0 none;
    color:#E0691A;
    float:left;
    font-weight:bold;
    margin:0;
    padding:5px;
    width:292px;
    }
    input.submit_input {
    -moz-background-inline-policy:continuous;
    background:url("http://oi53.tinypic.com/2d7bq80.jpg") no-repeat scroll 0 0 transparent;
    border:0 none;
    color:#FFFFFF;
    float:left;
    font:bold 0.9em arial,sans-serif;
    height:24px;
    margin:0 0 0 5px;
    padding:0;
    width:65px;
    }
    .mast4 {
    font-family:helvetica;
    font-size:0.8em;
    font-weight:bold;
    letter-spacing:0.1em;
    margin-bottom:10px;
    margin-top:5px;
    padding:3px 0 0;
    text-transform:uppercase;
    }
    3. Simpan template.

    4. Sekarang, silahkan Anda buat gadget HTML. (Dashboard --> Rancangan --> Elemen Halaman --> Add Gadget). Masukkan kode berikut:
    <div align="center">
    <table style="width: 700px;"><tbody>
    <tr> <td align="center">
    <a href="http://www.satriacell.com"><img src="http://oi52.tinypic.com/2lv02zb.jpg" /></a></td> <td align="center">
    <div class="column first" id="search">
    <div id="search-form">
    <form action="http://www.satriacell.com/2009/08/razia-pemerintah.html" id="searchform" method="get" target="_blank">
    <div>
    <input class="search_input" id="s" name="q" type="text" value="" />
    <input class="submit_input" id="searchsubmit" type="submit" value="Search" /></div>
    <input name="cx" type="hidden" value="014128447591942570531:wxeomdf--fa" />
    <input name="cof" type="hidden" value="FORID:11" />
    <input name="ie" type="hidden" value="UTF-8" /></form>
    <script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en" type="text/javascript">
    </script></div>
    </div>
    </td> </tr>
    </tbody></table>
    </div>

    Bagian yang berwarna merah berurutan silahkan ganti dengan:
    - http://www.satriacell.com silahkan ganti dengan Alamat blog Anda
    - http://oi52.tinypic.com/2lv02zb.jpg adalah logo blog saya, silahkan ganti dengan logo blog Anda sendiri.
    - http://www.satriacell.com/2009/08/razia-pemerintah.html adalah halaman hasil cari. Silahkan ganti dengan halaman hasil cari Anda
    - 014128447591942570531:wxeomdf--fa adalah id unik Google CSE saya. Silahkan ganti dengan kode unik Google CSE Anda. Jika bagian FORID:11 dan UTF-8 Google CSE Anda berbeda, maka ganti jugalah sesuai Google CSE Anda.

    Bagi yang belum pernah membuat Google CSE, silahkan Anda baca dulu tuorial: Cara Membuat Google Custom Search Enginee.