asdedz

Color to HTML Converter (HEX Color Generator)

Color to HTML Converter (HEX Color Generator) – Saat Anda menambahkanwidget ataupun gadget baru ke blog Anda, pernahkah Anda kebingungan saat diharuskan untuk mengubah warna menjadi kode HTML? Saya juga sering mengalaminya. Hampir semua blogger pernah mengalaminya. Namun, itu dulu. Sekarang, Anda dapat menggunakan tools dibawah ini. Namanya Color to HTML Converter, walaupun ada yang menyebutnya Color Hex Generator. Fungsinya untuk mengubah warna menjadi kode HTML, ataupun sebaliknya, mengubah kode HTML menjadi warna.

Cara menggunakannya cukup mudah. Klik kotak warna yang terdapat dibawah untuk memilih warna yang Anda inginkan. Jika Anda ingin mengubah kode HTML menjadi warna, cukup masukkan kode warna Anda pada kotak disebelah tulisan HEX #(masukkan tanpa ‘#’), dan kode tersebut akan diterjemahkan dengan sendirinya menjadi warna. Bookmark halaman ini untuk memudahkan Anda mengubah warna menjadi kode HTML ataupun sebaliknya.

Selamat mencoba! Salam Blogger!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Cara Mengetahui Pembajak Artikel Blog via CopySpace

Cara Mengetahui Pembajak Artikel Blog via CopySpace – Siapa yang senang artikel blognya dibajak? Hampir semua blogger tidak senang apabila ada blogger lain yang menyalin dan mem-post-nya di blog mereka tanpa mencantumkan link sumbernya. Tentu Anda juga pernah mengalaminya. Jika Anda belum mengalaminya, mungkin nanti, saat blog Anda sudah memiliki traffic tinggi, lalu ada satu dua orang visitor yang melakukannya. Parahnya lagi, mereka (para pembajak artikel blog) tidak mengindahkan isi kotak permalink (apakah blog Anda belum memilikinya? Lihat disini, bagaimana cara memasangnya), yang meminta penyalin agar selalu menyertakan link sumber artikelnya (dalam hal ini blog).

Lalu, mengapa para blogger harus repot – repot memikirkan para pembajak artikel blog? Menurut saya, ada beberapa alasan mengapa pembajak artikel blog harus dipikirkan, namun saya akan menuliskan salah satu alasannya. Umumnya, pembajak artikel hanya melakukan copy paste pada artikel, dan langsung mem-post-nya tanpa memberikan sedikit ubahan (atau link sumber). Sehingga postingan pada blog pembajak dengan blog sumber akan sama persis. Ketika hal ini terdeteksi oleh mesin pencari (biasanya Google), kemungkinan besar blog akan terkena banned, dan akan hilang dari mesin pencari. Belum tentu blog pembajak yang terkena banned. Bisa saja blog sumber artikel, karena kontennya sama persis.

Sekarang, coba kita tanggulangi masalah ini. Untuk mengetahui blog pembajak artikel blog Anda, caranya cukup mudah. Anda dapat menggunakan beberapa situs gratisan, yang dapat mendeteksi blog pembajak artikel. Salah satunya adalah CopySpace. Layanan CopySpace ini gratis (walaupun CopySpace juga menyediakan layanan berbayar), dan menurut saya cukup akurat dalam mendeteksi blog pembajak artikel Anda.

Jika Anda ingin mencobanya, silahkan ikuti langkah – langkah dibawah ini :

1. Buka Browser kesayangan Anda, lalu masuk kehttp://www.copyscape.com/

2. Lalu masukkan url postingan blog Anda pada kotak yang tersedia, dan klik Go.

3. Maka akan muncul halaman (yang mirip dengan hasil pencarian Google) yang berisikan web – web yang memiliki artikel sama dengan blog Anda. Klik link tersebut untuk masuk ke blog yang membajak artikel Anda, dan ingatkan sang pemilik blog melalui kotak komentar, agar tidak melakukan pembajakan.

Perlu dicatat, hasil pemeriksaan CopySpace versi Free terkadang tidak akurat. Terkadang ia mendeteksi link yang sama dengan link yang terdapat di blog Anda, dan mengatakan blog itu melakukan pembajakan. Untuk itu, telitilah dalam memeriksa, atau Anda dapat menggunakan CopySpace versi Premium. Selamat mencoba, dan jangan lupa tinggalkan komentar!

Salam blogger!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Cara Membuat Efek Link Bertabur Bintang di Blog

