;
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Header Ads

Tampilkan postingan dengan label Blog Trik. Tampilkan semua postingan
Tampilkan postingan dengan label Blog Trik. Tampilkan semua postingan

Rabu, 23 November 2011

Trik Sederhana Cara Memproteksi Gambar Pada Blog

Trik Sederhana Cara Memproteksi Gambar Pada Blog - ini sengaja saya posting untuk sobat satanis yang gambarnya tak ingin di curi orang. hehehe.... ya walaupun mustahil untuk melindungi gambar di blog dari karena pada dasarnya hanya dengan klik kanan dan "save as/copy link location" siapapun dapat dengan mudah mengambil gambar sobat hanya dengan hitungan detik.

Nah disini sebenarnya ada Trik Proteksi Sederhana tanpa harus menonaktifkan fungsi klik kanan seperti pada umumnya. Hal ini bisa sobat lakukan untuk menghindari gambar sobat di simpan dari tangan-tangan jahil, dimana hasil dari gambar yang dicoba disimpan nantinya hanya berupa gambar kosong, alias tertipu...!!!! hehehe

Untuk uji coba silahkan klik kanan lalu "save as atau copy link location" gambar di bawah ini:

Kode standar dari gambar biasanya seperti ini:

<img width="500" height="375" 
src="http://www.x-zonet.tk/contohgambar.jpg"/>

Dengan menerapkan kode sederhana dibawah ini yaitu dengan hanya mengubah artibut src dan penggunaan css style langsung pada gambar maka cara atau trik dibawah ini akan menciptakan gambar kosong pada hasil download nantinya.
<img style="background-image:url('http://www.x-zonet.tk/contohgambar.jpg');" src="data:image/gif;base64,R0lGODlhAQABAIAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="500" height="375"/>

Note: selalu pastikan ukuran size dari gambar harus sama dengan aslinya. Walaupun Trik ini secara teknis menurut saya kurang akurat paling tidak kan cara ini bisa sedikit mengurangi dari tangan pengguna yang non-teknis. hehe...

Selasa, 15 November 2011

Cara Baru Pasang Label Flash Cloud Blogumulus

Cara Baru Pasang Label Flash Cloud Blogumulus - Sejak beberapa jam yang lalu saya bergumul dengan script label flash blogumulus yang saya pilih-pilih dari beberapa blog tetangga, setiap trik yang disarankan sang admin masing-masing udah aku jalanin tapi mengapa nggak berhasil juga?!

Aku jadi makin penasaran.. biasa aku kn seorang newbie yang selalu ingin mencoba hal baru yang aku inginkan. Oke kembali pada topik cara baru pasang label flash blogumulus yang diciptakan oleh agan Roy itu loh....! Kembali aku otak atik itu script ampek setengah jam akhirnya ketemu juga. Script-script yang dipajang di rumah mbah google ternyata kurang sesuai... sebenarnya bukan kekurangan. melainkan kelebihan kode. hehehe...

Memang ini script awalnya hasil copas tipi sampai di sini udah ada yang aku rubah dikit. liat tu di sidebar udah muncul kn?! Udah ah ngobrol mulu ne... kalo masih ada newbie-newbie yang laen yang belum tau, ne aq share scriptnya gratis buat kalian... Ikutin langkah-langkahnya ya...

Cara Baru Pasang Label Flash Cloud Blogumulus :
  • Pertama login dulu ke blogger kalian
  • Pilih Rancangan - Edit HTML
  • Untuk antisipasi backup dulu template kalian
  • Selanjutnya centang
  • Lalu cari kode script berikut
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
  • Kemudian taruh script berikut ini tepat dibawah/setelahnya kode diatas (awas jangan salah)

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://satanichost.googlecode.com/files/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.swfcabin.com/swf-files/1265483417.swf", "tagcloud", "240", "300", "7", "#000000");
// uncomment next line to enable transparency
// so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x000fff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
  • Preview template dan kamu akan melihat blogumus sudah terpasang di sidebar blog kamu. Simpan template!. Sekarang kamu dapat menyesuaikan posisi widget di Edit Laman blogger.
