Tampilkan postingan dengan label ANAK SMP Ganti Baju. Tampilkan semua postingan
Tampilkan postingan dengan label ANAK SMP Ganti Baju. Tampilkan semua postingan

Jumat, 15 Juni 2012

Cara Mengubah Layout Search Label Blogger

Cara mengubah 'layout search label blogger menjadi list judul saja' maksudnya, pemberian judul artikel ini inyong agak repot menentukan yang pas.
Sebagai contoh akseslah alamat: http://alkatro.blogspot.com/search/label/seo , kalau sudah dilihat Pokoke kaya kuwe lah yang inyong maksudken #halah.
Pada layout search template blogger si katro itu hanya judul artikelnya saja yang tampil, tanpa deskripsi dan tanpa image.

bagaimana cara mengubah layout search Label blogger
Sebagai perbandingannya, oke silahkan cek blognya abi fajar di http://fajarmufti.blogspot.com/search/label/Hiburan pada saat artikel ini ditulis.
Tenang saja orangnya lagi sibuk seminar; jadi gak tahu kalau blognya diintip xixixi   #mlumpat pager #tiaraap

Tujuannya untuk apa? ya mempercepat loading template  saat visitor mengakses link search label tersebut; terutama bagi dirimu yang masih menggunakan navigasi label blogger pada template :)

Apabila blog sahabat  memiliki ratusan artikel dengan label yang sama; pada saat visitor mengkases link search label itu; Bayangkanlah, kira-kira berapa lamakah loadingnya?
Mungkin kurasakan seperti saat menunggu dollar gratis ppc sitti yang tak kunjung payout #glunthang

Cara Mengubah Layout Search Label Blogger ini merupakan permintaan sahabat dani yang kemarin bertanya di artikel Freelance Jobs daily ; entah apa hubungannya dengan artikel itu hehehe no what what, sante wae.. kalau lagi tidak angon kelinci,  insya Allah pertanyaannya akan dijawab di komentar atau posting blog ini  secepatnya; selama diriku tahu jawabannya.

1. Login ke dashboard Blogger
Masuk ke dashboard > Design/Rancangan > Edit HTML> Checkmark 'expand widget template'.

2. Lewat komentar di blog diriku jawab kurang lebih seperti ini
cari kode ini: <b:include data='post' name='post'/>
kalo dah ketemu ganti dengan kode ini
   
    <b:if cond='data:blog.searchLabel'>
  <div><a expr:href='data:post.url'><data:post.title/></a> </div>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>


Dan ternyata... tidak berhasil untuk xml awesome template  dan template draft blogger yang lain; lanjuuut
cara yang di bawah ini saja

3. Percobaan kedua
Setelah mengintip templatenya abi fajarmufti yang notabene merupakan template draft blogger;
maka berikut ini keputusannya; 
thong thong thong dung.. saat berbuka untuk wilayah indonesia selatan dan sekitarnya

Carilah kode <b:include data='post' name='post'/>

Kalau sudah ketemu; ganti dengan kode berikut ini

  <b:if cond='data:blog.homepageUrl != data:blog.url'>
   <b:if cond='data:blog.searchLabel'>
       <div><a expr:href='data:post.url'><data:post.title/> </a></div>
     <b:else/>
       <b:include data='post' name='post'/>
   </b:if>
  <b:else/>
       <b:include data='post' name='post'/>
  </b:if>


Save template

Demikianlah tentang prosedur 'bagaimana cara mengubah layout search Label' pada template 'Blogger' ala  anak smpku.
Kalau ingin yang tanpa ubah xml bisa pake feed label blogger yang dibungkus  javascript;  contoh seperti di akhir posting ini, to be continued di blog belajar bisnis online dan seo katro
Yo Wis ; saatnya melanjutkan acara mencari rumput, o iya lupa ..  nyuci sepeda mbah oemar bakri dulu ding; tromol sama presnelengnya sudah doltrap  jue .. jadi gak bisa bunyi cik cik cik kalo dionthel.


