Solusi HyperLink Template Newser Free Version Warna Hitam dan Cara Mengubah Warna Tulisan Link HTML

Hyperlink adalah cara untuk menghubungkan suatu bagian di dalam slide, file, program ataupun pada halaman web dengan bagian yang lainnya dalam bidang-bidang tersebut.

Nah. Armaila baru saja menggunakan template Newser yang free version yang bisa di Download Disini. Template ini dibuat oleh soratemplate. Nah pada saat menyisipkan link dalam artikel, biasanya tulisan yang berisi link itu akan berwarna biru. Tetapi untuk kali ini hanya berwarna hitam. Hal ini akan menyebabkan orang yang membaca artikel kita tidak mengetahui ada link yang kita selipkan di artikel tersebut.

Nah untuk Cara Mengubah Warna Tulisan Link HTML cukup mudah. yaitu dengan mengganti kode yang menjadi penentu warna tulisan link tersebut.

Solusi HyperLink Template Newser Free Version Warna Hitam dan Cara Mengubah Warna Tulisan Link HTML

Cara Mengubah Warna Tulisan Link HTML


  1. Masuk ke Dashbor blogspot
  2. Pilih Tema
  3. Lalu lanjutkan ke pilihan Edit HTML
  4. Selanjutnya cari kode a {text-decoration:none;color:#000;}

Untuk memudahkan pencarian tekan ctrl+f di keyboard anda dan ketik kode diatas.

Selanjutnya ganti kode yang berwarna merah dengan kode warna lainnya. Sebagai contoh diganti menjadi warna biru dengan kode "0000FF" sehingga menjadi a {text-decoration:none;color:#0000FF;}

Simpan template anda jika sudah selesai. Dan cek hasilnya.

Berikut kode CSS Lengkap berdasarkan berdasarkan kode hexadecimal dan kode RGB. Referensi kode warna dibawah berdasarkan sumber dari w3schools yang aku tambahkan dengan kode RGB.


Nama WarnaHEXRGB
Alice Blue#F0F8FFrgb(240, 248, 254)
Antique White#FAEBD7rgb(251, 235, 217)
Aqua#00FFFFrgb(0, 255, 254)
Aquamarine#7FFFD4rgb(115, 255, 216)
Azure#F0FFFFrgb(239, 255, 255)
Beige#F5F5DCrgb(245, 245, 223)
Bisque#FFE4C4rgb(255, 227, 200)
Black#000000rgb(0, 0, 0)
Blanched Almond#FFEBCDrgb(255, 234, 208)
Blue#0000FFrgb(0, 0, 255)
Blue Violet#8A2BE2rgb(138, 43, 226)
Brown#A52A2Argb(165, 42, 42)
Burly Wood#DEB887rgb(222, 184, 135)
Cadet Blue#5F9EA0rgb(95, 158, 160)
Chartreuse#7FFF00rgb(127, 255, 1)
Chocolate#D2691Ergb(210, 105, 30)
Coral#FF7F50rgb(251, 127, 80)
Cornflower Blue#6495EDrgb(100, 149, 237)
Cornsilk#FFF8DCrgb(225, 248, 220)
Crimson#DC143Crgb(220, 20, 60)
Cyan#00FFFFrgb(62, 254, 255)
Dark Blue#00008Brgb(0, 0, 139)
Dark Cyan#008B8Brgb(29, 139, 139)
Dark Golden Rod#B8860Brgb(184, 134, 11)
Dark Gray#A9A9A9rgb(169, 169, 169)
Dark Green#006400rgb(19, 100, 0)
Dark Khaki#BDB76Brgb(189, 183, 107)
Dark Magenta#8B008Brgb(139, 0, 140)
Dark Olive Green#556B2Frgb(85, 107, 47)
Dark Orange#FF8C00rgb(251, 140, 1)
Dark Orchid#9932CCrgb(153, 50, 204)
Dark Red#8B0000rgb(139, 5, 0)
Dark Salmon#E9967Argb(233, 150, 122)
Dark Sea Green#8FBC8Frgb(143, 188, 144)
Dark Slate Blue#483D8Brgb(72, 61, 139)
Dark Slate Gray#2F4F4Frgb(47, 79, 79)
Dark Turquoise#00CED1rgb(48, 206, 209)
Dark Violet#9400D3rgb(148, 0, 211)
Deep Pink#FF1493rgb(249, 19, 147)
Deep Sky Blue#00BFFFrgb(43, 191, 254)
Dim Gray#696969rgb(105, 105, 105)
Dodger Blue#1E90FFrgb(30, 144, 255)
Fire Brick#B22222rgb(178, 34, 33)
Floral White#FFFAF0rgb(255, 250, 240)
Forest Green#228B22rgb(34, 139, 35)
Fuchsia#FF00FFrgb(249, 0, 255)
Gainsboro#DCDCDCrgb(220, 220, 220)
Ghost White#F8F8FFrgb(248, 248, 255)
Gold#FFD700rgb(253, 215, 3)
Golden Rod#DAA520rgb(218, 165, 32)
Gray#808080rgb(128, 128, 128)
Green#008000rgb(27, 128, 1)
Green Yellow#ADFF2Frgb(173, 255, 48)
Honey Dew#F0FFF0rgb(240, 255, 240)
Hot Pink#FF69B4rgb(240, 255, 240)
Indian Red#CD5C5Crgb(205, 92, 92)
Indigo#4B0082rgb(75, 0, 130)
Ivory#FFFFF0rgb(255, 255, 239)
Khaki#F0E68Crgb(240, 230, 140)
Lavender#E6E6FArgb(230, 230, 250)
Lavender Blush#FFF0F5rgb(254, 240, 245)
Lawn Green#7CFC00rgb(124, 252, 2)
Lemon Chiffon#FFFACDrgb(255, 250, 205)
Light Blue#ADD8E6rgb(173, 216, 230)
Light Coral#F08080rgb(240, 128, 128)
Light Cyan#E0FFFFrgb(224, 255, 255)
Light Golden Rod Yellow#FAFAD2rgb(250, 250, 210)
Light Gray#D3D3D3rgb(211, 211, 211)
Light Green#90EE90rgb(144, 238, 144)
Light Pink#FFB6C1rgb(252, 182, 193)
Light Salmon#FFA07Argb(251, 160, 122)
Light Sea Green#20B2AArgb(40, 178, 170)
Light Sky Blue#87CEFArgb(135, 206, 250)
Light Slate Gray#778899rgb(119, 136, 153)
Light Steel Blue#B0C4DErgb(176, 196, 222)
Light Yellow#FFFFE0rgb(255, 255, 224)
Lime#00FF00rgb(63, 255, 0)
Lime Green#32CD32rgb(50, 205, 50)
Linen#FAF0E6rgb(250, 240, 230)
Magenta#FF00FFrgb(249, 0, 255)
Maroon#800000rgb(128, 4, 0)
Medium Aqua Marine#66CDAArgb(102, 205, 170)
Medium Blue#0000CDrgb(0, 0, 205)
Medium Orchid#BA55D3rgb(186, 85, 211)
Medium Purple#9370DBrgb(147, 112, 219)
Medium Sea Green#3CB371rgb(60, 179, 113)
Medium Slate Blue#7B68EErgb(123, 103, 238)
Medium Spring Green#00FA9Argb(62, 250, 153)
Medium Turquoise#48D1CCrgb(72, 209, 204)
Medium Violet Red#C71585rgb(199, 21, 133)
Midnight Blue#191970rgb(25, 25, 112)
Mint Cream#F5FFFArgb(245, 255, 250)
Misty Rose#FFE4E1rgb(254, 228, 225)
Moccasin#FFE4B5rgb(254, 228, 181)
Navajo White#FFDEADrgb(254, 222, 173)
Navy#000080rgb(0, 0, 128)
Old Lace#FDF5E6rgb(253, 245, 230)
Olive#808000rgb(128, 128, 1)
Olive Drab#6B8E23rgb(107, 142, 35)
Orange#FFA500rgb(252, 165, 3)
Orange Red#FF4500rgb(250, 69, 1)
Orchid#DA70D6rgb(218, 112, 214)
Pale Golden Rod#EEE8AArgb(238, 232, 170)
Pale Green#98FB98rgb(152, 251, 153)
Pale Turquoise#AFEEEErgb(175, 238, 239)
Pale Violet Red#DB7093rgb(219, 112, 147)
Papaya Whip#FFEFD5rgb(254, 239, 213)
Peach Puff#FFDAB9rgb(253, 218, 185)
Peru#CD853Frgb(205, 133, 63)
Pink#FFC0CBrgb(252, 192, 203)
Plum#DDA0DDrgb(221, 160, 221)
Powder Blue#B0E0E6rgb(176, 224, 230)
Purple#800080rgb(128, 0, 128)
Rebecca Purple#663399rgb(102, 51, 153)
Red#FF0000rgb(255, 0, 0)
Rosy Brown#BC8F8Frgb(188, 143, 142)
Royal Blue#4169E1rgb(65, 105, 225)
Saddle Brown#8B4513rgb(139, 69, 19)
Salmon#FA8072rgb(250, 128, 114)
Sandy Brown#F4A460rgb(244, 164, 95)
Sea Green#2E8B57rgb(46, 139, 87)
Sea Shell#FFF5EErgb(255, 245, 238)
Sienna#A0522Drgb(160, 82, 45)
Silver#C0C0C0rgb(192, 192, 192)
Sky Blue#87CEEBrgb(135, 206, 235)
Slate Blue#6A5ACDrgb(106, 90, 205)
Slate Gray#708090rgb(112, 128, 145)
Snow#FFFAFArgb(255, 250, 250)
Spring Green#00FF7Frgb(63, 255, 128)
Steel Blue#4682B4rgb(70, 130, 180)
Tan#D2B48Crgb(210, 180, 140)
Teal#008080rgb(26, 128, 127)
Thistle#D8BFD8rgb(216, 191, 216)
Tomato#FF6347rgb(250, 99, 71)
Turquoise#40E0D0rgb(64, 224, 208)
Violet#EE82EErgb(238, 130, 238)
Wheat#F5DEB3rgb(245, 222, 179)
White#FFFFFFrgb(255, 255, 255)
White Smoke#F5F5F5rgb(245, 245, 245)
Yellow#FFFF00rgb(255, 255, 0)
Yellow Green#9ACD32rgb(154, 205, 49)


Demikianlah artikel tentang "Solusi HyperLink Template Newser Free Version Warna Hitam dan Cara Mengubah Warna Tulisan Link HTML" semoga bermanfaat

Cara Membuat Iframe (Embed) Youtube responsive di Blogspot Menggunakan CSS Saja

Cara Membuat Iframe (Embed) Youtube responsive di Blogspot Menggunakan CSS Saja - Kadang sobat blogger ingin menyematkan video youtube pada blog atau website pribadi sebagai bahan tutorial maupun refrensi pendukung tambahan untuk ditayangkan pada blog. Sewaktu kita melihat video pada laman artikel di browser computer PC atau laptop yang kita muat baik-baik saja dan tidak tampak ada masalah yang terlihat, Tapi masalah akan muncul ketika kita membuka postingan artikel yang tersemat video youtube pada perangkat smartphone, ya video tersebut tampak keluar dari zona nyamanya :D atau tidak bisa menyesuaikan dengan ukuran device yang memuatnya inilah yang disebut sebagai Tidak Responsive.

Cara Membuat Iframe (Embed) Youtube responsive di Blogspot Menggunakan CSS Saja

Lantas bagaimana agar video tersebut responsive mengikuti ukuran device nya  ? mari simak tutorial kali ini tentang cara agar video youtube di blog menjadi responsive. Tutorial kali ini akan menggunakan script CSS dengan menyematkan ke dalam Template blogger.

Tutorial Agar Video Youtube di Blog Menjadi Responsive

1. Masuk pada dashboard blogger pilih Tema - Edit HTML
2. Masukan Script CSS dibawah ini tepat diatas kode </head>. Cari script tersebut dengan (Crtl + F) untuk search.

/* Youtube Responsive Armaila */


<style type='text/css'>
/* CSS Only */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}
</style>

Atur kembali CSS max-height dalam media query jika kurang sesuai.

Kini video youtube yang diembed di postingan sudah responsive yang berarti video bisa menyesuaikan dengan ukuran dalam layar apapun. Sekian  artikel tentang "Cara Membuat Iframe (Embed) Youtube responsive di Blogspot Menggunakan CSS Saja". Semoga bermanfaat.

Cara Pasang Iklan di Atas, Tengah dan Bawah Artikel

Memasang 3 iklan adsense di atas, tengah dan bawah artikel postingan sekal

Sebenarnya ada 2 cara meletakan iklan adsense pada halaman blog, bisa menggunakan widget dan secara manual menggunakan kode khsus yang dipasang atau ditambahkan di kode template blog yang bersangkutan.

Khusus untuk Memasang iklan adsense di area artikel postingan tidak bisa menggunakan widget, dan hanya bisa menggunakan kode khusus yang harus dipasang di kode HTML template blog yang bersangkutan.

Untuk memasang 3 unit iklan adsense di atas artikel postingan setelah judul, di tengah artikel postingan dan juga di akhir artikel postingan caranya adalah sebagai berikut:

1. Login ke akun blog anda.

2. Pada bilah menu sisi kiri pilih menu template > edit HTML

3. klik di area editor html yang muncul, kemudian tekan tombol CTRL+F untuk mengaktifkan fasilitas pencarian, kemudian cari kode:

<data:post.body/>
Biasanya akan ditemukan lebih dari satu, silahkan coba ganti kode <data:post.body/> yang posisinya paling bawah.

4. Ganti kode <data:post.body/> dengan kode di bawah ini:

<div style="margin-bottom:15px;">
<center>
--KODE IKLAN UNTUK DI ATAS ARTIKEL BAWAH JUDUL--
</center>
</div>
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
--KODE IKLAN DI TENGAH ARTIKEL--
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
<div style="margin-top:15px">
<center>
--KODE IKLAN BUAT DI BAWAH AKHIR ARTIKEL--
</center>
</div>

Silahkan anda ganti text untuk KODE IKLAN yang berwarna Pink di atas dengan kode iklan sesuai dengan ukuran dan format iklan yang anda inginkan. Ingat iklan harus di parse dulu agar tidak error.

Untuk memparse kode iklan anda bisa menggunakan tool online gratis yaitu Free Formater HTML Escape. silahkan parse terlebih dahulu kode unit iklan yang akan anda pasang di situs tersebut kemudian pasang pada template HTML blog anda.


Angka 2 warna biru diatas bisa anda ganti dengan angka lebih besar dari 2, misalnya 3, 4, 5 dll, semakin besar maka iklan yang ditengah akan semakin ke arah bagian atas.

Formasi Format dan ukuran iklan terbaik

Untuk pemasangan dan pelatakan 3 iklan dengan tata letak ini yang paling baik adalah:
a. di atas ukuran 330 x 280 kotak
b. tengah iklan link 200 x90
c. Bawah iklan konten 280 250;

Untuk template dan niche saya format iklan di atas memiliki nilai klik lebih tingi dan nilai CPC lumayan rata-rata bisa dibilang cukup besar untuk blog indonesia.

Jika anda berhasil maka iklan yang anda pasang akan muncul di atas postingan di bawah judul artikel, di tengah artikel dan di bawah akhir artikel.

Itulah artikel tentang  Memasang 3 iklan adsense di atas, tengah dan bawah artikel postingan, selamat mencoba dan semoga bermanfaat.

Membuat Iklan di Sebelah Kiri di Awal Paragraf

Ukuran iklan yang cocok untuk diletakkan di posisi ini adalah 336x280 atau 300x250 agar tidak menggangu tampilan text di sampingnya.

Pertama cari kode <data:post.body/>. Kalau ada banyak pastikan memilih yang ada di dalam tag kondisional halaman post <b:if cond='data:view.isPost'>.

Lalu tambahkan kode HTML berikut SEBELUM kode yang disebutkan tadi.
<div class="iklankiri">
  <!-- Tulis Kode Iklan -->
</div>

Sehingga hasil akhirnya kurang lebih seperti ini.
<b:if cond='data:view.isPost'>
  ....
  ....
  <div class="iklankiri">
    <!-- Tulis Kode Iklan -->
  </div>
  <data:post.body/>
  ....
  ....
</b:if>

Tambahkan juga kode CSS ini agar posisinya bisa ada di kiri sekaligus membuatnya responsif seperti yang sudah dijelaskan sebelumnya. Simpan DI ATAS </style> atau ]]></b:skin>.
.iklankiri {float:left; margin-right:15px; margin-bottom:15px;}
@media screen and (max-width:568px){
  .iklankiri {float:none; display:block; margin:0px auto 15px; text-align:center;}
}


