Cara Menghapus Label Kategori Tag Pada Blogger (Blogspot)

Sebelumnya pernah kita bahas bagaimana cara membuat label pada blog. Pada kali ini akan kita uraikan bagaimana cara mengapus ketegori (label/tag) pada blogger atau blogspot, untuk yang belum tahu caranya bisa dilihat rinciannya dibawah ini.

Apakah kategori (label) dapat dihapus?   
Ya. Pada halaman/posting Anda bisa meninjau ulang untuk ditampilkan atau dihapus.

Bagaimana caranya menghapus kategori (label/tag) ?
1) Buka Postingan
2) Pilih label yang akan dihapus

3) Buka satu persatu postingan yang telah diberi label tersebut
4) Hapus nama label tersebut pada setiap postingan
5) Simpan/Publikasikan kembali

Apakah saya dapat menambah kategori (label/tag)
Ya, Anda bisa menambah beberapa pada kotak kolom label (Baca selengkapnya)

Cara Membuat Label Pada Blogspot

For.web.id - Menurut wikipedia.org label (tag) adalah kata kunci non hierarki atau tidak bertingkat yang tugasnya adalah menunjukkan potongan-potongan informasi (seperti petunjuk internet,gambar digital,atau file komputer).  Label merupakan jenis metadata yang membantu untuk menjelaskan suatu hal dan memungkinkan hal tersebut ditemukan ketika melakukan pencarian (browsing). 

Cara membuat label pada blogspot sebagai berikut :

1) Login blogger.com

2) Klik Postingan

3) Entri baru

4) Klik Label (Pojok kanan atas pada halaman posting, lihat gambar)

5) Tuliskan label 

6) Selesai

Baca juga :
Menghapus label posting blogspot

Perbedaan Kode Asinkron dan Sinkron

Pada waktu yang lalu pernah saya bahas mengenai bagaimana mendapatkan dan menempatkan kode iklan Adsense, Pada kali ini akan saya bahas tentang perbedaan kode iklan asinkron dan sinkron.

Perbedaan utamanya pada kode asinkron dan sinkron :

-  Kode iklan asinkron memiliki latensi web yang lebih baik dan lebih cepat, khususnya di seluler.

- Penggunaan kode iklan asinkron memastikan pengguna melihat konten, bahkan bila mereka mengalami kesulitan dalam memuat iklan anda (seperti koneksi terputus-putus).

Dan salah satu keunggulan kode iklan asinkron ini menjamin tidak akan pernah menghalangi pemuatan bagian lain dari halaman website anda. Kode iklan sinkron dan asinkron memiliki sintaks yang berbeda, berikut adalah perbandingannya.

Kode iklan asinkron

Kode iklan sinkron

Jika iklan tidak muncul di situs Anda dalam waktu 48 jam setelah Anda menambahkan kode asinkron, Anda harus memastikan bahwa kode iklan telah diterapkan dengan benar di situs Anda. Anda dapat melakukannya dengan melihat sumber situs dari browser dan memastikan kembali bahwa kode iklan terlihat persis seperti kode yang kami berikan di akun dan berisi setiap baris kode iklan. Anda dapat juga melihat konsol error JavaScript pada browser Anda, tempat adsbygoogle akan menampilkan pesan tentang masalah konfigurasi yang terdeteksi.

Sumber: 

support.google.com/adsense

Membuat dan Mendapatkan Kode Iklan Otomatis (AdSense)

Untuk membuat kode iklan otomatis AdSense sebelumnya anda harus menyiapkan situs yang telah memenuhi kebijakan adsense terlebih dahulu, (Jika belum anda bisa mengikuti langkah-langkah agar situs anda memenuhi kebijakan adsense dan layak untuk berpartisipasi mengikuti program AdSense). Anda bisa mendapatkan kode iklan adsense dengan langkah-langkah sebagai berikut:

• Pertama anda login akun AdSense 
• Pada dasbord adsense sebelah kiri, klik iklan saya
• Kemudian klik iklan otomatis
• Dihalaman "iklan otomatis", klik Siapkan iklan otomatis
• Dikotak script tersebut anda bisa klik "Copy kode"
• Kemudian kode tersebut dimasukan ke situs anda.

Baca juga
Membuat File Ads.txt dan memasangnya

Cara meletakan kode iklan adsense

Bagaimana cara membuat chat online whatsapp 

Perbedaan kode iklan asinkron dan sinkron



Sumber:
*support.google.com/adsense

Kode Warna Responsive

Bagi sebagian orang membutuhkan kode warna dalam mendesign atau memodifikasi template dan tidak mungkin akan ingat satu persatu kode warna tersebut, nah kali ini saya akan bagikan kode warna yang dapat mempermudah dan hanya tinggal copy paste saja.

