Menghilangkan Jumlah Artikel pada Label




Bagaimana cara menghilangkannya? Sangat mudah kok kawan. Karena Blogger sendiri sudah menyediakan pengaturan Label yang dapat diedit dengan mudah. Ikuti langkah-langkah Menghilangkan Jumlah Artikel pada Label berikut ini :

1. Masuk dasbor blogger pilih Tata Letak
2. Pada bagian Label/Categories klik Edit (Lihat gambar)


3. Hilangkan centang pada "Tampilkan jumlah entri per label"


4. Klik Simpan. Klik Simpan Template

Atau dengan cara :

1. Masuk dasbor Blogger, pilih menu Template/ Rancangan,
2. Klik Edit HTML, 
3. Centang "Expand Template Widgets", klik Lanjutkan
4. Cari kode berikut ini :
(<data:label.count/>)
5. Hapus kode tersebut. Selesai

Bila ada keluhan atau kegagalan harap lapor melalui komentar (hehe...)
Semoga bermanfaay and selamat mencoba!

Oiyya jangan lupa untuk melihat tutorial yang lainnya loh :
>> Cara mengganti/memasang Favicon
>> Menghilangkan Navbar Blogger 
>> Menghilangkan Tulisan "Subscribe to : post (atom)" 
>> Menghilangkan Icon Bergambar Obeng dan Tang
>> Menghilangkan Pesan Pencarian Blogger
>> Menghilangkan Logo Blogger di 'Comment'
>> Trik Menghilangkan Bagian Elemen ketika di Page
>> Menghilangkan Tulisan Langgan: Poskan Komentar (Atom)

Menghilangkan Jumlah Artikel pada Label 

Menghilangkan Subscribe to Post Atom


Tanpa basa-basi lagi saya akan share tutorial tentang Menghilangkan Subscribe to Post Atom. Ikuti langkah-langkah berikut :

1. Masuk ke dashboard Blogger
2. Pilih Template
3. Klik Edit HTML, centang "Expand Template Widgets", klik Lanjutkan
4. Tekan Ctrl + F untuk mencari kode berikut

<div class="feed-links">
<data:feedlinksmsg>
<b:loop values="data:links" var="f">
<a class="feed-link" href="data:f.url" type="data:f.mimeType" target="_blank"><data:f.name> (<data:f.feedtype>)</data:f.feedtype></data:f.name></a>
</b:loop>
</data:feedlinksmsg></div>
5. Hapus kode tersebut. Klik Simpan Template

Sekian tutorial tentang  Menghilangkan Subscribe to Post Atom semoga bermanfaat and selamat mencoba!


Oiyya jangan lupa untuk melihat tutorial yang lainnya loh :
>> Cara mengganti/memasang Favicon 
>> Menghilangkan Navbar Blogger 
>> Menghilangkan Icon Bergambar Obeng dan Tang 
>> Menghilangkan Angka Dalam Label
>> Menghilangkan Pesan Pencarian Blogger
>> Menghilangkan Logo Blogger di 'Comment'
>> Trik Menghilangkan Bagian Elemen ketika di Page
>> Menghilangkan Tulisan Langgan: Poskan Komentar (Atom)

Menghilangkan Menyembunyikan Navbar Blog


Apa itu navbar??, Saya akan menjelaskan sedikit mengenai fungsi dari Navbar di Blog. Navbar atau Navigasi Bar merupakan fasilitas standar yang dimiliki oleh Blogger.com. Letaknya berada di bagian paling atas dari blog. yang berfungsi untuk memudahkan kita untuk balik ke dashboard utama lalu mencari alamat url blog teman-teman kita yang lain, bisa juga untuk secara otomatis mencari blog berikutnya, bisa juga untuk mengkustomisasi blog kita lalu melihat entri baru lainnya, kurang lebih Navbar digunakan untuk akses cepat/memberikan fungsi mempermudahkan. mungkin itu sedikit ulasan dari fungsi Navbar.