Simpan template dan lihat hasilnya. Semoga tutorial lengkap menyisipkan iklan AdSense di sebelah kiri di awal postingan ini bisa bermanfaat.

Parse HTML Tools Armaila dan Cara Membuat Kode HTML di Blog

Parse HTML Tools Armaila dan Cara Memasukkan Kode HTML di Postingan Blogspot

Parse HTML Tools Armaila dan Cara Membuat Kode HTML di Blog


Small Tool Parse HTML





Cara Membuat Kode HTML di Blog

Untuk menempatkan script atau kode html di postingaan blog agar dapat tampil dalam bentuk tulisan script, maka script atau kode html harus diparse dulu sebelum dipasang. Berikut cara memasang script di postingan blog :

1. Siapkan Script atau Kode HTML yang ingin dipasang.
2. Parse script atau kode html tersebut.
3. Pada saat membuat artikel, ubah mode "Compose" menjadi mode "HTML".
4. Copy script yang sudah diparse, paste di lokasi yang Anda inginkan pada mode html.

Untuk melakukan parse script atau kode HTML, silahkan masukkan kode HTML pada kolom parse diatas,

<div style="background-color: #f9f8de; border: 1px #dedede double; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
Tempatkan Script HTML Disini
 </div>

Selamat Mencoba dan semoga tidak ada kendala