• Kode Warna #5C97BF
  
• Kode Warna #4B77BE
  
• Kode Warna #1F3A93
  
• Kode Warna #2574A9
  
• Kode Warna #67809F
  
• Kode Warna #34495E
  
• Kode Warna #3A539B
  
• Kode Warna #1E8BC3
  
• Kode Warna #6BB9F0
  
• Kode Warna #22313F
  
• Kode Warna #336E7B
  
• Kode Warna #19B5FE
  
• Kode Warna #89C4F4
  
• Kode Warna #2C3E50
  
• Kode Warna #3498DB
  
• Kode Warna #22A7F0
  
• Kode Warna #94E0EE
  
• Kode Warna #52B3D9
  
• Kode Warna #59ABE3
  
• Kode Warna #26A65B
  
• Kode Warna #1E824C
  
• Kode Warna #00B16A
  
• Kode Warna #2ABB9B
  
• Kode Warna #4DAF7C
  
• Kode Warna #03A678
  
• Kode Warna #26C281
  
• Kode Warna #019875
  
• Kode Warna #3FC380
  
• Kode Warna #16A085
  
• Kode Warna #2ECC71
  
• Kode Warna #C5EFF7
  
• Kode Warna #C8F7C5
  
• Kode Warna #049372
  
• Kode Warna #36D7B7
  
• Kode Warna #66CC99
  
• Kode Warna #1BA39C
  
• Kode Warna #1BBC9B
  
• Kode Warna #65C6BB
  
• Kode Warna #BFBFBF
  
• Kode Warna #ABB7B7
  
• Kode Warna #DADFE1
  
• Kode Warna #95A5A6
  
• Kode Warna #C5DCE2
  
• Kode Warna #BDC3C7
  
• Kode Warna #EEEEEE
  
• Kode Warna #D2D7D3
  
• Kode Warna #F0E2C5
  
• Kode Warna #EB9532
  
• Kode Warna #E67E22
  
• Kode Warna #F27935
  
• Kode Warna #F9BF3B
  
• Kode Warna #F7CA18
  
• Kode Warna #F9690E
  
• Kode Warna #F39C12
  
• Kode Warna #D35400
  
• Kode Warna #F4D03F
  
• Kode Warna #F5AB35
  
• Kode Warna #EB974E
  
• Kode Warna #F2784B
  
• Kode Warna #F4B350
  
• Kode Warna #E87E04
  
• Kode Warna #E74C3C
  
• Kode Warna #CF000F
  
• Kode Warna #C0392B
  
• Kode Warna #D64541
  
• Kode Warna #EF4836
  
• Kode Warna #96281B
  
• Kode Warna #D91E18
  
• Kode Warna #E26A6A
  
• Kode Warna #FF0000
  
• Kode Warna #F22613
  
• Kode Warna #E08283
  
• Kode Warna #9B59B6
  
• Kode Warna #8E44AD
  
• Kode Warna #BE90D4
  
• Kode Warna #BF55EC
  
• Kode Warna #9A12B3
  
• Kode Warna #913D88
  
• Kode Warna #722D6A
  
• Kode Warna #740A4E
  

Buat yang mau kode seperti diatas bisa dilihat disini

Pick a Color:

Or Enter a Color:

Wrong Input

Or Use HTML5:

Cara Mengatasi Wordpress Menu Kategori Tidak Bisa Diklik Diakses Internal Server Error (In Directory wp)

Berikut ini saya bagi pengalaman bagaimana caranya agar website bisa diakses tanpa ( /wp/ ) kejadian seperti ini biasanya salah satu faktor penyebabnya ada kesalahan di awal pada saat instal wordpress (instal wordpress yang benar via cpanel).

Ini terjadi karena pada pengisian di kolom In Directory yang di isi wp akibatnya menyebabkan URL www.websiteanda.com tidak bisa di akses dan menu/kategori tidak bisa diklik.
contohnya :
Tidak bisa diakses dengan URL: domain.com
Hanya bisa diakses dengan URL : domain.com/wp/

Dan ketika menu-menu nya di klik tidak bisa di akses sehingga muncul keterangan seperti berikut ini

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator at webmaster@contohdomain.com to inform them of the time this error occurred, and the actions you performed just before this error.
More information about this error may be available in the server error log.
Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.




Solusinya sebagai berikut:
1. Login ke dashboard Wordpress

2. Pilih Settings >> General

3. Pada tampilan
WordPress Address (URL) dan Site Address (URL)  : “http://www.contohdomain.com/wp”  dirubah menjadi >> “http://www.contohdomain.com” kemudian klik Save Changes 
lalu anda akan otomatis Logout karena URL http://www.contohdomain.com/wp  sudah tidak ada.