Cara Menghilangkan Menyembunyikan Navbar Blog
1. Log in ke blogger masuk dasbor  
2. Pilih menu Rancangan / Template  
3. Klik Edit HTML  
4. Centang "Expand Widget Templates", klik Lanjutkan
5. Cari kode ]]></b:skin> , masukkan kode berikut diatas kode ]]></b:skin>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
6. Klik Simpan template, Selesai.


Oiyya jangan lupa untuk melihat tutorial Trik & Hack Bloggeryang lainnya loh :
>> Cara mengganti/memasang Favicon 
>> Menghilangkan Nafbar Blogger
>> Menghilangkan Tulisan "Subscribe to : post (atom)"
>> Menghilangkan Icon Bergambar Obeng dan Tang 
>> Menghilangkan Angka Dalam Label
>> Menghilangkan Pesan Pencarian Blogger
>> Menghilangkan Logo Blogger di 'Comment'
>> Trik Menghilangkan Bagian Elemen ketika di Page
>> Menghilangkan Tulisan Langgan: Poskan Komentar (Atom)
Cara Menghilangkan Menyembunyikan Navbar Blog

Selamat mencoba and semoga berhasil!

Mengganti dan Memasang Favicon (Icon Blog)

Favicon adalah ikon kecil yang berada di pojok kiri address bar dan pojok kiri tab atau tittle bar browser kita. Secara default favicon Blogger/Blogspot berbentuk simbol B dengan background jingga. Kalau dirasa sepertinya kurang keren ya menurut saya. Sehingga ada keinginan untuk mengganti nya. Tentunya kamu juga ingin punya favicon sendiri untuk branding blogmu, ya atau tidak? Kemudian bagaimana cara membuat favicon yang gampang, lalu menampilkannya di blog? 

>> Membuat Favicon Sesuai Seleramu
Buatlah favicon dahulu sesuai selera kamu. Jika kamu seorang master (hehe) atau dapat menguasai software grafis, silahkan membuat favicon dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang kamu kuasai. Jangan lupa ekspor atau unagh ekstensinya ke gif, png atau jpg. 

Namun apabila kamu tidak menguasai software grafis, bisa gunakan icon gratis dengan googling atau bahkan foto yang ada di harddiskmu.

Upload file tersebut ke website FavIcon from Pics dengan menekan Browse. Centang pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico"


Kemudian download icon tersebut dengan mengklik "Download Favicon"


Ekstrak file zip yang sudah kamu download tadi. Upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Google Pages, Photobucket, kalau saya menggunakan Tinypic.com. Lalu bagaimana cara memasangnya di blog?? Ada dua cara :

Cara Mengganti dan Memasang Favicon (Icon Blog) Part I
1. Log in ke blogger masuk dasbor 
2. Pilih menu Rancangan / Template 
3. Klik Edit HTML 
4. Centang "Expand Widget Templates", klik Lanjutkan 
5. Cari kode <b:include data="blog" name="all-head-content"/> atau <b:include data='blog' name='all-head-content'/> (tekan & tahan Ctrl + F untuk pencarian)  
6. Setelah ketemu masukkan script berikut di atas kode <b:include data="blog" name="all-head-content"/> atau <b:include data='blog' name='all-head-content'/>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon1.gif" type="image/gif" />
7. Atau bisa dengan cara mencari kode </head> , kemudian copas kode script berikut diatasnya
<link href='alamat tempat gambar favicon.ico sobat' rel='icon' type='image/vnd.microsoft.icon'/>
atau
<link href='alamat tempat gambar favicon.ico sobat' rel='icon' type='image/x-icon'/>
atau

<link rel="shortcut icon" href="alamat tempat gambar favicon.ico sobat"/>



Klik simpan template





Cara Mengganti dan Memasang Favicon (Icon Blog) Part II : 
Gampang saja, memang paling mudah ditunjukkan dengan gambar. Karena kata orang, gambar mampu berbicara atau menjelaskan lebih banyak dari kata-kata. Hehe...