Jumat, 30 Maret 2012

Cara Membuat Menu Navbar di Blogger

Cara Membuat Navbar Menu Blogger  ini menyesuaikan tema draft blogger yang dipakai mas habe seven, sehingga takcolongke dari http://bdlab.blogspot.com dengan beberapa modifikasi dan digoreng di atas wajan tanpa kompor dan sate tanpa tulang :halah:
Biar tidak bolak balik masuk edit html terus munggah mudhun , menggak menggok memasang css dan li uli uli *menghindari error kalau ada buntut yang ketinggalan', wis anak smpku jadikan satu saja stylenya sekalian biar gampang

Tahapan Panduan Membuat Navbar Menu Blogger,

 lumayan untuk update posting wkwkwk

1. Kode CSS Membuat Menu Navbar Blogger
kagem kangmas habeseven,Salin kode berikut ini, semuanya

<style>
/* alkatro.com dolanan css */
@charset utf-8;
.alkatronav-outer{height:74px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMxjYwh0pTJ9kZsWn6gNZfiWQRPqayAZvTSls_jTQQqpAdb7U2zD2EYPx56vNr9fc-sjElOPLt3SxB62TZRsu4F0nPr4M9verV0AgE6HQFVL_sfbjnX7yzM3g8s2N923xcY91UwY5Xdp8i/s1600/alkatro-nav.gif);padding:0}
.float-left{float:left}
.float-right{float:right}
.alkatronav .divider{display:block;font-size:1px;border-style:solid;border-width:0}
.alkatronav .divider-vert{float:left;width:0;display:none}
.alkatronav .item-secondary-title{display:block;cursor:default;white-space:nowrap}
.clear{font-size:1px;height:0;width:0;clear:left;line-height:0;display:block;float:none}
.alkatronav{position:relative;zoom:1;margin:0 auto}
.alkatronav a,.alkatronav li{float:left;display:block;white-space:nowrap}
.alkatronav ul{left:-10000px;position:absolute;z-index:10}
.alkatronav,.alkatronav ul{list-style:none;margin:0;padding:0}
.alkatronav li{position:relative}
.alkatronav ul ul{z-index:20}
.alkatronav ul ul ul{z-index:30}
.alkatronav ul ul ul ul{z-index:40}
.alkatronav ul ul ul ul ul{z-index:50}
li:hover>ul{left:auto}
#alkatronav ul{top:100%}
#alkatronav ul li:hover>ul{top:0;left:100%}
#alkatronav a{color:#FFF;font-family:Trebuchet MS, Arial, sans-serif, Helvetica;font-size:14px;text-decoration:none;font-weight:700;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-kTs5IMknbgECeNl53aRVJEB5BrCcy8W0aeARjoPHoE2cBXUWZJFSC9FJIUcJsgine-P_yl-tr7C306pKdWDwhX8O3FfFX9AlCHndQEz7BjXMv1RTWnGudaZfJU8IWdCgpV5rRUtdELE/s1600/item-primary-bg.gif);background-repeat:no-repeat;background-position:top;margin:10px 0 0;padding:7px 17px 7px 18px}
#alkatronav a:hover{color:#6C3600;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-kTs5IMknbgECeNl53aRVJEB5BrCcy8W0aeARjoPHoE2cBXUWZJFSC9FJIUcJsgine-P_yl-tr7C306pKdWDwhX8O3FfFX9AlCHndQEz7BjXMv1RTWnGudaZfJU8IWdCgpV5rRUtdELE/s1600/item-primary-bg.gif);background-repeat:no-repeat;background-position:center}
#alkatronav div,#alkatronav ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP_PhVbd3m4xoEiFFb7Fut4YRLphpoNSnUlA3B-Emizrxf1tZs_0C0vh9XAB1JaCd-nTBllWSuI7nqZIAFpNwE_DHEkgHY80j7Yt3n9XUON4TCRcU0hN4FsHqxC59mJU6Js6eOvcYLtfjR/s1600/item-secondary-container-bg.jpg);background-repeat:repeat-x;background-color:#F90;border-bottom:1px solid #CA6500;margin:0;padding:10px 4px}
#alkatronav div a,#alkatronav ul a{background-color:#FFF;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguCAuk_jJe-_-crTqplwuQQrenKeW0ddz_0BPIkcKagSyeTWZ_l1zFPXg8kZU4UsiuhT36LMBdyDEXy4wJqfw9t-NMsuxAyHwrVjwVikoEXD1mryS-4V147Zhk8nN_0zOd0WiH68SSpXYH/s1600/item-secondary-bg.jpg);background-repeat:no-repeat;background-position:0 22px;font-size:11px;width:149px;border-style:none;border-width:0;margin:0;padding:3px 10px 3px 6px}
#alkatronav div a:hover,#alkatronav ul a:hover{background-color:#FFF;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguCAuk_jJe-_-crTqplwuQQrenKeW0ddz_0BPIkcKagSyeTWZ_l1zFPXg8kZU4UsiuhT36LMBdyDEXy4wJqfw9t-NMsuxAyHwrVjwVikoEXD1mryS-4V147Zhk8nN_0zOd0WiH68SSpXYH/s1600/item-secondary-bg.jpg);background-repeat:no-repeat;color:#C00}
#alkatronav .item-secondary-title{cursor:default;color:#6C3600;font-family:Arial, Trebuchet MS, Arial, sans-serif, Helvetica;font-size:11px;background-repeat:no-repeat;font-weight:700;padding:4px 0 3px 7px}
#alkatronav .divider-horiz{border-top-width:1px;border-color:#C16100;margin:5px}
#alkatronav .divider-vert{border-left-width:1px;height:15px;border-color:#AAA;margin:4px 2px 0}
.alkatronav div a,.alkatronav ul a,.alkatronav ul li,.alkatronav li a{float:none}
</style>