Customizing Blogumus:
"tagcloud", "240", "300", "7", "#000000");
width
heigth
background color


so.addVariable("tcolor", "0x000fff");
text color

so.addVariable("tspeed", "100");
rotation speed

values='data:labels' var='label'><a expr:href='data:label.url' style='12'>
text size

Sekian cara baru pasang label flash cloud blogumulus. Sebenarnya tulisan nggak bermutu ini hanya untuk arsip aku sendiri. Tapi kalo bisa bermanfaat untuk orang lain aku akan senang sekali karena bisa membantu...

Note: Kalo ada yang kurang jelas ato blogumulus anda belum bisa muncul, anda bisa bertanya melalui kotak komentar di bawah ya.. salam 3 jari

Sabtu, 12 November 2011

Cara Mengubah Blogspot Menjadi Mobile Friendly

Cara Mengubah Blogspot Menjadi Mobile Friendly - Pada postingan satanic terdahulu Cara Agar Blog/Blogspot Bisa Dibuka Via Mobile (mobile version) sebenarnya sudah diulas mengenai hal ini. Untuk melihat blog dalam versi mobile secara manual kita harus mengetikkan format link address sebagai berikut "http://nama-blog-anda.blogspot/?m=1".

Nah pada tips blogging kali ini satanic akan membahas Cara Membuat Blogspot Menjadi Mobile Friendly dengan cara memasukkan javascript pada template. Sehingga kita tidak perlu lagi menuliskan alamat blog secara manual dengan menambahkan "?m=1". Jadi blogger mobile bisa langsung mengakses halaman blog kita layaknya versi web HTML tanpa perlu lagi mengubah link blog kita secara manual, dan halaman blog yang ditampilkan pada HP sudah dalam format xHTML khusus untuk browser HP seperti Opera Mini. Dengan begitu pulsa sang blogger mobile pun tidak akan kesedot banyak gara-gara harus membuka halaman blog dalam versi web yang ukurannya filenya besar.