1. Log in ke blogger masuk dasbor 
2. Masuk ke Layout / Tata Letak
3. Lihat letak Favicon di kiri atas, klik edit (look this picture)



4. Klik browse, pilih filenya, klik open dan Unggah. Selesai tanpa mendapatkan URL gambar, mudah kan??
Tinggal kamu mau pilih yang mana....

Semoga bermanfaat kawan and selamat mencoba!

Menghapus Menghilangkan Icon Obeng Tang di Blog



"Janganlah kamu iri atas kesuksesan orang lain, ketahuilah bahwa mereka berada di sana karena tekad dan kerja keras mereka sendiri"


Hai sobat blogger posting kali ini saya akan membahas tentang cara menghilangkan icon obeng dan tang yang terdapat pada blog biasanya terletak di pojok kanan bawah widget/gadget blog. Sebenarnya fungsi icon obeng dan tang itu adalah untuk mempercepat proses pengeditan atau istilahnya Quick Edit, misalnyaa jika kita ingin mengedit salah satu elemen atau gadget yang terdapat pada blog kita, dan yang perlu kita lakukan hanyalah meng-klik salah satu icon obeng-tang tsb.
Sebenarnya Icon obeng dan tang itu hanya bisa kita lihat jika kita sedang Login ke blogger saja, sedangkan untuk pengunjung blog kita, mereka tidak akan bisa melihatnya. Namun sejujurnya ini mengganggu tampilan blog juga, apabila kalian juga tidak suka dengan adanya Ion obeng dan tang itu tadi, kalian juga bisa menghilangkannya. Untuk cara menghilangkan icon obeng dan tang yang terdapat pada blog, ikuti langkah-langkah dibawah ini :
Sebelumnya :
1. Log in ke blogger masuk dasbor
2. Pilih menu Rancangan / Template
3. Klik Edit HTML
4. Centang "Expand Widget Templates", klik Lanjutkan
5. Cari kode ]]><b:skin/> (tekan & tahan Ctrl + F untuk pencarian) 
6. Setelah ketemu masukkan script berikut di atas kode ]]><b:skin/> Satu Paragraph Anda Di Sini
.quickedit{
display:none;
}
 7. Klik Simpan template
Selamat mencoba!

Oiyya jangan lupa untuk melihat tutorial yang lainnya loh :
>> Cara mengganti/memasang Favicon
>> Menghilangkan Nafbar Blogger
>> Menghilangkan Tulisan "Subscribe to : post (atom)"
>> Menghilangkan Icon Bergambar Obeng dan Tang
>> Menghilangkan Angka Dalam Label
>> Menghilangkan Pesan Pencarian Blogger
>> Menghilangkan Logo Blogger di 'Comment'
>> Trik Menghilangkan Bagian Elemen ketika di Page
>> Menghilangkan Tulisan Langgan: Poskan Komentar (Atom)  

 Semoga bermanfaat kawan!

Chapunk | GAME FLASH

Cara Bermain : Tinggal arahkan mouse kamu untuk menggerakkan capungnya. 
Tantangan : Menghindari tembakan dan meletuskan balon dan dapatkan poin sebanyak-banyaknya

Selamat Bermain!


Mendeteksi Hantu Dengan XParanormal Detector

Mendeteksi Hantu Dengan XParanormal Detector



Mendeteksi Hantu Dengan XParanormal Detector - Kali ini saya akan membagikannya kepada kalian semua.Software Ini Berfungsi Untuk mendeteksi makluk2 aneh disekitar kita melalui wifi & network adapter ( itu sih katanya software ini , saya sendiri belum tahu kepastiannya ).Program ini terdiri dari 2 versi yaitu free dan pro.Di versi free kita hanya bisa sebatas melakukan scanning saja , sedangkan di versi pro kita bisa mendeteksi secara detail dimana pusat makhluk2 aneh tersebut berada.Tapi jangan kahwatir , disini saya akan memberikan yang Versi pro karena sesuai dengan isi blog ini yaitu download software full version. Langsung saja download page :

XParanormalDetector.zip

Serial Key : KUD-59718

