Showing posts with label Blog tutorial. Show all posts
Showing posts with label Blog tutorial. Show all posts
Ok kali ini saya akan memposting cara membuat kotak dibawah header v1 .Kemaren saya sudah posting Cara membuat kotak dibawah header , dan yang sekarang versi 2nya .
Cara membuat kotak dibawah header v2
Sudah lihatkan fotonya , keren ga ?
ok bagi yang pengen tau cara membuatnya langsung saja ikuti tutorial berikut .

Siapin kopi dulu , jangan pake gula ya :D
rokok sampoerna 1 bungkus  .

ok kita nyalain dulu rokoknya ..
Masuk ke blog agan , klik EDIT HTML .
Copy code dibawah tepat diatas kode
]]><b:skin>


 #kotakbenkbenk{float:left;margin-left:55px;margin-top:-10px;border:6px solid #000;padding-top:20px;background:#1D2124 ;border-radius:15px;width:930px;height:200px;}
#benkbenk{float:left;background:#161719;position:center;border-right: 5px solid #000;
border-left:  5px solid #000;
border-bottom:  5px solid #000;
border-top: 3px solid #161719;padding:3px;border-radius:10px;width:160px;heigh:70px;margin-top:-30px;margin-left:600px;position:absolute;}
#benkbenk2{float:left;background:#161719;position:center;border-right: 5px solid #000;
border-left:  5px solid #000;
border-bottom:  5px solid #000;
border-top: 3px solid #161719;padding:3px;border-radius:10px;width:160px;heigh:70px;margin-top:-30px;margin-left:785px;position:absolute;}
#BENKheadlines{
float: left;
margin-left: 70px;
width: 320px;
height: 170px;
border-right: 5px solid #000;
border-left:  5px solid #000;
border-bottom:  5px solid #161719;
border-top: 5px solid #000;
background: #161719;
margin-top: -182px;
padding:3px;
border-radius:10px}
#benkbenk7{float:left;background:#161719;position:center;border-right: 5px solid #000;
border-left:  5px solid #000;
border-bottom:  5px solid #161719;
border-top: 5px solid #000;padding:3px;border-radius:10px;width:auto;heigh:auto;margin-top:132px;margin-left:450px;position:absolute;}

Jangan Disave Dulu gan . kita lanjut lagi .
Nyalain lagi rokoknya .
Agan cari code <div id='content-wrapper'> atau  <div id='content'>
kalau sudah ketemu agan masukan code dibawah tepat di atas code tadi .

<div id='kotakbenkbenk'>
<center><a href='-' target='_blank'>
<img alt='-' border='0' height='90' src='-' title='AnimesBakuhatsu' width='730'/></a></center>
</div>
<div id='benkbenk'>
<a href='www.blogger.com/follow-blog.g?blogID=7791197160955632295' title='Join this site / follow'><img height='70' onmouseout='this.style.opacity=0.5;this.filters.alpha.opacity=50' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://i.imgur.com/iSQcqFp.png' style='filter: alpha(opacity=50); opacity: 0.5;' width='160'/></a></div>
<div id='benkbenk2'><a href='http://melodicdark.blogspot.com/2013/04/cbox.html'><img height='70' onmouseout='this.style.opacity=0.5;this.filters.alpha.opacity=50' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://lh5.googleusercontent.com/-TpLHh4kMSlo/UXKN0z6707I/AAAAAAAAA1Y/NdeL1veKzsI/s160/jrKXjKM.png' style='filter: alpha(opacity=50); opacity: 0.5;' width='160'/></a></div>
<div id='BENKheadlines'><center><span style='color: #1D2124 ; font-family: &apos;Coda&apos;; font-size: 20px; text-shadow: #000 0px 0px 4px, #000 0px 0px 6px, #000 0px 0px 10px, #000 0px 0px 20px, #000 0px 0px 30px; '>Headline News</span></center><div style='overflow:auto; width:350px; height:150px; padding:0px; border:0px solid #000000;'>
<script src='https://chandra-yozers-comunity.googlecode.com/files/AC%20headlines.js'/>
<script>var numposts = 6; var showpostdate = true; var showpostsummary = false; var numchars = 100; </script>
<script src='http://melodicdark.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp'>
   </script></div></div>