Cara Membuat Efek Link Bertabur Bintang di Blog – Beberapa waktu yang lalu saya pernah membagikan trik memasang efek link membesar otomatis saat disentuh di blog. Efek yang akan saya bagikan kali ini tidak jauh – jauh dari manipulasi link. Yup, dari judulnya saja tentu sudah terlihat. Saya akan membagikan efek link bertabur bintang di blog. Efek taburan bintang ini akan terlihat apabila pointer mouse diletakkan diatas link. Masih belum terbayang bagaimana efek link bertabur bintang ini? Silahkan lihat gambar berikut :

Gambar preview link berabur bintang yang sudah dipasangkan di blog

Cara memasangnya cukup mudah. Ikuti beberapa langkah berikut :

1. Buka Blogger, dan masuk ke Template.

2. Buat sebuah backup dari template blog Anda, lalu lanjutkan dengan mengklik tombol Edit HTML.

3. Cari kode a:hover { (gunakan tombol sakti, CTRL+F). Kurang lebih kodenya seperti dibawah ini :

a:hover {

color:#325C1C;

text-decoration:underline;

text-shadow:5px 5px 5px #000;

}

Catatan : Kode CSS link pada setiap template blog berbeda – beda. Jika Anda tidak menemukan kode yang sama, cari yang mirip.

4. Sisipkan kode berikut tepat disebelah/setelah kode a:hover { .

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimCN8I7gBHuMkQvOnwv_b9juWzZleeNkgBx70NKih-d1cKIg9ETI4cDcGPIgGqsO7222b33aR4A-bdBsw-GEO0etD0xbmZgmFKAGiTxvRsw_9piQWYq2iBUS6fUIeYIVlv7RbaIV2RoCqh/s1600/bertabur-bintang.gif);

Sehingga kodenya akan menjadi :

a:hover {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimCN8I7gBHuMkQvOnwv_b9juWzZleeNkgBx70NKih-d1cKIg9ETI4cDcGPIgGqsO7222b33aR4A-bdBsw-GEO0etD0xbmZgmFKAGiTxvRsw_9piQWYq2iBUS6fUIeYIVlv7RbaIV2RoCqh/s1600/bertabur-bintang.gif);

color:#325C1C;

text-decoration:underline;

text-shadow:5px 5px 5px #000;

}

5. Terakhir, klik Simpan, dan buka blog Anda untuk menguji efek link bertabur bintang ini.

Bagaimana? Oh, iya! Setelah melakukan trik memasang efek link bertabur bintang di blog, jangan lupa untuk men-share artikel ini, baik itu di Google+, Facebook, ataupunTwitter. Ikuti juga RSS blog Tips SEO + Blog – PC 123, untuk mendapatkan update seputar dunia tips trik blogging yang akan saya kirimkan langsung ke alamat e-mail Anda. Terima kasih, dan selamat mencoba!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Cara Membuat Tulisan / Link Berkedip (Blink) di Blog

Ilustrasi tag <blink>, yang digunakan untuk membuat teks berkedip (Gambar tidak terlihat? Klik kanan tulisan ini, dan pilih 'Reload Image!')

Update 10 Agustus 2017 - Fitur ini sudah tidak didukung oleh beberapa browser. Jadi, jangan kaget apabila Anda tidak melihat efeknya. Info selengkapnya, klik di sini
Cara Membuat Tulisan / Link Berkedip di Blog – Beberapa waktu yang lalu saya sempat membagikan artikel yang membahas cara membuat teks berjalan / bergerak di blog, dan cara membuat efek link membesar saat disentuh di blog. Kali ini saya akan membagikan cara membuat tulisan (teks) ataupun link berkedip (dikenal juga dengan efek blink) di blog. Tutorial ini tidak hanya berlaku untuk blog, namun juga dapat diaplikasikan untuk website.

Tujuan pemasangan tulisan (teks) atau link berkedip ini tidak lain untuk menarik perhatian pengunjung blog agar memperhatikan tulisan yang berkedip. Hal yang sama juga berlaku untuk link. Tujuannya, ya tentu saja agar pengunjung tertarik mengklik link tersebut. Agar link semakin menarik untuk di klik, tambahkan juga title dan alt text di link tersebut. Oh, iya. Satu lagi. Efek ini hanya bekerja pada browser dengan basis Mozilla, semacam Mozilla Firefox.