Caranya masuk ke menu settings > masukkan serialnya dan klik ok , selamat Xparanormal detector kamu sudah menjadi full version hehehehe....

Sekian dulu yah....Smapai ketemu di artikel berikutnya kawan...

Cara Melacak Lokasi No HP Telkomsel Seseorang

Cara Melacak Lokasi No HP Telkomsel Seseorang


Cara Melacak Lokasi No HP Seseorang - Kamu pernah dijahilin oleh nomor tak dikenal? Atau HP kamu sering di sms yang berisi penipuan? Apakah kamu ingin melacak lokasi dimana posisi yang menjahili kamu? Misalnya saja seperti kasus SMS Mama Minta Pulsa atau Transfer Uang ke Rekening Mama yang gak jelas.. Nah kali ini saya share softwares untuk melacak nomor hp seseorang, namanya "HLR LookUp". Software ini free untuk PC kamu. Enaknya lagi PC kamu tidak perlu terhubung ke internet.  Namun software ini untuk sekarang hanya dapat di jalankan untuk kartu Telkomsel saja. Baik langsung saja saya kasih link downloadnya :


Sekian postingan kali ini tantang Cara Melacak Lokasi No HP Telkomsel Seseorang. Selamat menikmati softwarenya!

Metal Slug | GAME FLASH

Salah satu permainan yang mirip "Metal Slug Game" dari segi grafis sampai persenjataan yang digunakan, pokoknbya benar-benar mirip deh! Selamat Bermain!

Cara Bermain : W-A-S-D = Jalan/ arah. J = Tembak / Rescue K = Lompat L = Melemparkan Granat Bunuh semua musuh dan menyelamatkan semua tawanan.
Dimulai dari pembukaan game, empat huruf yang ada mengandung arti "Special Mission" dengan tambahan 3 huruf kecil yang berarti "Stage 1". Hal ini mungkin dimaksudkan bahwa akan ada level tambahan yang sedang dikembangkan untuk update game ini.
Kemudian... 
  1. Tombol pertama adalah tombol untuk penjelasan tentang permainan. Tombol ini sudah dinon-aktifkan mungkin karena tutorial permainan sudah dijelaskan pada saat anda menekan tombol kedua. Keterangan permainan juga terdapat pada 2 kotak yang ada di bawah layar.
  2. Kotak yang ada di kiri layar menunjukan persenjataan dan amunisi yang anda dapatkan sewaktu memainkan game metal slug ini. Sedangkan kotak yang lain merupakan keterangan bonus dan skor permainan.
  3. Tombol kedua merupakan tombol start, kemudian akan memunculkan toturial permainan. Tekan tombol yang ada di bawah kanan layar kemudian tentukan tingkat kesulitan permainan :
--> Tombol Atas : Easy level
--> Tombol Tengah : Medium level
--> Tombol Bawah : Hard level Satu Paragraph Anda Di Sini
Selamat Bermain!

Buat Menu Paling Keren Css3 Circle System Menu


Buat Menu Paling Keren Css3 Circle System Menu


Rasulullah SAW bersabda, "Sabar sebenarnya ialah sabar pada saat bermula (pertama kali) tertimpa musibah)

Hai kawan! Kali ini aku mau share nih Css3 Circle System Menu, bentuknya persis seperti gambar diatas. Dan menu ini menggunakan css3:not jadi jika browsermu mendukung css3 maka menu akan terlihat sempurna. Sehingga saat kamu menyentuh linknya, maka menunya akan mengecil dan sebaliknya akan membesar jika tidak kamu sentuh atau hover menu/linknya. Kalau masih penasaran langsung lihat aja demonya kawan... 


Segala bentuk model dapat diikuti dengan css dan sudah banyak sekali blogger yang menguasai yang menciptakan karya-karya keren mereka, sudah lihat demonya? Mari simak cara menggunakannya atau lebih tepatnya cara memasangnya...

1. Masukkan kode CSS di bawah ini di atas kode ]]></b:skin>