<div id='benkbenk7'><a href='http://melodicdark.blogspot.com/' title=''><img height='auto' onmouseout='this.style.opacity=0.5;this.filters.alpha.opacity=50' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIduzdZP_STyQ0LePLt3ff1rRAcDplI48ARQRLTZteoidnNyr7x_ZJEra8gaLFRRoR4_rE3aJLhI902TIsXYKvCmBT0brb9DmRQgTL37Evcq6Qn42WLezTBviLNU9vxEBH4NdO5FKgbqQ/s1600/BannerDarkMelodic.gif.gif' style='filter: alpha(opacity=50); opacity: 0.5;' width='auto'/></a></div>

Catatan :
Ganti code yang berwarna MERAH dengan id follow blog agan
Ganti code yang berwarna PUTIH dengan url CBOX agan .
Code yang berwarna KUNING Jumlah headline yang mau ditampilkan
Code yang berwarna UNGU Ganti dengan gambar banner agan .


Jangan lupa sebelum menyimpan , klik pratinjau dulu .
Ok sekian posting mengenai.Cara membuat kotak dibawah header v2 .
Jangan lupa matiin rokoknya , sama dihabisin kopinya .
Read More
CSS Compression-Kompresi CSS, Percepat Loading Blog
Apa hubungan CSS dengan load time (waktu muat) halaman blog? Yang paling sederhana, ukuran file CSS menentukan berapa banyak bagian yang harus dibaca oleh browser. Semakin besar ukuran file, tentu saja bahasa perintahnya semakin banyak, dengan demikian 'waktu baca' yang dibutuhkan oleh browser semakin panjang. Anda dapat menggunakan website/blog speed test tool di blog ini untuk mengetahui kecepatan loading blog anda.
Setelah ganti template beberapa waktu yang lalu, masalah loading blog yang cenderung lebih lama daripada template yangsebelumnya muncul. Tentu saja hal ini berefek tidak baik. Yang pertama efeknya adalah ketidaknyamanan pengunjung. Terlebih lagi apabila muncul ketidaksabaran dan  kemudian diwujudkan dalam aksi "Tutup aja aaaaah, males gw, lo-la bangeeetzz!". Yang kedua, Google saat ini telah melakukan penalti bagi website/blog yang memiliki waktu load yang terlalu lama. Walhasil, peringkat dalam indeks pencarian bisa turun, dengan kata lain SEO lemah.
Salah satu usaha yang saya lakukan adalah dengan mengkompres gambar PNG dengan PngGauntlet. Hasilnya lumayan untuk mengurangi besar gambar tanpa mengurangi kualitasnya. Selain itu, dilakukan pula  beberapa langkah lain, salah satunya: melakukan perampingan CSS. Mudah-mudahan saat ini loadtime sudah berkurang meskipun belum maksimal (mudah-mudahan ga kelamaan ya).
Kembali ke CSS. File CSS adalah seluruh isi aturan style CSS yang ada di dalam template HTML, XML, maupun yang lainnya. Seluruh aturan tersebut kemudian dirangkum menjadi satu sebagai sebuah file yang dibaca oleh browser. Nah, pada bagian ini, ada banyak aturan tidak perlu yang bisa kita hapus agar tidak mengambil space karena semakin banyak space semakin besar ukuran file.
Lalu bagaimana cara mengurangi ukuran file CSSnya?