Sumber:
cari2-cara

Cara Memasang Anti Adblock di Blog Yang Masih Ampuh

Cara Memasang Anti Adblock di Blog Yang Masih Ampuh


Cara Memasang Anti Adblock di Blog Yang Masih Ampuh

Pertama buka dasbor Blogger >Klik menu Tema > Klik tombol Edit HTML dan tambahkan kode di bawah ini sebelum kode </head> atau kode &lt;/head&gt;&lt;!--<head/>--&gt;

<style type='text/css'>

/* Animation */

@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}

@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}

/* Say Hi to Adblock */

#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}

#arlinablock .header{margin:0 0 15px 0}

#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}

#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}

#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}

#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}

#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}

#arlinablock .fixblock div{display:none}

#arlinablock .fixblock div.active{display:block}

#arlinablock ol{margin-left:20px}

@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}

</style>

Selanjutnya tambahkan kode ini sebelum </body> atau &lt;!--</body>--&gt;&lt;/body&gt;


<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Kemudian klik Simpan tema dan selesai. Notifikasi Adblock ini akan muncul jika pengunjung mengunjungi situs kita dan mengaktifkan ekstensi Adblock. Pastikan untuk mengaktifkan ekstensi Adblock untuk melihat hasilnya pada link di bawah ini

Jika ada yang sudah memasang kode JS Adsense di dalam template seperti ini

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Atau seperti ini