Oke, to the point (lagi). Berikut ini cara mudah membuat tulisan atau link berkedip (blink) di blog. Perhatikan script tulisan / link berkedip dibawah :

<blink>Cara Membuat Tulisan / Link Berkedip di Blog</blink>

Jika dipasangkan di blog (melalui menu HTML pada post, atau HTML/Javascript pada menu Tambahkan Gadget), teks tersebut akan terlihat seperti berikut:

Cara Membuat Tulisan / Link Berkedip di Blog

Singkatnya, untuk membuat tulisan berkedip, ganti tulisan yang berwarna merah dengan tulisan yang Anda inginkan, kemudian pasangkan pada menu HTML (disebelah tombolCompose pada Entri Baru) atau HTML/Javascript pada menu Tambahkan Gadget. Jika Anda ingin mengubah warna tulisan / teks, tambahkan kode <div style='color: #FF8000;'></div> diantara kode <blink>…</blink>. Sehingga kodenya akan menjadi :

<div style='color: #FF8000;'><blink>Cara Membuat Tulisan / Link Berkedip di Blog</blink></div>

Kode teks berkedip diatas, jika dipasang akan terlihat seperti berikut ini :

Cara Membuat Tulisan / Link Berkedip di Blog

Ganti warna teks tersebut dengan mengganti kode #FF8000. Untuk mengetahui daftar kode warna, klik disini.

Untuk membuat link berkedip, kodenya sama. Hanya saja, ganti teks Cara Membuat Tulisan / Link Berkedip di Blog dengan <a href=‘http://urlanda’>Judul Link</a>. Contoh script link berkedip di blog :

<blink><a href='http://xxpc123xx.blogspot.com/2012/09/alt-text-seo-pada-gambar-di-blogger.html'>Alt Text – SEO Pada Gambar di Blog</a></blink>

Sehingga, saat script diatas dipasang, akan terlihat seperti berikut :

Alt Text – SEO Pada Gambar di Blog

Untuk mudahnya, Anda dapat langsung menyalin script diatas (untuk membuat link berkedip), kemudian ganti tulisan yang berwarna biru dengan url Anda, dan yang berwarna ungu dengan judul link.

Cara Memasang Tulisan / Link Berkedip di Blog

Terdapat 2 cara untuk memasang link atau teks berkedip di blog Anda. diantaranya :

Cara Pertama – Memasang Tulisan / Teks Berkedip Didalam Posting Blog

1. Buka Blogger, dan klik tombol Buat Entri (yang berbentuk pensil berwarna oranye)

2. Klik tombol HTML yang berada disebelah tombol Compose (kedua tombol ini berada di pojok kiri atas, dibawah logo Blogger).

3. Masukkan kode tulisan atau link berkedip yang ada diatas (setelah sebelumnya Anda edit).

4. Terakhir, klik Publikasikan untuk mempublikasikannya. Atau, kembali klik tombolCompose untuk menambah isi posting Anda.

Cara Kedua – Memasang Teks / Link Berkedip Sebagai Widget Blog

Dengan cara ini, teks atau link berkedip akan dipasang sebagai widget, sehingga dapat diletakkan dibawah judul blog, disamping posting, dsb.

Buka Blogger, dan masuk ke Tata Letak.
Klik Tambahkan Gadget ditempat Anda ingin memasang teks atau link berkedip (blink) ini.
Pilih HTML/Javascript pada window baru yang muncul.
Pastekan kode teks atau link berkedip (blink) diatas (yang tentunya sudah Anda ubah).
Terakhir, klik Simpan. Buka blog Anda untuk melihat efek teks atau link berkedip di blog.

Agar terlihat lebih unik, Anda dapat menggabungkan efek tulisan atau link berkedip ini dengan efek teks (tulisan) bergerak di blog (marquee).Selamat mencoba! Tolong tinggalkan komentar, share dan like posting ini (berikan pula Google +)! Terima kasih, dan salam blogger!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Cara Mudah Membuat Link Bergoyang di Blog

Cara mudah membuat/memasang efek link bergoyang (nudging) di blog, blog, blogger.

Cara Mudah Membuat Efek Link Bergoyang (Nudging) di Blog – Mungkin, saat Anda berselancar di Internet, Anda pernah melihat sebuah link yang bergoyang ketika Anda meletakkan pointer diatasnya (baca juga : cara membuat efek kursor bertabur bintang di blog). Terkadang, saya menjadi geli sendiri saat melihat efek ini. Terlihat lucu dan unik. Cara pemasangan efek link bergoyang ini tak jauh beda dengan cara memasang efek link bertabur bintang di blog, atau memasang efek link membesar otomatis saat disentuh. Silahkan kombinasikan semuanya untuk membuat tampilan link blog menjadi lebih unik dan menarik.