/* Name : Css3 Circle System Menu
   Author : SYSTEM OF BLOG
   URL : http://sin1aja.blogspot.com/
*/
.hapus:after {
visibility: hidden;
display: block;
font-size: 0;
line-height: 0;
content: " ";
clear: both;
height: 0;
width: 0;
}
.hapus { display: inline-block; }
* html .hapus { height: 1%; }
.hapus { display: block; }
ul.system-menu {
    margin: 0 auto 10px;
    padding: 0;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 390px
    }
ul.system-menu li {
    list-style-type: none;
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    position: relative;
    width: 70px;
    height: 80px;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear
    }
ul.system-menu li a {
    position: absolute;
    margin: -30px 0 0 -43%;
    text-decoration: none;
    font: bold 13px/40px Arial, sans-serif;
    padding: 0;
    background: #21D319;
    color: transparent;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    top: 45%;
    left: 50%;
    outline: none;
    border: 5px inset #F8FBFC;
    -moz-box-shadow: 0 0 10px 4px #5E5E5E, inset 0 0 20px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 0 0 10px 4px #5E5E5E, inset 0 0 20px rgba(0, 0, 0, 0.52);
    box-shadow: 0 0 10px 4px #5E5E5E, inset 0 0 20px rgba(0, 0, 0, 0.52);
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear
    }
ul.system-menu li a:hover {
    line-height: 130px;
    color: #000;
    border-color: #C5B386;
    background: #FAC800;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
    }
ul.system-menu li span.pembuka {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -29%;
    top: 11px;
    width: 25px;
    height: 30px;
    background: #949596;
    -moz-box-shadow: 3px -3px 0 0 #ECECEC;
    -webkit-box-shadow: 3px -3px 0 0 #ECECEC;
    box-shadow: 3px -3px 0 0 #ECECEC
    }
ul.system-menu li span.satu, ul.system-menu li span.dua, ul.system-menu li span.tiga {
    position: absolute;
    background: #F0F0F0;
    padding: 2px;
    width: 15px;
    left: 3px
    }
ul.system-menu li span.satu {
    top: 5px
    }
ul.system-menu li span.dua {
    top: 13px
    }
ul.system-menu li span.tiga {
    top: 22px
    }
.empat, .lima, .enam {
    position: absolute
    }
.empat {
    border: 15px solid;
    border-color: transparent transparent #EEE transparent;
    top: -7px;
    left: 10px
    }
.lima {
    padding: 4px;
    background: #EEE;
    height: 5px;
    top: 22px;
    left: 14px
    }
.enam {
    padding: 4px;
    background: #EEE;
    height: 5px;
    top: 22px;
    left: 28px
    }
.abot, .abit {
    position: absolute;
    left: 15px
    }
.abot {
    width: 20px;
    height: 20px;
    background: #EEE;
    top: 20%;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px
    }
.abit {
    border: 10px solid;
    border-color: transparent transparent #EEE transparent;
    top: 33%
    }
.a, .b, .c, .d {
    position: absolute;
    padding: 5px;
    background: #FFF7F7;
    top: 26%
    }
.a {
    left: 25px;
    background: #39FF13
    }
.b {
    top: 27px;
    left: 13px;
    background: #0070FF
    }
.c {
    left: 25px;
    top: 27px;
    background: #FFE000
    }
.d {
    left: 13px
    }
.e, .f {
    position: absolute
    }
.e {
    width: 15px;
    height: 17px;
    background: rgb(171, 185, 163);
    top: 35%;
    left: 32%;
    border: 2px solid rgb(255, 255, 255)
    }
.f {
    border: 10px solid;
    border-color: transparent transparent rgb(255, 255, 255) transparent;
    top: -2px;
    left: 30%
    }
ul.system-menu:hover li:not(:hover) {
    -moz-transform: rotate(360deg) scale(0.7);
    -ms-transform: rotate(360deg) scale(0.7);
    -o-transform: rotate(360deg) scale(0.7);
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7)
    }