4. Login ke cPanel menggunakan username dan password yang diinformasikan di email terdaftar.
>> file manager >> subdirectory yang kita install ( disini saya menggunakan default dari WordPress yaitu /wp )


5. Pindahkan isi dari folder wp ke public_html dengan Select all
public_html >> wp


6. Klik kanan pilih move, atau bisa juga Select All klik Move yang ada di atas lalu muncul pop up window.
Ubah dari awalnya  /public_html/wp
menjadi  /public_html/
lalu klik  Move File(s)

7. Kemudian edit file .htaccess
Caranya : Login Cpanel >> File Manager  >> public_html >> .htaccess >> Edit >> Save

Menjadi seperti dibawah ini

8. Selesai.... URL WordPress bisa di akses kembali.

---




**Update
Apabila pada menu HOME ketika di klik larinya ke url localhost/website

Solusinya : 
Masuk ke Cpanel >> Database phpMyadmin >> wp_options >> Edit >> option_value (Tuliskan nama website anda) >> Go >> Finish

*Semoga bermanfaat*

Cara Membuat Kode Warna

Tidak usah banyak basa-basi dan langsung saja ke topik nya kode warna, kali ini saya akan bagikan script untuk membuat kode warna, untuk meletakannya bisa di mana saja (HTML/Gadget/Postingan)
Silahkan sedot scriptnya di bawah ini:

Script Kode Warna

------------------------------------------------------------------------------------------------------------------- <object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"> <param value="High" name="quality"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess"> <param value="http://www.2createawebsite.com/build/col.swf" name="movie"> <param value="high" name="quality"> <param value="#ffffff" name="bgcolor"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object> -------------------------------------------------------------------------------------------------------------------

Sumber:
harimuhlia.com

Caranya membuat kata sambutan (Basmallah)

Baiklah kita langsung saja, untuk membuat bacaan basmallah/bismillah (arab) pada postingan sbb:
-login ke akun blogger
-pilih menu template-->edit html-->lanjutkan
-centang expand template widget
-tekan F3 dan cari kode <data:post.body/>
-letakkan kode Basmallah berikut diatas kode <data:post.body/>

Copy Script ini
<div style='text-align: center;'><span style='font-size: medium;font-weight: bold;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; اار&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/>

-Cara lain jika blog sobat menggunakan autoreadmore (radmore otomatis) , cari kode yang mirip seperti ini

Script
<div class='post-header-line-1'> <b:if cond='data:blog.pageType == &quot;item&quot;'>

-Jika sudah ketemu, letakkan kode Basmallah tadi tepat dibawahnya
-Simpan template.


Keterangan :
-teks yang berwarna merah adalah besar huruf. Sobat bisa ganti menjadi Large (besar), Medium(sedang), Small (kecil) . Sobat juga bisa menggunakan angka untuk ukuran besar huruf.
-teks yang berwarna biru adalah tebal huruf.

Cara Membuat Tabel (Table)

Langsung aja yaa.. script membuat kotak tabel sbb:

Script Tabel

<table border="1" width="500"> <tr bgcolor="#3366ff"> <td align="center"><b>Nama</b></td> <td align="center"><b>Kelas</b></td> <td align="center"><b>Makan</b></td> </tr> <tr><td align="center"; font-color ="#3366ff">A</td><td align="center">1</td><td align="left">Soto</td></tr> <tr><td align="center">B</td><td align="center">2</td><td align="left">Sate</td></tr> <tr><td align="center">C</td><td align="center">3</td><td align="left">Mie Ayam</td></tr> <tr><td align="center">D</td><td align="center">4</td><td align="left">Somay</td></tr> </table>

Hasilnya seperti ini

bgcolor :  
Untuk menentukan warna background tabel.
Contoh : bgcolor="#3366ff"

align : 

Untuk menentukan perataan tulisan (alignment) dalam tabel. 

Contoh : align=’center’, 

dimana variabel yang dapat digunakan adalah left (rata kiri), center (rata tengah), right (rata kanan).

cellpadding : 

Untuk mengatur jarak antara garis tabel dengan isi tabel.

Contoh : cellpadding="200"

cellspacing: 

Untuk engatur jarak antar sel.  

Contoh : cellspacing="200"

border : 

Untuk mengatur ketebalan garis tabel.  

Contoh : border="200"

width : 

Untuk mengatur lebar baris tabel. 

Contoh : width="500"

height : 

Untuk mengatur tinggi kolom tabel. 

Contoh : height="100"

Dalam elemen <table>, terdapat beberapa elemen pendukung. 

<table> (awal tabel)

</table> (akhir tabel)

<th> (Table Header), 

<td> (Table Data/kolom), 

<tr> (Table Row/baris). 