Oke, langsung saja. Berikut ini trik untuk membuat link bergoyang di blog Anda.

Pertama, buka akun Blogger Anda. Masuk ke Template.
Seperti biasa, buat sebuah backup dari template blog Anda. Lanjutkan dengan mengklik tombol Edit HTML.
Cari kode </head> (gunakan CTRL+F).
Jika sudah ketemu, pastekan kode berikut tepat di atasnya.

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

<script type='text/javascript'>

$(document).ready(function() {

$('a').hover(function() { //mouse in

$(this).animate({ marginLeft: '12px' }, 400);

}, function() { //mouse out

$(this).animate({ marginLeft: 0 }, 400);

});

});</script>

Terakhir, klik Simpan.

Buka blog Anda untuk melihat dan 'menikmati' efek link bergoyang ini. Tolong shareartikel ini jika bermanfaat, selamat mencoba, dan salam blogger!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Cara Memasang Bayangan pada Link di Blogger

Cara Memasang Efek Bayangan pada Link di Blogger, hanya dari Tips SEO + Blog - PC 123!

Cara Memasang Bayangan pada Link di Blogger – Dengan sedikit permainan kode CSS, kita dapat mendekorasi semua ornamen (widget) yang terdapat dalam blog kita. Contohnya dalam tips yang satu ini, menambahkan efek bayangan pada link di blog. Selain dapat menambahkan nilai seni terhadap link (sehingga akan menarik pengunjung untuk meng-kliknya), penambahan bayangan pada link dapat mencegah pengunjung bosan, karena pengunjung akan melihat bayangan apabila pointer mouse digerakkan (diletakkan) diatas link. Jika anda penasaran mengenai preview-nya, silahkan klik link dibawah ini untuk masuk ke blog percobaan saya :

PREVIEW Bayangan Pada Link di Blogger

Silahkan arahkan pointer Anda ke sembarang link, lalu lihat bayangan yang timbul di belakang link. Seperti itulah preview bayangan pada link di Blogger.

Oke, inilah sedikit tips singkat bagaimana cara memasang efek bayangan pada link di Blogger.

1. Seperti biasa, buka akun Blogger Anda, lalu pilih Template.

2. Jangan lupa untuk membuat backup (cadangan) dari template blog Anda (dengan cara mengklik tombol Cadangkan/Pulihkan).

3. Lalu, masuk ke menu Edit HTML.

4. Klik pada areal kode HTML, lalu tekan ctrl+f untuk menampilkan kotak Find.

5. Carilah kode dibawah ini.

a:hover {
color:#FFFFFF;
text-decoration: underline;
}

Tips :

