Powered by Blogger.

Mengenal Apa Itu CSS

Mengenal Apa Itu CSS


CSS digunakan untuk "mendandani" suatu script dari HTML, ada 3 jenis CSS yaitu

=>Inline style
Dengan menambahkan atribut style di tag manapun

=> Embedded Style
Dengan menambahkan tag style diantara tag head

=>Eksternal Style Sheets
Dengan membuat file yg akhirannya menggunakan ekstensi .css  dan dipanggil di file yang akan dipakai
dan disimpan diantara tag head

Dan CSS mempunyai beberapa komponen yaitu

-Selector
bisa berupa tag class dan id
/misal class = .header
/misal id = #header
tag
descendant selectors : contoh/ p { color: #23131}
.sidebar p {color: #2313;}

child selectors : contoh /  p { color: #23131}
.sidebar>p {color: #2313;}
pseudo-class seletor : memakai titik dua ( : )
 
-Property
/misal property = font-family:
value

Peranan CSS sangat penting pada suatu website. Website akan terkesan sangat kaku jika hanya memakai HTML biasa saja.

Apa Itu Globallshare dan Cara Daftarnya


Mengenal Globallshare

Globallshare ini adalah Social Media terbaru yang diusuk oleh perusahaan Google.inc
memiliki tampilan yang dinamis, dan digadang-gadang akan menyaingi kepopuleran Facebook. Menonjolkan warna merah ditemplatenya, tampilan Globallshare ini sekilas mirip facebook.
Globallshare juga memiliki banyak fitur menyenangkan yang membuat kita betah berlama-lama bermain di gas, yaitu ada fitur Komunitas, Obrolan Dunia, Peringkat, Pesan, Teman Pesan, Pusat Aplikasi, Dunia-GAS, Translation, dan masih banyak lagi.

Jika kalian ingin melihat sedikit penampakan dari Globallshare bisa lihat langsung disini :

Mengenal Globallshare


Mengenal Globallshare


Mengenal Globallshare

Dan masih banyak lagi

Nah jika kalian berminat untuk mencoba social media terbaru ini bisa simak tutorial registernya dibawah


Tutorial Register Globallshare

Pertama-tama masuk globallshare.com
Klik "Register Free"

Mengenal Globallshare


Isi formulir yang tersedia, dikolom lebih baik menggunakan gmail.com, kalau tidak juga gapapa
nah setelah itu cek ke email kalian, untuk mengkonfirmasi akunnya

Selamat bersosial di Globallshare..!!!

Tutorial Dasar Photoshop Lengkap Untuk Pemula

Agan Tutorial – Pada kesempatan ini Agan Tutorial akan sedikit berbagi tentang tutorial adobe photoshop bagi para pemula maupun menengah. Seperti yang kita ketahui sebelumnya, bahwa photoshop merupakan perangkat lunak editor citra yang khusus dibuat untuk pengeditan gambar/foto serta pembuatan berbagai efek. Meskipun di internet banyak tersedia software photo editing gratis yang dapat menciptakan foto-foto kita menjadi keren dengan menggunakan software tersebut, namun Adobe Photoshop juga tidak kalah hebatnya untuk menciptakan foto-foto yang keren dan gokil abis dengan kreativitas serta mengembangkan ide kita untuk menjadikan gambar atau foto bukan hanya sekedar foto melainkan juga sebuah seni.
Untuk melakukan hal tersebut, Anda diperlukan memahami secara betul tentang photoshop, mengerti apa manfaat tool-tool yang ada pada photoshop, dapat memainkan warna dalam photoshop serta memanfaatkan efek-efek yang ada dan lain sebagainya.  Anda bingung bukan? Apalagi yang baru tahu tentang ilmu photoshop. OK… untuk menjawab kebingungan Anda semua, silakan simak baik-baik artikel Tutorial Photoshop Dasar Lengkap  berikut ini.

MENGENAL ADOBE PHOTOSHOP
Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Adobe Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , versi kesebelas adalah Adobe Photoshop CS4 dan versi yang terakhir (keduabelas) adalah Adobe Photoshop CS5.
Photoshop tersedia untuk Microsoft Windows, Mac OS X, dan Mac OS; versi 9 ke atas juga dapat digunakan oleh sistem operasi lain seperti Linux dengan bantuan perangkat lunak tertentu seperti CrossOver.

MENGENAL DAN MEMAHAMI AREA KERJA PHOTOSHOP
Jalankan Adobe Photoshop kemudian pilih menu File -> Open. Kemudian pilih buka gambar apa saja. Sebagai contoh di buka gambar zhaow.jpg. (lihat gambar 1.1).
Seringkali letak tool-tool (palette) Adobe Photoshop sudah berubah dimodifikasi oleh pengguna sebelumnya. Untuk mengembalikan letak palette ini gunakan menu Windows -> Workspace -> Reset Palette Location.
Area kerja Adobe Photoshop dapat dilihat pada gambar 1.1, yaitu:
A : Menu Bar, berisi perintah utama untuk membuka file, save, mengubah ukuran gambar, filter dan lain-lain.
B : Option, berisi pilihan dari tool yang Anda pilih. Misalnya dipilih kuas/brush, maka ukuran/diameter brush ada di sini.
C : Gambar, menampilkan gambar yang sedang dibuat atau diedit.
D : Pallete Well, cara cepat untuk mengakses palet brushes, tool resets dan Layer Comps. Juga dapat digunakan untuk meletakkan palet yang sering digunakan.
E : Toolbox, berisi tool untuk menyeleksi dan memodifikasi gambar.
F : Palette, berisi jendela-jendela kecil yang di dalamnya terdapat perintah dan pilihan untuk dokumen/gambar yang sedang dikerjakan.
Keterangan dan Praktek:
Membuka dokumen dan membuat duplikat dokumen
Untuk membuka gambar gunakan menu File -> Open, sedangkan untuk membuat duplikat gambar gunakan menu Image -> Duplicate.
Mengubah ukuran gambar dan kanvas
Jika ukuran gambar diubah, maka gambar akan membesar atau mengecil, lakukan dengan menu Image -> Image Size. Jika ukuran kanvas diubah, maka ukuran gambar tetap, akan ada kertas putih di sekeliling gambar, lakukan dengan menu Image -> Canvas Size.
Mencoba ToolBox
Cobalah tool-tool pada ToolBox, satu persatu akan dibahas pada bab berikutnya. Coba klik kanan pada tool yang memiliki segitiga di bagian kanan bawah untuk memilih tool yang tersembunyi.
Mencerminkan dan Memutar Gambar
Cobalah menu Image -> Rotate Canvas -> Flip Canvas Vertikal, Image -> Rotate Canvas -> Flip Canvas Horisontal. Untuk memutar gambar, pilih menu Image -> Rotate Canvas -> pilih sudut yang dikehendaki.
Undo
Undo digunakan untuk membatalkan perintah terakhir, tekan Alt+Ctrl+Z, atau gunakan pallete history.
Memindahkan gambar ke dokumen lain
Untuk memindahkan gambar gunakan Move Tool.
Save for web
Gunakan menu File -> Save for Web untuk menghasilkan gambar dengan ukuran kecil yang biasa digunakan pada web site.

SELECTION AND TOOL
Menyeleksi Gambar pada Phtoshop
Menyeleksi berarti memilih bagian tertentu dari gambar. Dengan seleksi kita dapat mengcopy, mengubah, menggeser, atau menambahkan efek kepada bagian yang terseleksi tanpa mempengaruhi bagian lain.
Ada tiga cara menyeleksi yaitu:
1. Marquee Tool, yaitu menyeleksi dalam bentuk kotak, elips, row, dan kolom
2. Lasso Tool, untuk menyeleksi dalam bentuk bebas, poligonal atau kekontrasan gambar (Magnetic Lasso Tool).
3. Magic Wand Tool, untuk menyeleksi berdasarkan persamaan warna.
Tipe seleksi ada dua (dapat dipilih pada Option Bar), yaitu:
1. Normal, memiliki pinggiran yang tajam.
2. Feather, memiliki pinggiran yang halus atau kabur.
Tool-tool Photoshop
Banyak sekali tool-tool yang terdapat pada photoshop dan setiap tool mempunyai fungsi yang berbeda-beda. Untuk mengetahui apa saja tool-tool yang ada pada photoshop, silakan perhatikan gambar di bawah.
Keterangan:
Rectangular Marquee Tool
Gunakan rectangular marquee tool untuk memotong gambar dalam bentuk kotak. Gunakan menu Select -> Transform Selection untuk mengubah seleksi dan menu Select -> Feather untuk mengatur ketajaman pinggiran potongan.
Elliptical Marquee Tool
Digunakan untuk membuat seleksi elips atau lingkaran. Anda dapat menggunakan Select -> Transform Selection (atau klik kanan) untuk mengubah bidang yang mau diseleksi. Gunakan menu Select -> Feather untuk mengatur ketajaman tepi gambar. Gunakan Select -> Inverse untuk membalik seleksi.
Lasso Tool
Seleksi ini digunakan untuk menyeleksi bentuk bebas dengan mouse.
Polygonal Lasso Tool
Polygonal Lasso Tool digunakan untuk menyeleksi gambar yang memiliki tepi garis lurus, misalnya piramida pada gambar 2.5. Jika tombol Alt ditekan maka Polygonal Lasso Tool akan berfungsi seperti Lasso Tool biasa. Contoh gambar hasil seleksi piramida diperkecil dan diletakkan pada sudut kanan bawah.
Magnetic Lasso Tool
Magnetic Lasso Tool penggunaanya cukup mudah, karena dengan tool ini seleksi gambar akan secara otomatis membuat garis seleksi pada gambar yang berwarna kontras.
Magic Wand Tool
Magic wand tool akan menyeleksi gambar yang memiliki warna sama.
Crop Tool
Crop tool digunakan untuk menghilangkan bagian yang tidak diseleksi. Contoh penggunaanya di sini digunakan untuk memperbaiki hasil scan yang miring.
Healing Brush Tool
Healing Brush Tool digunakan untuk memperbaiki gambar pada bagian tertentu. Aktifkan tool ini, kemudian tekan Alt + Klik pada objek pada bagian yang tidak berkeriput, kemudian klik pada bagian yang keriputnya ingin dihilangkan.
Spot Healing Brush Tool
Spot Healing Brush Tool digunakan untuk memperbaiki kerusakan gambar. Di sini Anda tidak perlu menentukan area yang akan digunakan sebagai patokan, karena akan secara otomatis terpilih dari area di sekitarnya. Misalnya digunakan untuk menghilangkan keretakan pada patung seperti pada gambar 2.10.
Tool ini merupakan tool baru pada Adobe Photoshop CS2 yang tidak ada pada versi sebelumnya.
Patch Tool
Patch Tool digunakan untuk memperbaiki gambar. Tool ini dibuat dengan cara membuat selection dengan mouse atau dengan menahan tombol ALT untuk menghasilkan bentuk poligonal. Selanjutnya drag ke daerah yang akan dijadikan patokan perbaikan.
Red Eye Tool
Red Eye Tool digunakan untuk memperbaiki warna merah pada mata.
Clone Stamp Tool
Clone Stamp Tool digunakan untuk membuat duplikat area pada gambar, atau yang disebut cloning. Tekan ALT pada objek yang akan dikloning, kemudian gunakan mouse pada area tempat objek baru mau diletakkan.
Background Eraser Tool
Tool ini digunakan untuk menghapus background yang memiliki kemiripan warna. Misalnya digunakan untuk menghapus background langit pada gambar kupu-kupu.
Magic Eraser Tool
Seperti Background Eraser Tool, tool ini akan menghapus area dengan warna sama, namun efeknya adalah ke seluruh gambar, bukan hanya area yang diklik.
Color Replacement Tool
Color Replacement Tool akan mengubah warna gambar tanpa mengubah bentuk dari gambar tersebut. Tool ini akan secara otomatis hanya mengubah area dengan warna sama menjadi warna lain yang dikehendaki.
Blur, Sharpen, dan Smugde Tool
Blur Tool digunakan untuk mengaburkan area. Misalnya digunakan untuk menghilangkan bintik-bintik pada wajah. Sharpen Tool merupakan kebalikan dari Blur Tool. Dengan Sharpen Tool, gambar akan menjadi lebih tajam. Smugde Tool digunakan untuk mengubah bentuk gambar dengan cara drag mouse.
Dogde, Burn, dan Sponge Tool
Dogde Tool digunakan untuk membuat area menjadi lebih terang. Burn Tool digunakan untuk mempergelap area. Spong Tool digunakan untuk mencerahkan (saturate) atau mengurangi warna (desaturate).

PERMAINAN WARNA PADA PHOTOSHOP 
Warna apapun dapat dinyatakan dalam tiga warna dasar (RGB) yaitu merah, hijau, dan biru. Cara menyatakan warna yang lain adalah dengan mode HSL yaitu Hue, Saturation, dan Lightness. Mode lain adalah CMYK (Cyan, Magenta, Yellow, Black).
Pada bab ini akan dibahas mengenai permainan warna, mulai dari mengatur latar belakang gambar, membuat gradient, mengatur brightness & contrast, dan masih banyak lagi tool-tool yang menarik. Pada subbab selanjutnya Anda dapat langsung praktek dengan didampingi instruktur.
Paint Bucket Tool
Paint Bucket Tool digunakan untuk mengganti background yang memiliki warna sama atau mirip. Background dapat diganti dengan pattern.
Gradient Tool
Gradient tool digunakan untuk menghasilkan warna gradasi. Jangan lupa lakukan seleksi terlebih dahulu bagian mana yang akan diisi warna gradasi. Jika tidak, maka seluruh kanvas terisi dengan gradasi.
Brush Tool
Brush Tool digunakan sebagai kuas dalam mengambar dengan mouse. Atur besar kecilnya brush, hardness, opacity, dan flow. Bush Tool dapat juga bekerja pada mode Air Brush.
Brightness/Contrast
Brightness digunakan untuk mengatur kecerahan gambar. Contrast digunakan untuk mengatur ketajaman gambar. Gunakan menu Image -> Adjustment -> Brightness/Contrast.
Level
Level berfungsi mirip dengan Brightness/Contrast namun lebih fleksible karena warna dapat diatur warna gelap, warna menengah, dan warna terang. Level dapat bekerja pada selection atau seluruh kanvas. Gunakan menu Image -> Adjustment -> Level.
Curves
Curves bekerja seperti level, namun Anda mengatur warna RGB dalam bentuk curva. Gunakan menu Image -> Adjustment -> Curves. Curva dapat diatur otomatis, mode RGB atau diatur sendiri-sendiri untuk tiap-tiap warna.
Color Balance
Melalui menu Image -> Adjustment -> Color Balance kita dapat mengatur keseimbangan warna.
Photo Filter
Photo filter digunakan untuk memberikan filter pada gambar. Mirip seperti filter yang diletakkan di depan lensa kamera. Gunakan menu Image -> Adjustment -> Photofilter.
Replace Color
Replace Color digunakan untuk mengganti warna tertentu dalam gambar, sedangkan warna yang lain tidak ikut berubah. Misalnya untuk mengganti warna apel dengan tanpa mengubah warna background. Gunakan menu Image -> Adjusments -> Replace Color.
Hue/Saturation
Hue/Saturation digunakan untuk mengganti warna pada keseluruhan gambar/seleksi. Hue adalah warna, sedangkan Saturation adalah tebal/tipisnya warna. Gunakan tool ini melalui Image -> Adjustment -> Hue/Saturation. Perubahan warna dapat diatur pada chanel master, atau tiap-tiap warna.
Match Color
Match Color akan menyamakan warna gambar source kepada gambar yang akan diubah. Misalnya di sini akan diubah gambar danau3.jpg, menjadi suasana matahati terbit seperti gambar acuan. Gunakan tool ini melalui menu Image -> Adjustment -> Match Color.

TEKS DAN VECTOR PHOTOSHOP 
Horisontal Type Tool
Horisontal Type Tool digunakan untuk membuat teks secar horisontal. Hasil teks dapat dipindahkan dengan Move Tool.
Horisontal Type Mask Tool
Horisontal Type Mask Tool digunakan untuk menyeleksi dalam bentuk teks.
Pen Tool
Peen Tool digunakan untuk membuat garis lurus dan garis lengkung dalam bentuk vektor. Klik sekali untuk membuat anchor point, kemudian jika kurva telah terbentuk, drag anchor point untuk membuat direction point. Path yang dibuat oleh Pen Tool dapat diubah menjadi selection.
Rectangle, Ellipse, Poligon, dan Custom Shape Tool
Tool ini berguna untuk menghasilkan bentuk kotak (rectangle), ellips, poligon, dan berbagai macam bentuk lain yang telah disediakan oleh Adobne Photoshop. Bentuk-bentuk tersebut misalnya hati, lampu, not balok, dan lain sebagainya.

LAYER, MASK, AND STYLE 
Layer adalah lapisan tembus pandang. Bagian yang tidak bergambar pada sebuah layer bersifat transparan. Layer dapat ditumpuk dan diatur susunannya. Dengan menggunakan layer, efek-efek akan berlaku dalam layer tertentu saja, tanpa mengganggu layer yang lain.
Quick Mask Mode
Quick Mask Mode digunakan untuk menyeleksi dengan menggunakan Brush Tool. Aktifkan tool ini dengan menekan tombol Q pada keyboard atau memilih tool Quick Mask Mode.
Pada contoh ini, gambar beruang di seleksi dengan menggunakan Brush Tool pada mode quick mask. Setelah gambar beruang terseleksi, kembalikan ke mode normal untuk menghasilkan seleksi gambar beruang.
Layer Mask
Layer Mask digunakan untuk menyembunyikan bagian tertentu pada layer. Gunakan warna hitam untuk menyembunyikan gambar dan warna putih untuk menampilkan gambar.
Layer Style
Layer Style merupakan teknik memberikan efek tertentu pada suatu layer. Pilih tool Add Layer Style yang ada pada sudut kanan bawah pallete.

EFEK KHUSUS PHOTOSHOP 
Filter Liquify
Filter Liquify dapat mengubah gambar secara langsung dengan menggunakan mouse. Misalnya memperbesar/memperkecil mata, menggeser alis, dan sebagainya. Filter ini dapat digunakan melalui menu Filter -> Liquify.
Filter Vanishing Point
Filter Vanishing Point digunakan untuk meng-klone gambar dalam bentuk perspektif. Filter ini dapat digunakan melalui menu Filter -> Vanishing Point. Area sumber kloning ditentukan dengan menekan Alt + Click. Fitur merupakan fitur baru dalam Adobe Photoshop CS2.
Filter Blur
Filter Blur digunakan untuk mengaburkan gambar. Yang menarik dalam filter ini adalah mengaburnya gambar dapat dibuat secara radial. Gunakan filter ini melalui menu Filter -> Blur.

Tutorial Membuat Background Keren Dengan Photoshop

Agan Tutorial - OK, kali ini saya akan membahas tentang desain grafis menggunakan Photoshop.ini pertama kali Agan Tutorial mengepos tentang Tutorial Photoshop. Sebenarnya, penggunaan Photoshop itu cukup mudah jika kita paham step by step(walau saya sendiri masih mengalami banyak kesulitan). Yang sangat perlu kita fahami adalah penggunaan layer layer yang ada pada Photoshop.
Tapi, Kita nggak bahas soal itu. Karena, kalau mau jelasin, saya sendiri juga masih bingung gimana cara jelasin tenteng layer-layer itu. Sekarang kita akan membahas tentang cara membuat background keren dengan Photoshop.
Yah, mungkin untuk sebagian orang, tutorial dan hasil dari postingan ini nggak menarik sama sekali, tapi bagi saya ketika pertama kali bisa buat kayak gini, saya benar-benar gembira (maklum pemula). OK, kita mulai praktek saja ya.
STEP 1: Buka dulu dong Photoshopnya.
STEP 2: Buat lembar kerja baru dengan cara pilih File pada menu bar, lalu klik New, Atur lembar                               kerja sesuai keinginan.

Tutorial Membuat Background Keren
STEP 3: Atur warna garis dan background yang diinginkan.
Tutorial Membuat Background Keren
STEP 4: Pada Menu Bar, pilih Filter - Render - Clouds, maka akan jadi seperti ini hasilnya:
Tutorial Membuat Background Keren
STEP 5: Masih pada Menu Bar Filter, pilih Pixelate lalu pilih Mosaic. Atur Cell Size menjadi 21. Inilah                         jadinya:
Tutorial Membuat Background Keren
STEP 6: Tetap pada Filter, pilih Stylize kemudian Glowing Edge, klik OK. Ini dia hasil akhirnya:Tutorial Membuat Background Keren Nah, gimana, Gan? Bagus nggak? Yah, saya cuma menganjurkan untuk belajar hal-hal dasar ini dulu (bagi beginner), Karena penguasaan Photoshop tingkat lanjut itu (menurut saya) sangatlah sulit apabila tidak menguasai bagian paling dasarnya. Trik ini bisa kalian modifikasi sesuai kehendak kawan-kawan semua. Ini nih contoh punya saya Maaf kalo jelek:
Contoh Background keren

Cara Membuat Sitemap Keren

Cara Membuat SiteMap Keren - Agan Tutorial Kali ini akan memberitahu bagaimana cara membuat sitemap atau biasanya bisa di sebut dengan daftar isi dan sitemap ini sangat keren sekali untuk di pakai di blog khususnya Blog Blogger.

Fungsi daftar isi adalah untuk memudahkan pengunjung menelusuri semua konten yang ada pada blog kita secara mudah. Selain itu, sitemap juga akan terbaca oleh spider search, sehingga peluang untuk mendapatkan banyak pengunjung terbuka lebar.


Screen Shot Sitemap


Berikut ini adalah cara untuk membuat Sitemap di Blogger/Blogspot menggunakan kode javascript.



1. Silahkan copy kode di bawah ini



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap-v1.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap-v1.js"></script>
<script src="AlamatBlogAnda/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
    var accToc = true;
</script>
<script src="https://sites.google.com/site/bloghostingbagus/javascript/daftarisiv2.js" type="text/javascript"></script>
Note: 


  • Ganti teks AlamatBlogAnda dengan alamat/URL blog Anda. Contoh : http://bagus-programmer-arpega.blogspot.com
  • Yang berwarna biru adalah jQuery, apabila template sobat sudah terinstal jQuery, yang berwarnabiru tidak usah di copy.

2. Silahkan masuk ke Dashboard blogger, lalu klik pages.


Membuat menu Sitemap di blogger/blogspot
3. Kemudian klik Blank page. Perhatikan gambar berikut

Membuat Sitemap di blogger/blogspot

4. Pastekan kode javascript tadi ke kolom edit, pastikan anda memilih mode HTML, lihat gambar berikut. 


Membuat menu Sitemap di blogger/blogspot



Klik preview dahulu untuk memastikan sitemap sudah terpasang dengan benar.


Sekian Tutorial dari Agan Tutorial Tentang Cara Membuat Sitemap Keren dan dulu juga ada artikel tentang cara membuat sitemap tapi ini versi kerennya :D

Cara Mematikan Link Aktif Pada Komentar Blog

Mematikan Link Aktif Di Blog
Cara Mematikan Link Aktif Pada Komentar Blog- Helo saudara semua ?Setelah postingan saya sebelumnya saya sudah posting artikel yang berjudul Cara Memasang Widget Join This Site . Nah, pada artikel saya kali ini saya akan posting artikel yang berjudul Cara Mematikan Link Aktif Pada Komentar Blog. Siapa sih yang mau blognya tersebut di isi/banyak mengandung link-link aktif yang sengaja di pasang agar ada pengunjung yang mengklik link tersebut dan mengarah langsung ke blognya sendiri.
Untuk itu saya akan kasih tahu kepada saudara-saudara semua, Bagaimana Cara Mematikan Link Aktif Pada Komentar Blog. Berikut cara-caranya :
  • Login dengan akun blog saudara.
  • Pilih opsi template-->>> Edit Html
  • Centang expand template widget
  • Cari kode ]]></b:skin> (tekan Ctrl f untuk mempermudah pencarian kata)
  • Copy script berikut
 /*----Matikan Link aktif di komentar----*/ 
#comments p a {display: none !important; } 
/*----Matikan Link aktif  selesai----*/
  •  Simpan tepat di atas kode  ]]></b:skin>
  • Klik Simpan template