2. Masukkan kode HTML diawah ini ke Gadget HTML/Javascript. Caranya masuk ke Tata Letak, kemudian tambah gadget, pilih HTML/Javascript.
<ul class='system-menu hapus'>
<li><a href="#">
<span class='empat'></span>
<span class='lima'></span>
<span class='enam'></span>Depan</a></li>
<li><a href="#"><span class='pembuka'>
<span class='satu'></span>
<span class='dua'></span>
<span class='tiga'></span></span>Artikel</a></li>
<li><a href="#"><span class='abot'></span><span class='abit'></span>Tentang</a></li>
<li><a href="#">
<span class='a'></span>
<span class='b'></span>
<span class='c'></span>
<span class='d'></span>Kategori</a></li>
<li><a href="#"><span class='e'></span><span class='f'></span>Coretan</a></li>
</ul>

Untuk ikon-ikonnya bisa kamu buat sendiri, oke? Kemudian upload dan masukkan url gambarnya ke kode diatas. Nah sekian postingan kali ini semoga bermanfaat kawan!


Modifikasi Blockquote Keren with CSS

Modifikasi Blockquote Keren with CSS

"Hal di dalam hidup yang tidak bisa kembali, waktu, kata-kata, kesempatan"

Assalamu'alaikum kawan-kawan semua, kali ini aku mau share tentang Cara Modifikasi Blockquote Terkeren Dengan Css. Kalau saya menggunakan Tag default yaitu <blockquote> jadi biar gak terlalu repot hehehehe ok udah liat kan itu screenshotnya yang di atas jadi blockquote nya itu nanti bisa ada namanya sesuai dengan nama yang akan kita berikan, mungkin sedikit beda dan lebih menarik menurut saya. Dari situ orang bisa ngerti maksud kalimat atau kode yang ada di blockquote.


Caranya juga mudah banget anda tinggal simpan kode di bawah ini di atas kode ]]></b:skin> . Untuk lebih jelasnya silahkan ikuti langkah - langkahnya sob :

1. Log in di dasbor blogger
2. Klik Rancangan / Template
3. Klik Edit HTML
4. Klik Prooced / Lanjutkan ( jika menggunakan editor baru )
5. Cari kode ]]></b:skin> (tekan Ctrl+F)
6. Udah ketemu kan sob? Kemudian simpan kode css di bawah ini di atas kode tersebut.


.post blockquote {
margin-left: 15px;
padding: 5px 5px 5px 10px;
background: #cfcb9d;
border: #ada171 solid 1px;
font: normal 12px/14px Monaco, Monospace;
border-left: #ada171 solid 5px;
position: relative
}
.post blockquote[rel] {
padding-top: 25px;
}
.post blockquote[rel]::before {
content: attr(rel);
font: bold 12px/22px Arial, Sans-Serif;
color: white;
background-color: #b4a97e;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
left: 0;
text-transform: uppercase
}

Lalu klik SIMPAN TEMPLATE.

7. Nah saat kamu menulis di postingan dan menambahkan blockquote di postingan secara default nanti kode HTMLnya seperti ini,


<blockquote>
Disini kata - kata anda
</blockquote>
Nah sekarang anda hanya perlu menambahkan kode seperti ini rel="Contoh" pada kode pembuka blockquote, jadi nanti kodenya seperti ini


<blockquote rel="Contoh">
Disini kata - kata anda
</blockquote>

Nah kalau sudah seperti itu maka nanti nama blockquote nya akan muncul, ganti juga kata contoh dengan kata - kata kamu. Selamat berkreasi dengan nama blockquote nya ya. NB :Jangan lupa untuk melihat kodenya anda perlu beralih dari mode Compose ke Mode HTML atau Edit HTML Nih screenshot nya.

Cara Modifikasi Blockquote Terkeren Dengan CSS

Itulah Cara Modifikasi blockquote terkeren with CSS semoga berguna kawan!

 
Copyright © / Share Creativity™ / IR-AKAZINE TEMPLATE.All Right Reserved.
Created by : akaUTta Designed by : Aka_ARdi | Powered by Blogger.
Loading...