Jika Anda tidak menemukan kode yang sama persis dengan kode diatas, cobalah untuk mencari kode a:hover{. Lalu perhatikan kode tersebut, dan lihat bentuknya (sampai tanda ‘}’, tanpa tanda kutip). Apabila bentuknya sama dengan kode diatas (hanya berbeda kode setalah # - kode tersebut mewakili warna link dalam blog Anda,dan warna link untuk setiap template umumnya berbeda), kode itulah yang Anda cari!

6. Lalu, modifikasi kode tersebut dengan menambahkan kode dibawah ini:

text-shadow:5px 5px 5px #000;

Keterangan :

- 3px 3px 3px merupakan ukuran/ketebalan bayangan pada link yang ditampilkan. Silahkan diganti sesuai dengan keinginan.

- #000 merupakan kode warna bayangan (dalam contoh ini hitam). Silahkan ganti sesuai dengan keinginan, atau lihat Generator Kode Warna untuk melihat daftar kode warna.

7. Tempatkan kode pada langkah no.6 seperti contoh dibawah ini :

a:hover {
color:#FFFFFF;
text-decoration: underline;

text-shadow:5px 5px 5px #000;

}

8. Terakhir, klik Pratinjau untuk melihat hasil perubahan. Jika dirasa telah sesuai, klikSimpan Template untuk menyimpan perubahan pada template.

Bagaimana? Jika terjadi kegagalan, upload kembali template yang telah Andabackup tadi. Selamat mencoba memasang efek bayangan pada link di blogger! Senang rasanya apabila saya bisa mendengarkan pendapat Anda melalui kotak komentar, dan terima kasih atas ketersediaannya untuk mengkritik artikel ini.

Salam Blogger!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Cara Membuat 1 Link Membuka (Menuju) 2 Alamat

Cara Membuat 1 Link Membuka (Menuju) 2 Alamat – Kali ini saya akan membahas cara membuat link yang ketika di-klik akan membuka 2 alamat. Mungkin Anda pernah menemui sebuah link yang saat di-klik akan membuka 2 alamat yang berbeda (dan terkadang membuat kita, para blogger terkaget – kaget). Berikut ini demo link yang jika diklik akan membuka 2 alamat. Silahkan di-klik.

Selain trik ini, masih ada beberapa trik yang dapat Anda gunakan untuk memperindah tampilan link. Diantaranya Cara Membuat Link Berkedip, Memasang Efek Link Bertabur Bintang, Membuat Efek Link Membesar saat Disentuh Kursor, Efek Bergoyang pada Link, dan Cara Memasang Efek Bayangan Pada Link

Sebenarnya, ada 2 cara membuat 1 link membuka 2 alamat (atau tujuan). Diantaranya :

1. Membuat 1 Link Membuka 2 Alamat / Tujuan di Posting Blogger

Cara pertama ini dikhususkan untuk membuat 1 link yang membuka (menuju) 2 alamat di posting blog. Untuk membuatnya, copy dan pastekan script berikut pada bagian yang Anda inginkan di dalam posting blog Anda (via tab HTML).

<a onclick="window.open('http://www.facebook.com/Tipsseoblogpc123');window.open('http://www.twitter.com/blog_ananda')" href="javascript:void(0)">DEMO – Cara Membuat 1 Link Membuka 2 Alamat </a>

2. Membuat 1 Link Membuka 2 Alamat / Tujuan di Edit HTML / Javascript.

Jika Anda ingin membuat 1 link yang membuka ke 2 tujuan / alamat di widget (via Edit HTML / JavaScript) ataupun template, gunakan script berikut.

<script type="text/javascript">function open_win() {window.open('http://www.facebook.com/Tipsseoblogpc123');window.open('http://www.twitter.com/blog_ananda');} </script><a href="javascript: void(0)" onclick="open_win()">DEMO – Cara Membuat 1 Link Membuka 2 Alamat</a>

Catatan untuk kedua langkah diatas :

Warna merah menunjukkan alamat web yang pertama.

Warna oranye menunjukkan alamat web yang kedua.

Warna hijau menunjukkan tulisan yang ditampilkan sebagai link.

Silahkan Anda ganti 3 tulisan diatas (yang telah saya beri warna).

Bagaimana, mudah bukan? Selamat mencoba. Tolong Like dan Follow blog ini di social media (Google Plus, Twitter dan Facebook). Mohon maaf pula apabila saya terlalu lama ‘menelantarkan’ blog ini. Terima kasih, dan salam blogger!

Cara Mengganti Template (Tema) pada Blogger

Cara Mengganti Template (Tema) pada Blogger – Terkadang kita mengganggap tema (theme, atau terkadang disebut Template) yang disediakan oleh Blogger kurang menawan dan menarik, sehingga kita ingin menggantinya dengan tema Blogger buatan pihak ketiga (tema yang dibuat oleh pihak lain) Jika anda ingin mengganti tema pada Blog anda, silakan lihat tahapan – tahapan mengganti tema pada Blogger dibawah ini :

Catatan :

Kegiatan mengganti template / tema Blogger ini dapat menghilangkan segala perubahan yang telah anda lakukan pada blog anda. Misalkan sebelumnya anda pernah memasangkan meta tag pada blog anda, meta tag tersebut akan hilang setelah anda mengganti template blog anda. Jadi, sebaiknya pertimbangkan baik – baik. Atau anda juga dapat membuat cadangan dari template / tema Blogger anda.

1. Sebelumnya, siapkan sebuah tema / template yang akan anda gunakan sebagai pengganti. Biasanya, pada blogger, tema yang digunakan memiliki format *.XML. Anda dapat mendownload atau mencari template yang anda inginkan di beberapa situs dibawah ini :

http://www.bloggerthemes.net/

http://btemplates.com/

http://www.deluxetemplates.net/

Atau anda juga dapat mencarinya di Google dengan kata kunci “Blogger Template” (tanpa tanda kutip). Setelah itu, ekstrak file yang telah anda download tadi (karena umumnya masih berformat zip atau rar).

2. Login ke Blogger, kemudian pilih blog yang template (tema) -nya akan anda ganti.

3. Kemudian, pada panel sebelah kiri, pilih Template.

4. Pada laman Template, klik tombol Cadangkan / Pulihkan (yang terletak disebelah tombol berlambang roda gigi).

5. Lalu, pada kotak Template > Cadangkan / Pulihkan, klik tombol Unduh Template Lengkap. Gunanya adalah untuk menyimpan cadangan file template atau tema yang anda gunakan sekarang. Simpan file tersebut.

6. Selanjutnya, klik tombol Browse yang terletak dibawah tombol Unduh Template Lengkap.

7. Maka akan keluar window File Upload. Carilah file template / tema yang telah anda siapkan sebelumnya (dengan format *.XML), lalu klik Open. Dan terakhir klik Unggah.

8. Maka template / tema blogger anda akan diganti sesuai dengan template baru yang anda inginkan.

9. Jika anda ingin mengembalikan template / tema Blogger anda ke tema sebelumnya, cukup upload template yang telah anda download tadi (saat proses Unduh Template Lengkap)

Selamat mencoba! Jangan ragu untuk menggunakan kotak komentar dibawah ini!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Membuat Kotak Permalink Pada Blogger

Membuat Kotak Permalink Pada Blogger – Kotak permalink? Kotak permalink merupakan suatu kotak yang berisi link artikel yang sedang dibaca. Fungsinya adalah untuk mengingatkan pengunjung yang akan berniat menyalin artikel Anda agar menyertakan link sumber artikel Anda. Didalam kotak permalink juga tersedia link yang jika di klik akan menuju halaman posting blog yang dimaksud, sehingga akan memudahkan pengunjung untuk menyertakan link sumber dalam artikel copyannya. Dengan adanya kotak permalink juga dapat membantu kita dalam meningkatkan backlink menuju situs kita.

Preview kotak permalink versi PC 123 :

Sebenarnya, masih banyak jenis kotak permalink. Namun, kali ini kita akan membuat kotak permalink yang cukup mudah. Lihat script kotak permalink dibawah ini :

<div class='bloglano_permalink' style='border:2px dashed red;background:#ffffff;padding:10px 5px 5px 10px;text-align:justify'> <center><medium>Ingin menyebarluaskan artikel <strong><data:blog.pageName/></strong> ini? Sertakan juga link menuju artikel <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> ini. Jangan asal copy paste!</medium></center></div>

Catatan :

Ganti kode #ffffff (kode warna putih) dengan kode warna lain yang Anda inginkan. Kode ini akan menentukan warna latar kotak permalink Anda.

Itulah contoh dari kotak permalink sederhana yang dapat Anda pasang dalam blog Anda. Jika Anda ingin melihat preview kotak permalink ini, lihat pada bagian akhir artikel ini. Sekarang, Anda dapat mencoba untuk memasang kotak permalink ini dalam blog Anda. Langkah – langkahnya :

1. Login ke Blogger.com, kemudian pilih blog yang akan Anda pasangi kotak permalink. Lalu pilih Rancangan -> Edit HTML

2. Centang Expand Templates Widget. Jika dirasa perlu, backup dulu template Anda.

3. Cari <data:post.body/> dalam template Anda (gunakan CTRL + F) Jika Anda menggunakan readmore otomatis, akan terdapat banyak<data:post.body/> dalam template Anda. Solusinya, cobalah satu persatu.

4. Jika Anda sudah menemukannya, pastekan script permalink diatas tepatDIBAWAH <data:post.body/>

5. Terakhir, klik Simpan/Save Template.

Selamat, Anda telah berhasil memasang kotak permalink!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Color to HTML Converter (HEX Color Generator)

Cara Mengetahui Pembajak Artikel Blog via CopySpace

Cara Membuat Efek Link Bertabur Bintang di Blog

Cara Membuat Tulisan / Link Berkedip (Blink) di Blog

Cara Mudah Membuat Link Bergoyang di Blog

Cara Memasang Bayangan pada Link di Blogger

Cara Membuat 1 Link Membuka (Menuju) 2 Alamat

Cara Mengganti Template (Tema) pada Blogger

Membuat Kotak Permalink Pada Blogger

Popular Posts

Flag Counter

Hitstats

Youtube Channel

Color to HTML Converter (HEX Color Generator)

Slider Posts

Labels

Blog Archive