1. Lakukan Editing CSS Secara Manual.
Ada beberapa contoh aturan berikut ini:
Misalnya aturan pada header-wrapper,
#header-wrapper {
background: url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;
height: 150px;
margin-top: padding: 0px 0px 0px 0px;
text-align: center;
border: 1px solid #000;
}
Contoh di atas adalah penataan CSS secara standar, dimaksudkan agar browser dapat membaca aturan dengan baik dan urut. Namun pada saat ini, semua browser telah memiliki kecepatan dan kemampuan baca yang tinggi (anda sudah tidak pake IE 6 yang kuno itu lagi kan?), sehingga aturan seperti di atas tidak menjadi hal wajib. Aturan di atas memiliki white space (sisa ruang) dan juga spasi. Kita dapat melakukan perampingan pada ruang-ruang tersebut. Contoh:
#header-wrapper{background:url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;height:150px;margin-top:padding:0px 0px 0px 0px;text-align:center;border:1px solid #000;}
Pada contoh styling berikut:
{Margin-top: 15px;
Margin-right: 10px;
Margin-bottom: 15px;
Margin-left: 15px; }
Style margin di atas dapat kita rampingkan dengan CSS short-hand dan mengurangi spacenya:
{Margin:15px 10px;}
Karena nilai margin atas dan bawah sama serta nilai kanan dan kiri sama, kita dapat merampingkan dengan cara di atas, dimana 15px mewakili ukuran atas-bawah dan 10px mewakili kanan-kiri. Jika semua nilai margin sama, misalnya 15px, kita tinggal tuliskan: {margin:10px}. Perhatikan bahwa semua aturan nilai dimulai dari atas dan berjalan searah jarum jam: atas, kanan, bawah, dan kiri.

Ehm, sudah mulai pusingkah? Tidak kan? Bukankah belajar itu menyenangkan? ^^ Untuk melakukan cara-cara lain dan jika tertarik anda dapat mengunjungi W3 School.

2. Gunakan Layanan Situs-situs Penyedia Tool Kompres CSS Secara Online
Nah ini bagian yang lebih mudah. Anda dapat menggunakan beberapa tool layanan kompresi CSS dan dalam sekejap anda langsung mendapat hasilnya. Silahkan kunjungi:
Atau anda dapat mencari situs lainnya melalui googling dengan keyword "css compression tool".

Langkah-langkahnya:
a. Copy semua aturan CSS dari template HTML/XML.
b. Setelah masuk ke situs layanan kompresi CSS yang anda pilih, paste semua kode tersebut dan klik 'compress', 'optimize', dan lains ebagainya.
c. Tunggu beberapa saat dan hasilnya akan keluar lengkap dengan hasil ukuran file terakhir setelah kompresi dan perbandingannya. Perbedaan yang kecil sekalipun akan sangat berpengaruh terhadap berkurangnya loadtime halaman.
d. Download backup template terlebih dahulu pada halaman edit HTML.
e. Hapus bagian dimana anda mengkopi aturanCSS tadi dan masukkan hasil kompresi ke bagian tersebut.
f. Preview dan jika tidak ada masalah lagi, save.
Clue
Seluruh code CSS terletak di bagian head. Lebih tepatnya, semua code CSS pengatur tampilan terletak di antara <b:skin> dan ]]></b:skin>.
Pilih jenis/opsi kompresi 'standard'  atau sejenisnya pada tool kompresi CSS yang anda gunakan.
Semoga bermanfaat dan Good luck.
Read More
Blogger sudah mulai mengaktifkan tampilan dashboard yang baru (new user interface [UI]). Tampilan Blogger Dashboard baru ini bisa diakses dengan klik "Try the updated Blogger interface", baik melalui halaman Home, maupun halaman-halaman lain (new post, design, comments, dll). Seperti informasi yang telah saya sampaikan di Fitur-Fitur Terbaru Blogger/Blogspot 2011, tampilan ini terlihat lebih elegan, powerful, handy, dan lengkap.

User akan disambut dengan tampilan dashboard Blogger baru seperti ini:
















Akses ke semua fitur/halaman di dalam control panel/dashboard blogger dengan meng-klik option di sebelah kanan gambar "home". Akan muncul pilihan-pilihan seperti posts, comments, stats dll. Untuk langsung masuk ke bagian design template/page elements, klik "Layout" (dulunya design).
















Di halaman Layout, user bisa menambah atau mengedit gadget seperti biasanya. Salah satu fitur baru di halaman tersebut adalah Blogger Custom Favicon dimana user dapat dengan mudah mengganti favicon (icon) blog. Tidak seperti dulu, dimana kita harus mengupload file .ico di hosting lain dan memasang script favicon melalui "Edit HTML".

Salah satu halaman tampilan yang juga baru adalah overview, dimana kita dapat melihat summary dari statistik blog secara lengkap dalam satu halaman, misalnya: jumlah pageview, jumlah posting, jumlah comment, reffering site terbanyak, blogger news, dan masih banyak lagi. Klik panel "Overview" di sebelah kiri atas untuk mengaksesnya. Tampilan ini mengingatkan saya akan control panel/dashboard admin WordPress, tentu saja tidak sama persis.
