2. Kode HTML Menu
kemudian selanjutnya kode script yang dibutuhkan adalah script HTML nav bar  ini 
<div class="alkatronav-outer">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1U_w_PVZUhFPPMetJBqx7fvKiIIN-4YKZjetruAQENGn188mQP33l55JxrJAECc_rBBfc393iQUPUkjCAkrZuQl5n_IuSHb12MgHDbrwr7CMSTvNJI1un1zbxuk7I7GwhQH89JlwFD79N/s320/kiwo.gif" alt="alkatro.com" class="float-left" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliRqx7LQ4st9my9cPZpVWqfGvD2w6ph6HkVdY8d30c3nBvX5uoVQ4xytihjkFp_xcM_S1qE6t1pODon_vffe12zGFB9mNp74ExknvFqWj-eU23cwah3MED_eJZ_cl9035YAiCPWfsuBOk/s320/tengen.gif" alt="alkatro.com" class="float-right" />
<ul id="alkatronav" class="alkatronav">
<li><a href="/">HOME</a></li>
<li><a rel="nofollow" href="/search/label/Renungan">Renungan Fajar</a></li>
<li><a rel="nofollow" href="/search/label/hiburan">Hiburan Segar</a></li>
<li><a rel="nofollow" href="/search/label/sate">Sate Klathak</a></li>
<li><a rel="nofollow" href="/search/label/sate">Sate Klathak</a></li>
<li><a rel="nofollow" href="/atom.xml?max-url=500">Daftar Isi</a></li></ul></div>

3. Menuju ke Elemen Halaman
Login ke blogger
Design / Rancangan -> Page Elements
klik 'add a gadget' bin tambah gadget yang berada tepat di bawah kotakan header
Pilih HTML/Javascript
terus templokanlah kode yang sudah disalin di point pertama dan kedua  hehe; jadi paste kode CSS dan di bawahnya taruh sekalian script HTML Menu di situ terus Save