1.      Download dulu file notepad untuk membuat javascriptnya disini.
2.      Buka file (blogspot-automobile.txt) yang baru di download tadi di notepad, kemudian ganti tulisan  (http://www.x-zonet.tk/?m=1) yang ada dibawah dengan nama blog anda sendiri.
3.     Kemudian Save As file notepad blogspot-automobile.txt yang baru diedit tadi, pada Save as type pilih All Files kemudian pada File name tulis menjadi blogspot-automobile.js sehingga file notepadnya nanti menjadi format javascript (JS).
4.     Selanjutnya upload file javascript blogspot-automobile.js ke hosting Google Code/hosting pribadi anda. Untuk caranya hosting gratis di google code anda bisa baca dulu postingan saya mengenai Tutorial Cara Upload File/Hosting Gratis di Google Code
5.       Jika sudah diupload jangan lupa copy URL file javascript tersebut.
6.       Lanjutkan dengan login ke dashboard blogger anda.
7.       Pilih Rancangan > Edit HTML, centang Expand widget template.
8.      Cari kode </head>  pada template kemudian copy script seperti dibawah ini dengan lebih dulu mengganti link URL file javascript yang sudah dihosting di google code sebelumnya, letakkan script ini tepat diatas kode </head>.

<script src='link url hasil upload JavaScript anda' type='text/javascript'/>


9.   Save template anda, cobalah masukkan alamat blog anda http://nama-blog-anda.blogspot.com/ pada browser mobile (HP). Jika halaman blog bisa langsung terbuka berarti anda sudah berhasil dan proses mengubah blogspot versi web menjadi versi mobile secara otomatis ini selesai.


OK sobat blogger, silahkan dipraktekkan lagi sendiri cara mengubah blog/blogspot menjadi blog mobile (versi mobile) ini. Mudah-mudahan panduan yang saya tuliskan ini tidak terlalu sulit untuk dipahami dan bisa membantu anda untuk membuat tampilan mobile blogspot anda secara lebih baik lagi. Buat yang kurang paham bisa komentar di bawah...

Cara Agar Blog/Blogspot Bisa Dibuka Via Mobile (mobile version)

Cara Agar Blogspot Bisa Dibuka Via Mobile - Blog saya ini sudah dapat diakses /dibuka melalui perangkat mobile (HP atau Smartphone) baik yang ber-OS Java ataupun Android seperti Blackberry. Pada blogger/blogspot sebenarnya sudah tersedia fitur baru untuk ini yang disebut dengan mobile template atau template seluler, namun sayang sepertinya masih banyak sobat blogger yang belum memanfaatkan fitur ini. Padahal jika blog sudah disetting supaya dapat dibuka via mobile, maka hal ini bisa jadi sumber trafik baru untuk blog sobat. Pada tips blogging kali ini saya mau share bagaimana cara supaya blog/blogspot sobat dapat dibuka via mobile atau diakses oleh para blogger mobile yang suka ngeblog menggunakan HP tersebut. Trik ini juga bisa dianggap sebagai cara mengubah blogspot menjadi blog mobile, namun kita masih menggunakan cara manualnya.

Sobat dapat mengetikkan alamat ini http://www.x-zonet.tk/?m=1 pada address bar browser anda untuk melihat demo atau web saya dalam versi mobile
1.    Masuk dulu ke dashboard blogger anda.
2.    Pilih Setelan (Setting) > Email & Seluler (Email & Mobile) seperti gambar dibawah ini.
3.    Pada bagian Template Seluler (Mobile Template) klik opsi “Ya. Tampilkan template seluler di perangkat seluler” kemudian pilih template selular menurut kesukaan anda .
4.    Dan pada bagian Opsi Pengeposan, isi kotak kosong dengan password atau kata sandi, dan aktifkan opsi "Publikasikan segera Email". Ini adalah alamat email tujuan jika sobat ingin memposting artikel melalui perangkat seluler/HP.
5.    Jika sudah selesai klik Simpan Setelan.
6.  Sobat dapat mencobanya dengan mengetikkan http://www.x-zonet.tk/?m=1 pada addres bar browser anda.
Nah sekarang blog sobat bisa dibuka dalam versi mobile. Sehingga jika ada para pengguna HP yang menemukan link blog kita saat mereka googling menggunakan browser mobile (biasanya Opera Mini), maka ketika mereka mengklik link blog kita tersebut mereka akan langsung diarahkan ke tampilan template seluler blog kita yang sudah disetting tadi. Sudah paham bukan maksudnya? So, semoga cara membuat blogspot menjadi versi mobile (mobile version) ini bisa berguna untuk mendatangkan tambahan trafik baru ke blog anda. Happy nice blogging !!

Rabu, 09 November 2011

Cara Buat Widget Parse HTML di Blog Sendiri

Cara Buat Widget Parse HTML di Blog Sendiri - Ya widget parse HTML pasti diperlukan bagi sobat blogger yang sering membuat postingan tutorial blog atau tips blogging. Karena biasanya sobat akan menyertakan penulisan kode atau script HTML pada saat menuliskan artikelnya. Parse HTML ini maksudnya supaya kode atau script yang kita tulis dalam format HTML tersebut bisa muncul atau terlihat pada postingan, jadi harus diconvert atau di-parse dulu maksudnya. Nah seperti apa cara membuat widget parse HML ini ? Berikut saya share Cara Buat Widget Parse HTML di Blog Sendiri untuk anda.
Untuk membuat widget parse HTML sobat tinggal copy script dibawah ini :

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"> </script>

Kemudian paste di dalam postingan sobat (jangan lupa pilih opsi edit HTML), sehingga hasilnya akan terlihat seperti ini :




Nah silahkan sobat coba sendiri ya buat widget parse HTML di Blog sobat biar ngga' pusing lagi harus memparsing kode HTML untuk postingan secara online. Selamat Mencoba.

Hack Ranking web Via Doorwaypage

Sebelumnya baca dulu panduan cara menggunakan Doorwaypage.
Klik panduannya disini Cara Naikkan Ranking Alexa - SEO Trick.



Selamat mencoba dan semoga bermanfaat.. berikan komentarmu.

Selasa, 08 November 2011

Web Visitor Traffic Hack | Seo Trick

Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.

Minggu, 30 Oktober 2011

Way of SEO link smart for the Blogspot or Blogger (update)


Learn SEO Blogspot - Have heard SEO link smart plugin ? a plugin for the wordpress of which is its function alter each; every word which we determine, becoming a link. Nowadays the plugin is we can install also in blogspot.

All word " SEO " will automatically in convert become link.

How to work link smart seo for this blogspot ?
This Script will read each;every word in each posting. The example, if great friend include word " SEO " at the script hence automatically at all of page;yard which there are word " SEO " will in link to great friend url address which have determine.

Do this autolink script impinge guidelines google?
Do not, during amount of link which is great friend include at autolink code still in fair phase. My recommendation, enough 1 just link.

How to install this autolink code in great friend blogspot?
  1. First Step, Login to last blogger.com to design
  2. Going to tab edit html. Depress ctrl + f in keyboard. and Searching code </ body>
  3. See it's script code
<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;SEO&quot;, &quot;http://www.satanic-xzone.tk/&quot;);
f.startScript();
</script></b:if>

     5. After open script page;yard please copy paste all code in the script precisely above code </ body>

Boldness :
  • See code tail end and change SEO with keyword or word which is great friend select;choose.
  • Below change http://www.satanic-xzone.tk/ care of gone to url

Hopefully succeed !

Source of from ; Blog Juragan

Rabu, 26 Oktober 2011

Seo Trick | Change the Title Tags in Blogger

By default Blogger displays the blog title first, followed by the name of the post. As you might notice this is not good when it comes to SEO. It's important for the name of the post to come before the name of your blog, especially when it comes to google search results. Learn how to make your post title show up first so that you can reel in more traffic from the search engines.


Why Change the Titles?

It's quite important to have the Post Title + Blog Title arranged accordingly because this is how you would want your blog to be displayed on google's search results. This way more people will click on your link when searching google because the post title is more relevant than your post name.

Example Google Search Results:

You are most likely to click on the bottom image when searching google for the keywords "image reflection generator". The reason being is that your mind reads text from left to right. So it makes sense to have the more important title on the left.



How to Change the Titles:

  1. Go to Layout>edit HTML in your Blogger dashboard.
  2. Search for this tag: <title><data:blog.pageTitle/></title>
  3. Replace this tag with the following code:
  4. <b:if cond='data:blog.pageType == &qut;indoex&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>
  5. Save your template and you should see the results in your web browser as depicted in the images below.
  6. It may take a few days for the changes to show up on the google search results. I guarantee you that you will start receiving more traffic from google once you are re-indexed!

Cara Mudah Bikin Blog/Web di Blogspot

1. Apa itu Blog ?

Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.
Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet.
platform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya. Ribet bukan?! tapi dengan blog semua itu menjadi mudah semudah menyebutkan huruf A, B, C. hehe... :)

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah  blogspot atau blogger, dimana ketika mendaftar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : satanic-xzone.blogspot.com
Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk bikin blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan satanic-xzone.blogspot.com di ubah menjadi www.satanic-xzone.tk, sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.
Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di sini saat ini.
Untuk mengurangi hal yang tidak perlu di tulis, berikut cara mudah bikin blog/web di blogspot.com :

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.

Daftar Blog di blogger

  1. Silahkan kunjungi situs http://www.blogger.com
  2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger). login blogger
  3. Klik tombol bertuliskan CIPTAKAN BLOG ANDA. ciptakan blog anda
  4. Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN. nama-blog
  5. Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN. pilih template di blogger
  6. Akan ada tulisan “Blog Anda Sudah Jadi!”. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING. mulai blogging
  7. Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik. terbitkan entri
  8. Klik “Lihat Entri” untuk melihat blog anda
  9. Selesai.
Untuk tahap awal, blog/web anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting-posting yang akan datang berikutnya.

Selamat mencoba ...;)

By SX-Zone