Fitur penting lain yang telah ada sebelumnya namun sempat membuat bingung user ketika mencarinya adalah "Edit HTML". Dalam tampilan lama Blogger, Edit HTML diakses setelah masuk ke design/rancangan > klik Edit HTML. Kini fitur ini diakses dan terintegrasi dalam menu/opsi "Template" dengan nama "Edit Template".

















Di dalam menu itu, user dapat melihat tampilan live template yang digunakan oleh blog, melakukan kostumisasi template, serta memilih dan mengganti template. Tentu saja ini untuk template blogger yang official/bawaan Blogger. Untuk melakukan editing HTML secara manual, scroll mouse hingga bagian terbawah halaman. Terdapat tiga sub menu, pilih/klik "Edit Template" dan tampilan HTML editor akan langsung muncul. Backup dan restore file XML template dapat dengan mudah dilakukan di dalam halaman itu pula.

Salah satu fitur lama yang terpenting adalah "Post Editor". Dalam tampilan Blogger baru ini, layout Post Editor tampak lebih elegan dan mantap. Namun, tidak ada perubahan berarti pada fitur-fitur editing-nya.
















Pastinya, butuh waktu yang cukup bagi pengguna Dashboard blogger lama untuk beradaptasi dengan tampilan dan fitur dashboard Blogger baru. However, it feels worth enough to try this Blogger Dashboard's new look and features, ain't it? :D
Read More
This summary is not available. Please click here to view the post.
Read More
Cara Meningkatkan SEO dengan Gambar.
Sebagai konten blog, gambar merupakan salah satu elemen penting. Bahkan bagi sebagian blog (photo blog, infographic blog, dan image-based blog lainnya) gambar merupakan konten utama. Di dunia web 2.0 ini, gambar telah menjadi objek visual yang menjadi santapan sehari-hari. Lihat saja web-web social curation seperti Pinterest dan Instagram yang kini terus menjadi favorit mayoritas user Internet.
Di sisi lain, Google Image Search (mesin pencari gambar Google) adalah sumber terbesar dan utama para pengguna internet untuk mencari gambar sesuai keinginan. Oleh karena itu, sebagai sumber traffic, optimalisasi search engine (SEO) melalui gambar merupakan bagian yang tidak kalah penting. Penggalian traffic dari google image search tidak bisa dipandang sebelah mata, karena memberikan jumlah yang cukup signifikan. Dalam Google search sendiri, optimalisasi gambar juga dapat memberikan value, terutama pada pengayaan keyword di dalam konten. (dalam atribut alt dan nama file).

Menurut hemat saya, ini sangat penting apabila konten anda mengandung gambar, yah.. meskipun cuma satu. Dan tentunya, ini menjadi hal yang AMAT SANGAT MAHA PENTING apabila konten blog anda berbasis gambar, karena optimalisasinya sedikit banyak berbeda dengan SEO konten tulisan/artikel seperti kebanyakan blog. Terlebih lagi, layout baru Google Image search memungkinkan user mendapatkan berbagai informasi mengenai gambar tersebut, termasuk link sumber halaman pemuat gambar.
Di blog lain, saya sudah berbicara mengenai relevansi atribut alt pada gambar bagi pengunjung dan search engine. Titik beratnya adalah pada bagaimana atribut alt dapat memberikan value, bantuan, dan deskripsi bagi keduanya. Dalam kesempatan ini, saya akan lebih mengkhususkan pada optimalisasi gambar dalam konteks SEO dan Blogger. Sedikit banyak akan ditemukan tips yang sama, namun akan lebih saya titikberatkan untuk pengguna Blogger.
Nah, untuk mengambil manfaat dari gambar secara optimal dari segi SEO, berikut adalah 4 tips inti yang sudah saya persiapkan untuk anda:

1. Penggunaan Nama File Gambar