Contoh Penampakan
Sementara dapat dilihat di http://rakutien.blogspot.com ada di bawah header
Keterangan:
Text berwarna biru silahkan diganti dengan link yang diinginkan, bisa link label atau link artikel tertentu
Sate Klathak , pokoknya kata yang anaksmpku warnai merah  monggo disesuaikan dengan  ayat-ayat cinta pemikat sukma wakakak
4. Ambil Sarung
Udah saatnya Jumatan tow? atu uwa iga.. kabuuur

Jumat, 23 Maret 2012

Setting Search Description Blogger

Setting Search Description Blogger berikut adalah copasan obrolan di g plus, yang merupakan fitur terhanget blogger :D
Untuk bisa menggunakannya, bagi sahabat yang belum menjadikan draft blogger sebagai default dashboard ;silahkan login via draft.blogger.com
Menu itu ada di tab Setelan - Preferensi / Setting- Search Preference


Gambar di paragraf berikutnya akan muncul di edit post  apabila pada dashboard draft blogger, dirimu mengaktiftkan Meta Tag Description ,
caranya :
klik Setting  - Search Preference, a.k.a Setelan - Preferensi
Di sebelah kanan pada Meta Tags, klik edit kemudian yes
isikan pada kotak itu:  tentang deskripsi global  blog dirimu, yg merupakan deskripsi pada home
Save. Lanjuutt

box khusus deskripsi untuk blog post  berikut ini letaknya di sebelah kanan edit post;

letaknya di kolom setelan entri / entry setting pada baris tab keempat, klik yang gambar spion motor :D




Settingsearchbloggerdescription
Setting Search Description Blogger, berawal dari pertanyaan ini
contohnya aku isi apaan tuh untuk Search Description ?


Jawabannya adalah : *glunthang*

ternyata panjang juga diriku nulis jawabannya; maka anaksmpku  jadikan  posting baru saja disini , diedit sedikit dari aslinya
**.....
box di edit post seperti gambar diatas ; di wordpress mirip dg feature plugin all in one seo,
diisi sesuai dengan topic pada edit postingnya, sehingga akan menjadi unique description apabila gugel datang bertamu. it's good option for seo  blog baru

tetapi ane disable, karena males kalo harus edit posting atu2, makanya ane pake yg xml meta tag otomatis; penampakan description yang terbaca dari search engine; contoh diambil dengan q: menentukan target visitor

targetvisitor


**
fungsi lain  preference not found, fungsinya untuk custom kalo ada visitor salah ngetik url post
contoh penampakannya, klik broken link ini : http://anaksmpku.blogspot.com/2012/02/membuat-metatatata
(sengaja salah ngetik nulis urlnya ) , cara membuat custom itu, info lengkapnya di blog seo katro

jawaban  berikut korelasinya dengan pertanyaan kata oleh pada bahasan meta tag otomatis blogger
untuk arti kata pada meta keyword otomatis
else
meta expr:content='data:blog.pageName+ &quot; oleh &quot; +data:blog.title'

else=jika bukan (di home) maka tempel kode yang ada di bawahya
meta dst : perintah untuk membuat deskripsi dan keyword berbeda secara otomatis sesuai dengan judul post dan nama blog,
penampakannya kalo di execute jadi:

meta content='judul blog post oleh judul blog'

hasil perubahan metatag otomatis  pada wall g+/facebook akan kelihatan waktu share post link
>> https://plus.google.com/u/0/113975695356907502524 :D

contoh lain:
mari kite intip burungnya mas +HB Seven bersama-sama xixixi

view-source:http://fajarmufti.blogspot.com/2012/03/tips-membeli-burung.html

code meta  pada halaman tersebut terlihat :

<meta content='Tips Membeli Burung oleh Fajar Mufti Setiawan' name='description'/>
<meta content='Tips Membeli Burung, Fajar Mufti Setiawan' name='keywords'/>

Sebelum mas habe7 tahu kalau lagi diintip, mendingan anaksmpku ngumpet diatas pohon dulu  wkkwkwkkw
kabuur...