Catatan :  
Kode diatas memerintahkan agar memblokir link aktif /hidup yang pakai kode “a” . Bukankah kalau kita mau menyimpan link suka dimulai dengan <a, misalnya <a href='http://agan-tutorial.blogspot.com'> Blog Tutorial Lengkap </a> . Jadi dengan kode diatas semua komentar yang pakai <a menjadi tidak ada atau none.

Selain kode diatas ada lagi beberapa kode lainnya untukMematikan Link Aktif Pada Komentar Blog, yaitu dengan memanfaatkan Script jQuery , Audara tinggal pilih sesuai selera saudara .
  • Login dengan akun blog saudara
  • Pilih opsi template-->>> Edit Html
  • Centang expand template widget
  • Cari kode ]]></b:skin> (tekan Ctrl f untuk mempermudah pencarian kata)
1.Kalau ingin link aktif plus tulisannya benar2 hilang tanpa bekas ( remove ), pake script dibawah ini dan disimpan dibawah ]]></b:skin> , bisa juga diatas  </head> atau <body> ,<! -- Matikan link aktif dlm komentar star --> 
  
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'type='text/javascript'></script> 
<script type='text/javascript'> 
$(function() { 
$('#comments p').find('a').remove(); });    
</script> 
<! -- Matikan link aktif dlm komentar end --> 
2. Ganti Link Aktif dengan peringatan yang kita buat sendiri ( lihat tulisan warna biru), scriptnya pakai yang ini :
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p").find("a").replaceWith("<span> Peringatan ! Link Aktif Tidak Masuk Sini Mungkin Salah Tempat.</span>"); }); </script>