<script type='text/javascript'> //<![CDATA[ (function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); //]]> </script>

Silakan hapus kode tersebut karena di dalam kode Adblock Killer ini sudah tertanam kode JS Adsense didalamnya.

Sumber: arlinadzgn

Membuat Peta Situs di Webmaster, Ada 3 Kode Yang Sering Digunakan

Setidaknya ada 3 kode url yang Armaila gunakan saat Membuat Peta Situs di Webmaster agar semua postingan tersebut di index oleh google.

Berikut ini adalah kode url yang biasa Armaila gunakan


  • feeds/posts/default
  • feeds/posts/default?orderby=updated
  • feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc
  • sitemap.xml

Update 24 Februari 2021
Selain postingan, jika halaman statis blog juga ingin diindex maka kita juga harus memasukkan sitemap halaman atau page kita tersebut ke google webmaster dengan menambahkan:
  • /sitemap-pages.xml

Hal pertama yang perlu diperhatikan adalah mendaftarkan blog ke webmaster tool.

Selanjutnya klik pada bagian "peta situs" dan pada kolom "Tambahkan peta situs baru" silahkan isi url kode peta situs diatas satu persatu sehingga hasilnya seperti berikut ini

Membuat Peta Situs di Webmaster, Ada 3 Kode Yang Sering Digunakan

Bagi teman teman yang sering gonta ganti template. maka harus mengirimkan ulang peta situs setiap ganti template agar blog dengan template yang baru dicrawl oleh google.

Jika mengabaikan poin ini biasanya akan menyebabkan pengunjung blog menjadi menurun. Tentu saja hal itu tidak kita inginkan bukan??