Kamis, 02 Februari 2012

Kisah Blogger Indonesia VS Facebook

Cerita ini digelar anak smpku karena mas alie afif sampai dipaksa mengganti baju blog miz-hl yang mirip facebook, ternyata belum pernah mendengar masalah ini. Herannya  curhat di artikelnya itu si katro dipanggil suhu, padahal  blogmiz-hl  pageranknya 4, jadi ingat   seminggu yang lalu ada yang ngasih istilah baru kuliah singkat di universitas alkatro *di blog siapa kuwi* pokoke artikelnya itu ada foto rektornya yang sedang melamun di tangga darurat.. berikut ini penampakan rektornya wkwkwk

blogger vs facebook

Jane sebenarnya anak smpku alergi beneran sama sebutan 'panas' seperti itu.. tiap manusia kan sama saja, yang punya kelebihan pasti punya kekurangan , begitu juga sebaliknya... lagian diriku ini  bikin template blogger saja belum pernah, pacar gakpunya tapi  patah hati berulangkali, gak pernah cukur, gak pernah sisiran, gak pernah nyetrika baju  dan mandi saja jarang... * haiyah malah curhat gak karuan* yo wis lah pokoke sakarepmu :LOL:


Kisah Blogger Indonesia
versus Facebook ini sebenarnya sudah terjadi beberapa bulan yang lalu, dan sempat dirilis oleh techno okezone pada bulan november.
Memang ada sedikit kejanggalan, ketika pada menjelang akhir tahun 2011 Facebook melalui perwakilan di Jakarta baru menuntut template mirip facebook yang dibikin mas ainun najib pada tahun 2009, lha tahun kemarin-kemarin kok nggak nuntut, apa memang baru liat bulan November?
Dan tuntutan dikenakan atas pelanggaran hak cipta , sanksinya tidak tanggung -tanggung nominalnya senilai 2 milyar.
Pertama kali melihat template itu dulu di salah satu blognya mas isdaryanto, yang awalnya diriku kira itu memang template resmi facebook for blogger; dan baru mudeng itu ternyata buatan blogger nusantara setelah gonjang -ganjing permasalahan itu, padahal sempat kepikiran ingin ikutan bikin yang versi wordpress xixixi
.
Anak smpku pikir lha wong yang bikin template tidak dikomersialkan sama sekali mosok dituntut, hal itu kan justru ikut mempopulerkan nama facebook ke area blogger; pada themes itu juga dinamai "Smells Like Facebook" yang berarti si pembuat memang mengakui kalau itu adalah inspirasi layout facebook , mbok jane kan berterima kasih,  lha kok malah ngasih tuntutan; yang dianggap merugikan facebook; diriku juga gak paham rugi di sebelah mananya?

Di sisi lain, kenapa iklan simcard atau ponsel yang menjual nama facebook enggak dituntut, padahal jelas-jelas untuk kepentingan komersial? apa mungkin memang pihak pengiklan sudah bayar angpao sebelum iklan tayang yak-
Embuh lah ra ngerti... nampaknya IQ anak smp tidak begitu mudeng dengan hal lika liku hukum seperti ini dan yang penting syukurlah akhirnya masalah mas ainun najib diselesaikan secara kekeluargaan, selengkapnya ini link arsip masalah mas najib versus facebook di okezone

Waktu baca di artikel terkait di  http://techno.okezone.com/read/2011/11/18/55/531070/apakah-kreativitas-nazieb-melanggar-hak-cipta ,ada  komentar  yang malah menyuruh menghukum saja (sepertinya gembira dengan masalah mas najieb), anak smp garuk-garuk kepala .. sesama warga indonesia kok malah gitu.. oh mayapada.. ngantuk meneh.. zzzzzzzzzz

Senin, 06 September 2010

ANAK SMP Ganti Baju

ANAK SMP Ganti Baju dilarang mengintip yo.. lagi dolanan html 5

Update Info Buku Gratis

BANK SOAL UN SMP SMU

Followers