3. Kalau yang ini linknya atau tulisannya muncul, Cuma link aktifnya tidak ada atau hilang  ( unwrap ), script nya disimpan diatas </head> atau <body>

 <! -- Hilangkan link aktif dlm komentar star --> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'type='text/javascript'/> <script type='text/javascript'> 
//<![CDATA[ 
$(function() { 
$('#comments p').find('a').contents().unwrap(); 
}); 
//]]> 
</script> 
<! -- Hilangkan link aktif dlm komentar End -->

5. Memanipulasi atau Mengalihkan link aktif ke Url yang kita tentukan. Ini rasanya lebih mantap seolah-olah kita dibuatkan link oleh komentator tersebut.
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p a").attr("href", "http://helmiirfansyah.blogspot.com"); }); </script>
Kode yang warna biru silahkan pilih sendiri misalnya ke Url Blog atau Postingan anda. 
Catatan :
  • Perhatian jika dalam template sobat sudah ada script jQuery seperti yang warna merah di atas, sebaiknya yang warna merah jangan dicopy lagi karena fungsinya sama, yaitu untuk memanggil script "jquery.min.js" tersebut.
  •  Kelebihan script JQuey tersebut memang sangat mantap untuk Disable atau mematikan link aktif dalam komentar, tapi hanya berfungsi pada setting komentar Embedded atau Tersemat . Kalau pada setting komentar Popup Window atau Jendela Munculan tidak bisa dipakai karena tautan / link aktif untuk memunculkan windownya yaitu pada tulisan Post a comment juga ikut mati, mungkin dimakan Jin Iprit.. eh script… dasar.. Blognya Ilmu. itulah yang saya alami.
 Demikianlah artikel saya yang berjudul  Cara Mematikan Link Aktif Pada Komentar Blog,mudah-mudahan script di atas bisa mengelanui para spamer yang sangat tidak disukai oleh SEO atau google.