Elemen Table Header berfungsi untuk membuat header (bagian atas) dari sebuah tabel. 

Table Data berfungsi untuk membuat kolom. Sedangkan Table Row berfungsi untuk membuat baris.

Ref:
xxpc123xx.blogspot.com
charticha.blogspot.com
Eksperimen sendiri, dll

Cara membuat recent posting otomatis

Berikut cara membuat recent posting otomatis dan bergerak bergantian:
1. Login blogger.com
2. Dasbord - Layout - Add a gadget
3. Pilih HTML/Javascript
4. Masukkan kode script dibawah ini

5. Kemudian klik save untuk menyimpan widget anda.

Script

<div style="margin-bottom: 15px;"> <style type="text/css"> #rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:70px;padding:1px;list-style:none;} #rp_plus_img a{color:#3366ff;} #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;} #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;} #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script> <script type="text/javascript"> var speed = 400; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 20; var numchars = 60; </script> <script src="http://www.for.web.id//feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> </div>

Note:
* kode 400; warna orange adalah kecepatan berpindah dari post ke post
* kode 3500; berwarna hijau waktu berhenti/pause
* kode 20 / 60; warna merah adalah jumlah huruf artikel yang ditampilkan
* kode 60px / 65px; warna biru adalah lebar/tinggi image thumbnail

Cara Membuat Slider Berdasarkan Kategori Tertentu

1. Login ke blogger.com
Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap atau copy semua script dan di salin di notepad/word.

Langkah pertama letakkan script berikut di atas kode ini: ]]></b:skin>

Copy script ini

#featured{margin-bottom:8px} .sliderwrapper{position: relative;overflow: hidden;height: 240px} .sliderwrapper .contentdiv{visibility: hidden;position: absolute;left: 0;top: 0;padding: 0px;height: 100%;} .pagination{text-align: left;padding:8px 0px} .pagination a{font-size:11px;color:#fff;padding: 3px 6px;background:#1b75d6} .pagination a:hover, .pagination a.selected{color:#dedde5;background-color:#535352} .featuredPost{width:360px;padding:10px 10px 0;background:#191919;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;color:#dedde5;position:absolute;bottom:0} .featuredPost a{color:#fff} .featuredPost a:hover{color:#dedde5} .featuredPost h2{margin:0;font-size:12px;line-height:1} .featuredPost span{font-size:10px} .featuredPost p{font-size:11px}

2. Sekarang letakkan script berikut ini di atas kode ini: </head>

Copy script ini

<script> //<![CDATA[ /* Script from:http://simplexdesign.blogspot.com/ */ imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaVOL93c5n-INKiccO5rH2BsuOV4YqCfc0oWARWaJqu5V1oRbg06teuosmOtNbFPbMAKQ4bcqXtqdw0BSletpKaKW_mnYW0rLl4Q7yKxofEYfFDp4HpCMwbe7sxOz97-K_55rVrg7IFHA/s1600/no+image.jpg"; showRandomImg = true; aBold = true; summaryPost = 100; numposts1 = 5; label1 = "misteri"; function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s} function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}         if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","Juny","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break; }} var daystr = day+ ' ' + m + ' ' + y ; var trtd = '<div class="contentdiv"><div class="sliderPostPhoto"><a href="'+posturl+'"><img width="370" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';      document.write(trtd);       j++; }} //]]> </script>

Perhatikan kode yang saya beri huruf tebal label1 = "misteri"; itu adalah label atau kategori yang akan ditampilkan di slider, disini saya memilih label misteri. Anda nanti tinggal mengganti dengan label yang diinginkan. Perhatikan juga kode img width="370" height="240"  itu adalah lebar dan tinggi slider, silahkan sesuaikan dengan  template Anda.


 3.Letakkan script berikut ini sebelum/diatas kode </body>

Copy script ini

<script src='http://dl.dropbox.com/u/12924430/contentslider.js'/> <script> //<![CDATA[ featuredcontentslider.init({ id: "slider1", //id of main slider DIV contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"] toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc] nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide. enablefade: [true, 0.5], //[true/false, fadedegree] autorotate: [true, 6000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc) //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc) } }) //]]> </script>

4. Dan terakhir, agar slider tersebut tampil di halaman depan anda cari kode ini:
<div id='main-wrapper'> 
jika anda ingin slider tampil di atas main-wrapper anda bisa meletakkan script berikut di bawahnya  :

Copy script ini

<b:if cond='data:blog.pageType == &quot;index&quot;'> <div id='featured'> <div class='sliderwrapper' id='slider1'> <script> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;); </script> </div> <div class='pagination' id='paginate-slider1'> </div> </div> </b:if>

5. Save/simpan template






Ref:
harfly.blogspot.com