Nama file secara simpel adalah identitas file yang unik, tidak boleh sama di dalam sebuah folder komputer, dan merupakan alat identifikasi mutlak. Sebagaimana fungsi tersebut, nama file yang jelas akan memberikan deskripsi yang jelas pula. Ini juga berlaku bagi halaman web. Halaman web individual yang menampilkan file gambar sama halnya dengan file-file lain, misalnya file html, php, asp, dan seterusnya. 
Contoh: http://tautweb.com/foldergambar/nama-file-gambar.jpg
Sebagaimana halnya optimasi url permalink web/blog, anda juga perlu memperhatikan permalink gambar. Sebelum meng-upload gambar, ubah nama file menjadi lebih deskriptif. Misalnya, anda baru saja membuat foto dengan sebuah kamera digital atau kamera smartphone, maka nama file gambar akan diberi nama secara otomatis sesuai setting, contoh: Photoa11234.jpg. Ubah nama file tersebut menjadi deskriptif, memberikan gambaran mengenai foto itu. Tambahkan hypen (strip) untuk memberikan spasi, sama seperti nama file dalam permalink halaman blog.
Contoh: foto-pantai-legian-bali-2013.jpg

Nama file yang agak panjang dan deskriptif tidak masalah, asalkan tidak dibanjiri dengan keyword sama berulangkali.

2. Penggunaan Alt Text (Teks dalam Atribut Alt)

Selain bermanfaat bagi pengunjung apabila gambar gagal dimuat oleh browser atau karena beberapa alasan lain, teks dalam atribut alt memiliki fungsi deksriptif bagi search engine. Search engine tidak dapat "melihat" gambar. Dia hanya bisa "membaca" teks. Teks di dalam alt berfungsi sebagai anchor text (sama seperti anchor text link). Alt bisa lebih deksriptif lagi daripada nama file gambar. Tapi tentu syaratnya sama, jangan dibanjiri dengan keyword.

Contoh alt dalam tag link dan gambar:
< a href="url gambar atau url halaman tertentu"><img alt="ini aku bersama pacarku di pantai legian bali" src="urlgambar" />

Cara Menambahkan teks alt di Blogger
Cara 1: Anda bisa menambahkan teks ke dalam tag gambar seperti contoh di atas, yaitu melalui "HTML" mode di post editor setelah mengupload gambar.

Cara 2: Klik gambar yang muncul di dalam post editor setelah diupload dan dimasukkan ke dalam post. Akan muncul menu seperti contoh di bawah, lalu klik "properties".
menambahkan teks alt di blogger.
Kemudian isikan teks ke dalam kolom alt text dan klik "OK.
mengisi teks alt ke dalam form gambar.

3. Ukuran File Gambar

Meski Google tidak memberikan spesifikasi ukuran file tertentu pada gambar yang layak diindeks, namun secara tersirat Google membicarakan ini. Disampaikan bahwa berat suatu halaman yang terlalu besar mempengaruhi loading web, dan pasti ini berpengaruh terhadap user. Ini menjadi pertimbangan tersendiri bagi Google sebab Google sangat memperhatikan user experience. Oleh karena itu, sedikit banyak, kecepatan loading web/blog mempengaruhi SEO. Salah satu penyebab, bahkan sebab terbesar, suatu halaman web menjadi sangat berat adalah gambar. Oleh karena itu, gambar yang teroptimasi ukuran file-nya sangat penting. Gunakan tool kompresi dan optimasi gambar yang tidak mengurangi kualitas, misalnya anda dapat melakukan kompresi dan optimasi PNG dengan PNGGauntlet.

4. Teks yang Mengelilingi Gambar

Sama halnya dengan pengaruh teks yang mengelilingi link (kadar relevansi), teks di sekitar gambar juga berpengaruh karena memberikan gambaran dan penekanan relevansi terhadap topik yang sedang dibicarakan (di dalam gambar). Mengapa demikian? Sebab keyword-keyword di dalam teks di sekitar gambar atau teks di dalam sebuah halaman dimana ada gambar tersebut memberi informasi sekaligus mendorong Google untuk memperhitungkannya. Pastikan deskripsi (nama file dan teks alt) gambar anda relevan dengan teks di sekitarnya, dan juga sebaliknya. Penggunaan caption/teks deskripsi di bawah gambar (opsional) juga merupakan bagian dari teks yang mengelilingi gambar.

Kesimpulan