Cara Memasang Widget Join This Site Tanpa Javascript

Cara Memasang Widget Tombol Join This Site Tanpa Javascript - Hi sobat blogger, pasti sudah kenal dengan widget Join This Site, yap! widget yang fungsinya adalah untuk memudahkan pengunjung mengikuti suatu blog dan mendapatkan informasi serta update artikel dari blog yang di joinnya.

Join THis Site

Namun sayangnya tombol Join This Site yang disediakan oleh blogger mengandung javascript. Asal anda tahu Javascript dapat memperlambat loading suatu blog dan tidak terlalu bagus untuk SEO.

Oleh karena itulah saya akan membagikan kepada anda widget Join This Site tanpa Javascript. Tentunya loading blog anda juga tetap optimal serta tidak memperburuk SEO blog anda. Inilah tutorialnya!

Cara Memasang Widget Join This Site Tanpa Javascript :

Widget Join This Site yang akan saya bagikan dilengkapi dengan tombol yang berkelap-kelip, ini dapat menarik perhatian pengunjung untuk melakukan Join pada blog anda. Ini dia cara memasangnya!

1. Buka Dashboard blogger > Tata Letak > Tambahkan Gadget > HTML/Javascript.
2. Copy/Paste script dibawah ini.
 <a href="http://www.blogger.com/follow-blog.g?blogID=7255971263828208109" title="Follower Blog" rel="nofollow" target="_blank"><img src="http://4.bp.blogspot.com/-a409Bq2T2bE/UmvRU1JEMiI/AAAAAAAAaWA/IdJz0L5Yv2g/s1600/Follow+my+blog.gif" width="117" height="21" alt="Google Follower" style="border:0;" title="Follower Blog"/></a>

3. Ganti angka yang berarna Merah dengan ID blog anda.

Cara Mendapatkan ID Blog :

ID blog anda bisa anda dapatkan dengan cara membuka dashboard blogger blog anda, lalu ID blog anda akan terlihat pada Address Bar. Lebih jelasnya, lihat gambar!

Gambar ID BLOG


4. Klik Simpan.

Sekarang coba lihat blog anda, widget Join This Site sudah terpasang. Anda dapat mencobanya dengan cara mengklik widgetnya. Sekian semoga bermanfaat.