Home / Tutorial Blogger / Membuat Icon Otomatis Berdasarkan Label

Cara Download Membuat Icon Otomatis Berdasarkan Label Update Terbaru

Sedikit Info Seputar Membuat Icon Otomatis Berdasarkan Label Terbaru 2017 - Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Membuat Icon Otomatis Berdasarkan Label, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang Artikel Tutorial Blogger, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Membuat Icon Otomatis Berdasarkan Label Terbaru
link: Membuat Icon Otomatis Berdasarkan Label

"jangan lupa baca juga artikel dari kami yang lain dibawah"

Berbagi Membuat Icon Otomatis Berdasarkan Label Terbaru dan Terlengkap 2017

Membuat Icon Otomatis Berdasarkan Label - Halo sobat, kali ini saya akan membagikan suatu artikel yang semoga bermanfaat bagi sobat semua, Icon label yang kita ingin buat merupakan Icon (Image, Video, Blogger, Wordpress) yang muncul pada sisi kiri judul posting, untuk menerapannya hanya cukup menambahkan Label pada Posting Blogger. Sebagai contoh silahkan lihat Demo :


Untuk cara pembuatannya sangat sederhana, silahkan ikuti cara Membuat Icon Otomatis Berdasarkan Label dibawah ini :

Membuat Icon Otomatis Berdasarkan Label
Icon Berdasarkan Label

Tambahkan kode dibawah ini diatas kode </head>


<script type='text/javascript'> 
function lebel_logo(etiqueta) {
imagenes = new Array();
imagenes[1] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIPJTL2wN7TqCiX_NHaC6OZTtQ-zt1saVBDw4ZyupRuKFXgDYyP4ZaoTjkl2zRxcj1P972s8pgz9iKVa4wc2VSaUKu-p24jUMOuH2-tl69BQxDp1di_gqC6AQqtcWK7HUnYViYOnpsIls/s84/image.png' title='Image'/>&quot;
imagenes[2] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZTJ548GHX_HE6rlaekUIVFaJyNgsvwXiolEiMkNLHXL8WbCY5haF8tv-huqEQ-kRwmVcYY07ZXs5CGDWhv2hNv8DycN_ZKpRdievs6pvQYpsimumbEpTgOravYPW2qJUstjt_ailFzCw/s84/video.png' title='Video'/>&quot;
imagenes[3] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Iywds9UuZqnVu-1vBMr6JSIwKPyYK4g40ucW4ykbuSUkowPFxb7VhQfh4e9hxAK7w0bS6LPnz6RDMAcNx5EJkyciDkQjdfBeWeJ15zU1_ddjeuHXFCcooOo3BDnLVUdTT36tmBHkKuM/s84/audio.png' title='Music'/>&quot;
imagenes[4] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghWFINhU4jUZagDuIkvYweIOGyl5yWt3gy9LGQfgAAi0oS-TdWuqv72LumrlCqHfeeL-Po0ImgJXySJls7_npw6C0QKKBokusrA17aBhqWiYQEjlGkK2Je-bizGQCJE9bzLCMmJkrJQrY/s84/quote.png' title='Quote'/>&quot;
imagenes[5] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlB7o0cYhSDzizjcqjFZT8smtktdYWX9s_VKPVFBA5KpzAI7dtqPRn6waQDgFqzVhYPPhWERN3bCv14yr9tLp5RMWZneWMcYzba32-gqzgMYND-dDPqbprV2fVNYqoT99MvfZZMnAoybk/s84/note.png' title='Note'/>&quot;
imagenes[6] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYYHyJUFgLmJL50qpDGojWwndv2CE5_G8X4rzicC3HQZjl3Jr-Ft7oLJS8rAp10AwgYTjit3Mnm6EdApJaXToD7pPHoOYwdtspap3vPXWoCsH9xiOXflsQKqHZYVJ7r_jK7lEUu9QLtB4/s84/Blogger.png' title='Blogger'/>&quot;
imagenes[7] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg64FtoJ2Z03wjbl662IdchhAhKkw3z58FCvDFMt4TvdZWokXkhGXgwbe4meUvQcjy7UkoXF5UIcVdI30yRBbqDgoKN0sKFoiM8S4B9U161ayOO2yDjZmlRhIACfe2dXTc66ZPkwE4WOLs/s84/wp.png' title='Wordpress'/>&quot;
if (etiqueta == &quot;Image&quot;)
{document.write(imagenes[1]);}
if (etiqueta == &quot;Video&quot;)
{document.write(imagenes[2]);} 
if (etiqueta == &quot;Music&quot;)
{document.write(imagenes[3]);} 
if (etiqueta == &quot;Quote&quot;)
{document.write(imagenes[4]);} 
if (etiqueta == &quot;Blog&quot;)
{document.write(imagenes[5]);} 
if (etiqueta == &quot;Blogspot&quot;)
{document.write(imagenes[6]);} 
if (etiqueta == &quot;Wordpress&quot;)
{document.write(imagenes[7]);} 
}
</script>

Kode diatas terdapat Label » "Image, Music, Quote, Note, Blogger, dan Wordpress"

Masukkan kode CSS dibawah ini diatas kode ]]></b:skin>



.format-icon{
position: absolute;
display:block;
margin:0px 0px 0px -62px;
padding:0px;
border:0px;
}

Sekarang cari kode <div class='post-header'> kemudian tambahkan kode dibawah ini tepat diatasnya :


<b:loop values='data:post.labels' var='label'>
<a class='format-icon' expr:href='data:label.url' rel='tag'>
<script type='text/javascript'>lebel_logo(&quot;<data:label.name/>&quot;);</script>
</a>
</b:loop>

Selesai dan simpan template.


Cara penggunaannya cukup tembahkan label dengan menggunakan salah satu dari kata "Image, Music, Quote, Note, Blogger, atau Wordpress", jika sobat ingin mengganti label tadi, bisa sobat ganti Image, Music, Quote DLL, sesuai keinginan atau Label pada blog sobat.


Itu saja yang bisa saya berikan, semoga bermanfaat untuk sobat semua :)

Itulah sedikit Artikel Membuat Icon Otomatis Berdasarkan Label terbaru dari kami

Semoga artikel Membuat Icon Otomatis Berdasarkan Label yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Free Template BLogspot.Com. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Membuat Icon Otomatis Berdasarkan Label

Share this