Sebagai sebuah konten, gambar perlu diperhatikan penggunaannya. Penggunaan deskripsi yang tepat tidak hanya akan berpengaruh baik terhadap user, tapi juga terhadap upaya SEO dan usaha meningkatkan traffic. Ada 4 elemen penting yang perlu diperhatikan: nama file gambar, teks dalam atribut alt, ukuran gambar, dan teks yang mengelilingi gambar. Akhirnya, tentu semua upaya ini kembali kepada kreativitas anda dalam mengoptimalkan keempat hal tersebut. Jika ingin mempelajari lebih lanjut mengenai relevansi antara gambar web, atribut alt, pengunjung web, dan SEO, simak artikel saya di tautweb.com.

Have a nice... "Picturing"! :)
------------------
Update:
Untuk meluruskan, dan juga informasi bagi yang masih bingung dengan atribut ALT dan atribut TITLE:
Alt adalah pengganti anchor text, bisa dilihat saat gambar gagal dimuat. Sedangkan title adalah informasi pada gambar dan link, muncul ketika mouse diarahkan di atas gambar atau link.
Contoh:
TITLE
<a href=http://buka-rahasia.blogspot.com/"><img title="ini title yang akan muncul ketika ada mouse over" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipimXzpk0vp1iNrNMRJXsTbzzV-izLHZ3qUxUygcd0bSkGFIOIFxjV-UDF-qLZtRsNdu8Nveu1msxBB-GPR2FKa-cpJfjj2AtZL5Thp8uIXtlPBGZGmWnFbxueqK-KwlnMCsdn6TvcMi5R/s1600/buka-rahasia-blogspot-logo.png"></a>
Cek, arahkan mouse:
Buka Rahasia Blogspot
ALT
<a href=http://buka-rahasia.blogspot.com/"><img alt="Buka Rahasia Blogspot" title="contoh title" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipimXzpk0vp1iNrNMRJXsTbzzV-izLHZ3qUxUygcd0bSkGFIOIFxjV-UDF-qLZtRsNdu8Nveu1msxBB-GPR2FKa-cpJfjj2AtZL5Thp8uIXtlPBGZGmWnFbxueqK-KwlnMCsdn6TvcMi5R/s1600/buka-rahasia-blogspot-logo.png"></a>
Ketika gambar gagal dimuat, atau karena sebab-sebab lain sehingga gambar tidak muncul, maka Alt akan menggantikan sebagai anchor text, sama seperti link. Seperti ini (cek juga untuk melihat fungsi title di dalam link):
Read More
Untuk Mengoptimalkan Seo Blog agan , Benkkers akan Memberikan Sebuah Cara Agar Blog Agan Lebih Seo .YAITU Cara Membuat Page Title Blog Menjadi Lebih SEO Friendly. Menurut saya page title ini cukup penting (Bahkan sangat penting) Untuk mempererat persahabatan blog kita dengan Search Engine.
Alasannya ?
Mari kita simak dua gambar dibawah ini...
Gambar 1:
page title seo friendly
Gambar 2:
page title seo friendly

Nah dari dua gambar tersebut dapat kita lihat bahwa pada blog 1, format judul yang ditampilkan mesin pencari google adalah "Nama Blog : Judul Posting" sedangkan pada blog 2 format yang ditampilkan adalah "Judul Posting | Nama Blog".
Dari kedua format tersebut bila kita melakukan pencarian atas sebuah keyword dengan search engine, maka teman - teman tentu tahu dan paham manakah blog yang akan diutamakan oleh search engine untuk ditampilkan dalam hasil pencarian.
Nah Untuk merubah format default page title kita dari "Nama Blog: Judul" menjadi "Judul : Nama Blog" Bisa dengan cara berikut ini;
  • Masuk ke dashboard
  • Klik design
  • Pilih Tab Edit HTML
  • Beri Cek pada Expand widget templates
  • Cari kode <title><data:blog.pageTitle/></title>
  • Ganti kode tersebut dengan kode dibawah ini:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
  • Klik save template
  • Selesaii... 
Semoga dengan berubahnya page title blog sobat ini menjadikan sobat semakin sukses dalam dunia blogging.
Jangan Lupa Follow Blog Saya YA .
Read More
Next PostNewer Posts Previous PostOlder Posts Home