Foto Hot Sharen Gunawan Terbaru | Foto Panas Sharen Gunawan

foto hot sharen gunawan terbaru | foto panas sharen gunawan -Belakangan beredar foto hot sharen gunawan terbaru sedang asyik party atau berpesta bersama teman-temannya. Ada juga foto Sharena Rizky sedang asyik menghisap rokok. Foto panas sharen gunawan yang sedang bersama seorang lelaki itu sempat menjadi trend pencarian di dunia maya.

Sharena Rizky yang bernama asli Sharen Gunawan ini juga sering sekali bermain di FTV yang tayang di SCTV, diantaranya FTV berjudul 'Kucek in Dobel', 'Sayangku Kamu Kok Selingkuh?', 'Jejaka Jejaka', 'Menggapai Mimpi' dan masih banyak lagi. Shareena Rizky yang bertinggi badan 171 cm ini juga pernah bermain di film 'Kick 'n Love' bersama aktor Oka Antara dan juga bermain di sitkom 'Check In Check Out' yang tayang di Global TV. Mungkin juga tak ada yang menyangka kalau foto panas sharen gunawan, alumnus lulusan Universitas Pelita Harapan tahun 2006 ini sebenarnya sudah menikah. Statusnya sekarang adalah istri dari Taufiq Rizky sejak mereka menikah tanggal 21 Desember 2007.

Mungkin ada yang belum mengenal nama Sharena Rizky atau Sharen gunawan yang sekarang sedang heboh ini dengan foto hot sharen gunawan terbaru.Tapi jika mengingat iklan kartu XL yang pernah dibintanginya, pastilah dengan mudah kita bisa mengingat gadis cantik bertato kelahiran Jakarta, 11 Maret 1983 ini. Foto panas sharen gunawan ini tentunya masih kalah heboh dengan Foto Tarra Nadhira yang sempat membuat panas dingin dunia maya itu.

Read More

Sasha Grey | Film Pocong Mandi Goyang Pinggul

Sasha Grey | Film Pocong Mandi Goyang Pinggul - Udah pada denger berita tentang Sasha Grey yang bakal main Film Pocong Mandi Goyang Pinggul lom? Keknya kembali menjadi heboh di seantero nusantara nih,setelah kedatangan Terra Patrick dan juga rencana rilisnya Film Suster Keramas 2 yang dibintangi Artis film dewasa jepang nan cantik Sola Aoi, kini negeri ini kembali kedatangan bintang esek-esek asal negeri Paman Sam, Sasha Grey. Perempuan seksi itu membintangi film Pocong Mandi Goyang Pinggul.

Film Pocong Mandi Goyang Pinggul ini baru akan syuting mulai tanggal 25 april ini dan menurut KK Dheeraj, "Sasha Grey sudah kontrak dan seratus persen kita sudah deal. Malah saya mau mendatangkan Sasha Grey langsung ke Indonesia. Judul Filmnya Pocong Mandi Goyang Pinggul. Genrenya horor komedi," dan Sasha Grey dipastikan main di film besutan rumah produksi K2K Production yang diproduseri KK Dheeraj.

Menurut produsernya,"Film Pocong Mandi Goyang Pinggul ini berbeda dari yang lain karena ini syutingnya di Hollywood, selain syuting di Indonesia. Saya sengaja bikin film di Hollywood karena sekarang film Hollywood kan jarang.Jadi saya mau melepas kerinduan orang akan film Hollywood," Wahh jadi asik yah ngebayangin gimana akting Sasha Grey ntar di film itu hehehehe.Judul film yang aneh ini sedikit bikin saya ketawa sendiri ngebayangin matinya ide cerita perfilman jaman sekarang.

Berita terbaru tentang Shooting Film Pocong Mandi Goyang Pinggul yang akan dibintangi oleh Sasha Grey ini kabarnya masih akan baru dimulai pada tanggal 25 april 2011 ini,setelah sebelumnya KK Dheeraj menjanjikan Film Pocong Mandi Goyang Pinggul akan dirilis akhir bulan ini.Dengan alasan tak mau membocorkan jalan cerita dan nama pemain lainnya, produser keturunan India ini mempromosikan bahwa Film Pocong Mandi Goyang Pinggul memiliki kelebihan. Tak cuma sekadar memajang bintang film dewasa dan memamerkan lekuk indah tubuh Sasha Grey.

Apakah anda penasaran dengan sensasi selain tawaran lekuk tubuh indah Sasha Grey yang sudah kondang itu,hehe sama aja sih,tadi juga pas liat kata-kata bijak di angkot sekilas kebayang bakalan nonton film pocong mandi goyang pinggul ini sambuil di terapi klinis sama Sarah white yang bikin klinik heboh itu lho.

Read More

Vicky Vette | Kostum garuda Vicky Vette | Foto Hot Vicky Vette

Vicky Vette | Kostum garuda Vicky Vette | Foto Hot Vicky Vette - Tampaknya Vicky Vette kembali bikin sensasi dengan mengenakan kostum garuda di tubuhnya.Seperti tampak dalam foto berikut,Kostum garuda Vicky Vette ini berwarna merah dengan menonjolkan lekuk tubuhnya yang aduhai.Tampaknya foto hot Vicky Vette akan kembali menjadi trend pencarian setelah dia mengumumkan lewat twitternya akan membintangi sebuah film horor produksi dalam negeri.

Vicky Vette yang beberapa kali heboh menggoda tiffatul sembiring pekan lalu menulis bahwa akan segera memulai shooting bulan april ini sembari kostum garuda vicky vette tak lupa di pertontonkan.Beberapa kali foto hot Vicky Vette menghiasi majalah pria dewasa dan berikut ini sedikit saya tampilkan juga disini.









Vicky vette tampaknya tak tahan ingin segera mengikuti jejak rekan seprofesinya seperti Sola Aoi dan Sasha Grey yang sudah dulu berkiprah di blantika perfilman Indonesia.Bagaimana dan sejauh apa mari kita tunggu saja kabar selanjutnya sembari melihat foto hot Vicky Vette ala kadarnya berikut ini.Tapi kalo di cermatin mendingan Saori hara loh,bener!!

Read More

Sola Aoi | Foto HotSola Aoi | Video Sola Aoi

Sola Aoi | Foto Sola Aoi | Video Sola Aoi - Bintang cantik ini adalah Sola aoi atau yang kerap disapa pula dengan nama Sora aoi,berikut adalah foto Sola aoi yang membintangi Suster keramas 2 tersebut.Dan sebagai pelengkap kita bagikan juga Video Sola Aoi dalam sebuah session pengambilan gambar.

Sola Aoi yang dalam bahasa jepang berarti langit biru memiliki mata indah sekaligus menawan,jika kita udah ngeliat foto sola aoi tampaknya hal ini emang ga salah lagi.Bagi anda penggemar video sola aoi tentunya juga sudah membuktikan bahwa sola aoi pantas di juluki sebagai langit biru.






Sola aoi lahir di jepang dan udah sering muncul di deretan film dewasa namun sola aoi tampaknya segera akan menghentikan popularitasnya dalam bidang tersebut,sebelum ketinggalan mari kita lihat foto sola aoi dan video sola aoi berikut sambil melihat rekan seprofesinya yang tak kalah cantik yaitu Saori hara.atau setelah melihat sola aoi bisa juga mantengin agni pratistha arkadewi dengan foto hot nya dalam sebuah majalah pria dewasa.

Read More

Navigator Menu Horizontal

Navigator Menu Horisontal adalah sederatan menu yang memanjang kesamping yang berguna untuk menunjukkan ke suatu halaman lainya di blog Anda. Misalnya Anda mempunyai Blog lain dan juga bertemakan berbeda dari blog Anda maka untuk menunjukkan pengunjung Blog Anda kita pasang menu horisontal ini, atau Anda mempunyai content yang lain di Blog anda dengan tema berbeda Anda perlu suatu navigator untuk menujukkanya.

Selain link dan banner yang menarik menu horisontal ini tidak kalah menarik untuk menjadi navigator di blog Anda karena saya kira bentuknya Menarik dan elegan.

Nah jika Anda juga belum faham mengenai menu horisontal Anas akan kasih capturenya lihat dibawah

Nah dari keterangan diatas apakah Anda berminat Untuk membuatnya di Blog Anda..? kalau Anda berminat silahkan ikuti Cara dibawah

Langkah pertama yaitu log in ke blogger lalu masuk menu Layout kemudian masuk menu Edit HTML

Lalu taruh code dibawah diatas Code ]]></b:skin> pokoknya di barisan CSS pada Blog Anda

.menuhorisontal{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}

.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}

.menuhorisontal li{
display: inline;
margin: 0;
}

.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background: #414141; /*background dari Tabel*/
}

.menuhorisontal li a:visited{
color: white;
}

.menuhorisontal li a:hover, .menuhorisontal li.selected a{
background:#002EB8; /*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}

Kalau Sudah Cari Code dibawah Ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Di Internet (Header)' type='Header'/>
</b:section>
</div>

Code diatas Di Blog kamu berdeda-beda pokoknya kamu perhatikan Code yang berwarna merah saja dan taruh Code dibawah ini tepat dibawah Code Diatas itu

<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>

Kemudian Simpan

Langkah kita belum selesai mari kita beranjak ke menu Layout

Nah dibawah Header pasti sudah ada tempat widget/gadget,

kemudian klik Add A Gadget kemudian pilih HTML/JavaScript.. Lalu taruh Code dibawah ini

<div class='menuhorisontal'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://tutorial-jitu.blogspot.com'>Tutorial Blog</a></li>
<li><a href='http://www.anasku.co.cc'>Ceritaku</a></li>
<li><a href='http://www.maynas.site40.net'>Sahabatku</a></li>
</ul>
</div>

Nah jika anda ingin mengubah tinggal edit code linknya dan jika ingin menambah tinggal tambah code yg berwarna biru dibawahnya

Read More

Vertikal Navigator Menu pada Blogspot

Masih ingatkah sama Horisontal Navigator menu yang Saya posting sebelumnya?. Diantara Navigator menu dan Vertical menu mempunyai perbedaan bentuk, yaitu jika navigator menu horisontal menunya memanjang kesamping (horizontal) dan jika vertikal menu memanjang kebawah (vertikal), menu ini cocok jika dipasang di sidebar karena bentuk menunya memanjang kebawah, lain halnya dengan horisontal menu yang bentuknya menyamping cocok jika dipasang di header.

Disini saya akan coba membuat menu vertikal simple namun stylish dan tidak memakan waktu yang lama untuk loadingnya karena tidak disertai gambar untuk backgroundnya.

tidak perlu memakan waktu yang lama untuk membuatnya dan tidak perlu ketrampilan yang cukup untuk membuatnya, hanya tinggal copy-paste code yang saya berikan ini.
Apakah Anda tertarik untuk memasang widget menu vertikal ini kedalam blog Anda?
Silahkan ikuti langkah-langkah dibawah ini.

Pastikan sudah Log In ke blogger.

Masuk menu Layout kemudian masuk menu Edit HTML.

Kemudian masukkan Code CSS dibawah ini diatas code ]]></b:skin>

/*Vertikal Menu
---------------------------------*/
.vertikalmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* lebar dari menu vertikal*/
}
.vertikalmenu li{
border-bottom: 1px solid white;
}
.vertikalmenu li a{
background: #000000 ; /*warna dari menu vertikal*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0;
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black;
}
.vertikalmenu li a:visited, .vertikalmenu li a:active{
color: white;
}
.vertikalmenu li a:hover{
background-color: #737373; /*warna setelah pointer diarahkan (hover)*/
color: white;
border-bottom: 1px solid black;
}

Perhatikan code yang berwarna merah dan kegunaanya.. atur menurut selera kamu.
untuk mencari code warna buka situs www.colorschemer.com/online

Kalau sudah kemudian SAVE

Nah langkah berikutnya yaitu kita harus beranjak dari area Edit HTML ke area Page Elements (tata letak)

Lalu pilih Area sidebar dan klik Add a Gadget (Saya harap mudeng maksud saya)

Lalu pilih HTML/JavaScript dan taruh Code HTML dibawah ini kedalamnya

<ul class="vertikalmenu">
<li><a href="/">» HOME</a></li>
<li><a href="http://tutorial-jitu.blogspot.com">» Tutorial Blog</a></li>
<li><a href="http://bankloe.blogspot.com">» Bisnis Online</a></li>
<li><a href="http://by-template.blogspot.com">» Free Template</a></li>
<li><a href="http://zonahandphone.blogspot.com">» Handphone</a></li>
<li><a href="http://praktis-triktips.blogspot.com">» Komputer</a></li>
</ul>

Ganti teks yang berwarna merah dengan URL link yang ingin kamu pasang, dan yang berwarna hijau adalah text display linknya.

Kalau sudah beres semua tinggal SAVE deh..

Nah gimana gampang kan gak perlu mengeluarkan keringat untuk membuatnya.
kalau sudah berhasil jangan lupa bersorak hore.. hore... tapi kalau ada masalah silahkan tanyakan saja di kotak komentar...

Sekian semoga bermanfaat bagi Anda para blogger.

Read More

Membuat Menu Tab View

Menu tabview adalah menu yang berbentuk tabel dengan pengelompokan halaman sesuai dengan tabel menu diatasnya. Menu ini banyak diapakai untuk menghemat tempat pada blog dengan sistem menampilkan atau menutupi halaman tabel sesuai dengan tabel menu diatasnya. Jadi jika kita mengklik menu diatasnya maka halaman tabel yang muncul adalah halaman tabel yang dibuat sesuai dengan menu tabel diatasnya, dan jika kita mengklik menu tabel lain maka yang muncul adalah halaman tabel yang bersesuain namun tetap pada satu tempat itu.

Coba perhatikan dibawah ini :


Gimana sudah paham belum? mau cara buatnya?

Oke kita pakai teori dari Mas Kendhin saja karena mudah dipahami.

Pertama yang harus kamu lakukan adalah Log In dan masuk menu Layout kemudian masuk bagian Edit HTML

Selanjutnya taruh code CSS dibawah ini diatas code ]]></b:skin>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Perhatikan text yang berwarna merah itu keterangan dari menu tab view yang bisa kamu edit sesuai keinginan kamu, untuk code warna bisa dilihat disini.

kalau sudah pasang script dibawah ini diatas code </head>

<script src='http://sites.google.com/site/anasku2000/tabview.js' type='text/javascript'/>

kalu sudah silahkan "Save Template" Anda.

kemudian masuk bagian "Layout -> Page Elements, lalu cari tempat gadgetnya kemudian klik Add new gadget kemudian pilih HTML/JavaScript dan taruh Code dibawah ini :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :

1. Code yang berwarna biru diatas adalah lebar dan tinggi tabview yang bisa kamu sesuaikan.
2. Code yang berwarna hijau adalah text judul dari menu tabel (tab 1, tab 2, tab 3 ....)
3. Code yang berwarna merah diatas adalah halaman dari tabel yang bisa kamu pasangi code-code gagdet, gambar atau link.
4. Dan jika ingin menambah halaman tabel perhatikan code yang berkedip, dan tambah seperti itu dibawahnya.

Kalau sudah tinggal SAVE.

Read More

Membuat Jquery Multi Level Menu Horizontal Blogspot

Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.
Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.

Okkey langsung saja ke cara pembuatanya ya


langkah pertama yaitu masuk pada bagian Design lalu Edit HTML

Masukkan code dibawah ini dibawah code <head>

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/anasprod/jqueryslidemenu.js' type='text/javascript'/>

Lalu masukkan CSS dibawah ini diatas code ]]></b:skin>

.jqueryslidemenu{
font: bold 13px Verdana;
background: #800000;
width:100%;
float:left
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #800000; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background:#B30000; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background:#B30000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
position:relative;
}

Code diatas adalah style dari menu Anda, silahkan edit sesuai kebutuhan Anda.

Nah kalau sudah kita menuju kebawah untuk mencari code seperti dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Di Internet (Header)' type='Header'/>
</b:section>
</div>

Perhatikan saja code yang berwarna merah karena code yang berwarna hitam diatas berbeda-beda setiap template

lalu taruh code dibawah ini dibawah code yang diatas tadi

<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>

Kalau sudah SAVE

Pekerjaan kita belum selesai, langkah selanjutnya yaitu menuju menu "Page Elements"



Terlihat pada "Page Elements" muncul tempat gadget baru, lalu klik aja "Add a gadget" dan pilih HTML/JavaScript dan masukkan code dibawah ini.

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://sangmerak.blogspot.com">SangMerak</a></li>
<li><a href="#">Kategori</a>
<ul>
<li><a href="#">Sub Kategori 1</a></li>
<li><a href="#">Sub Kategori 2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://tutorial-jitu.blogspot.com">Tutorial Blog</a></li>
</ul>
<br style="clear: left" />
</div>

Nah code diatas adalah code dari widgetnya silahkan di edit sesuai kebutuhan Anda.

Kalau sudah silahkan di SAVE deh.

Nah semoga tutorial ini bisa bermanfaat bagi Anda dan silahkan tanyakan pada saya lewat komentar jika ada pertanyaan.

Read More

Cara Memasang Breadcrumb

Ini merupakan trik sederhana untuk memasang Breadcrumb, atau link navigasi untuk menjelaskan posisi artikel dalam blog Anda. Breadcrumb sangat membantu pengunjung blog Anda untuk mengetahui letak artikel berada pada jenis atau kategori artikel apa. Disamping itu, konon breadcrumb juga sangat familiar dengan mesin pencari seperti Google. Artinya, setiap kata kunci breadcrumb, membantu Anda untuk memperkenalkannya kepada mbah Google. Oke, langsung saja menuju TKP dengan mengikuti tahapan berikut.

Pertama, masuk ke account blogger Anda, dan menuju ke halaman edit HTML. Jangan lupa untuk centang atau "Expand Widget Template". Lalu masukkan kode CSS dibawah ini :

.breadcrumbs { padding:15px 5px 5px 0; margin:0;font:normal 12px Arial; line-height:1.6em; border-bottom:3px double #ddd}

Kedua, cari kode HTML <b:if cond='data:post.title'> (jika Anda bingung, cukup menekan tombol Ctrl + F  di keyboard komputer/laptop Anda untuk mencari kode).

Ketiga, Anda harus menambahkan kode HTML breadcrumb untuk menjalankan fungsi navigasi. Masukkan kode dibawah ini tepat di atas kode di atas tadi :

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Home</a> &#8250; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if> </b:loop> </b:if> &#8250; <data:post.title/> </div> </b:if> </b:if>

Selesai, silahkan simpan template Anda, dan lihat hasilnya. Kini setiap artikel blog Anda memiliki kode navigasi breadcrumb.

Read More

Cara Setting SEO di Blogger

Search Engine Optimization (SEO) merupakan perangkat penting dari sebuah blog atau website. Mesin pencari biasanya akan lebih familiar dengan blog yang memiliki deskripsi (description) dan kata kunci (keywords) yang jelas sesuai dengan topik utama blog Anda. Bagi Anda pengguna blog yang brebasis Blogger, perangkat SEO dalam blog Anda belum disetting secara maksimal sehingga belum search engine friendly sehingga memerlukan waktu lama untuk dikenali oleh search engine seperti mbah google.

Untuk itu, diperlukan beberapa penambahan kode deskripsi dan kata kunci ke dalam struktur CSS blog Anda. Berikut cara yang sederhana yang dapat Anda ikuti :

Pertama, masuk ke account blogger Anda, dan menuju ke halaman edit HTML. Tidak perlu dicentang atau "Expand Widget Template". Lalu cari kode CSS dibawah ini, yang terletak di bagian atas, tepat dibawah kode <head> :

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
Kedua, hapus kode tersebut di atas, dan gantikan dengan kode dibawah ini :

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='your description here' name='description'/>
<meta content='your keyword here' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Ketiga, ganti tulisan warna merah dengan deskripsi dan kata kunci blog Anda. Usahakan deskripsi dan kata kunci yang Anda masukkan, sesuai dengan topik utama blog Anda.

Selesai, kini Anda sudah memiliki settingan SEO yang sangat friendly bagi mesin pencari, khususnya Google.

Read More

Cara memasang favicon di Blogger

Favicon merupakan gambar berukuran kecil (biasanya berukuran 16 x 16 pixels) yang dapat di tampilkan pada URL bar browser atau bookmark. Favicon tentu saja dapat membuat tampilan blog Anda lebih bergaya dan mudah dikenali oleh pengunjung dengan simbol atau tanda tertentu. Untuk membuat favicon, Anda dapat menggunakan program photoshop atau pergunakan jasa website lain. Jika Anda, tidak ingin repot, maka saya sarankan untuk membuat favicon melalui website favicon generator di : http://www.favicon.cc/.

Setelah gambar favicon sudah Anda dapatkan, silahkan upload gambar tersebut di penyedia hosting gambar gratisan, seperti imagehosting, imageshack, photobucket, tinypic, dan lainnya. Selanjutnya, Anda harus memasang favicon di struktur CSS template Anda, dengan mengikuti langkah berikut :

Pertama, masuk terlebih dahulu ke account blogger Anda, dan langsung menuju ke halaman edit HTML. Tidak perlu dicentang atau "Expand Widget Template".

Kedua, masukkan kode berikut diantara kode <head> dan </head>. Atau lebih mudahnya, letakkan saja tepat di bawah kode <head> :

<link rel="shortcut icon" href="alamat link url favicon berada"/>

Jangan lupa untuk mengganti kode warna merah di atas, dengan alamat link url penyimpanan gambar favicon Anda. Selesai, kini favicon sudah terpasang di blog Anda.

Read More

Membuat Frontpage dan Postpage Blogger

Kali ini saya akan membagikan artikel mengenai frontpage (halaman depan) dan postpage (halaman posting). Tutorial ini merupakan salah satu primadona dikalangan blogger. Selain dapat mempercantik tampilan blog Anda, cara ini juga dapat menghemat kolom template Anda, khususnya pada bagian tampilan depan (frontpage). Cara ini terbilang unik, dikarenakan Anda dapat mengatur apa yang bisa Anda tampilkan di halaman depan blog Anda, dan apa yang ingin Anda sembunyikan.

Untuk lebih jelasnya, silahkan ikuti cara berikut ini :

Pertama, Anda harus mengenali terlebih dahulu struktur layout template blogger, yang biasanya terdiri dari : Halaman depan atau frontpage, yang juga sering kita samarkan menjadi home, halaman index label atau tampilan postingan dan artikel yang masuk dalam kategori label, dan halaman postingan.

Kedua, untuk mengatur tampilan frontpage dan postpage, Anda harus sedikit menambahkan kode di awal dan akhir kode HTML anda. Berikut struktur kode yang dapat Anda gunakan ini :

Jika Anda ingin kolom, ukuran kolom atau elemen widget ditampilkan pada halaman depan saja, namun disembunyikan atau berubah pada halaman postingan, scriptnya mengunakan kode berikut :

<b:if cond="data:blog.url == data:blog.homepageUrl"> ditutup dengan </b:if>

Jika Anda ingin kolom, ukuran kolom atau elemen widget ditampilkan pada halaman depan dan indeks label, namun disembunyikan atau berubah pada halaman postingan, scriptnya mengunakan kode berikut ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'> ditutup dengan </b:if>

Jika Anda ingin kolom, ukuran kolom atau widget, di tampilkan pada halaman postingan, namun disembunyikan atau berubah pada halaman depan, scriptnya mengunakan kode berikut ini:

<b:if cond='data:blog.pageType == "item"'> ditutup dengan </b:if>

Demikian, semoga bermanfaat bagi kita semua, dan tentu saja menghasilkan suatu layout template yang mantap dan sesuai dengan keinginan Anda.

Read More

Membuat Auto Read More Tanpa Javasript

Anda tentu saja sudah mengetahui dan mengenal dengan baik tehnik menggunakan auto read more bukan? Namun teknik read more otomatis yang kita kenal selama ini, masih memerlukan script pendukung, yang tentu saja sedikit mempengaruhi kecepatan loading blog Anda.

Nah sekarang, ada trik dan teknik baru untuk memasang auto read more di blog Anda. Bahkan teknik ini dilengkapi dengan fasilitas thumbnail. Trik ini saya dapat dan pelajari dari hasil berselancar di dunia blogging dan internet. Menarik, karena trik ini murni seratus persen hanya menggunakan tambahan hmtl code dengan sedikit sentuhan css code. Saya akan memberitahu Anda bagaimana cara untuk menggunakan trik tersebut di bawah ini.

Langkah pertama, silahkan masuk ke halaman edit hmtl di blog Anda. Ingat, jangan lupa untuk mencentang widget (expand widget). Setelah itu, cari kode <data:post.body/> dan ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

Langkah berikutnya, Anda perlu menambahkan sedikit sentuhan kode CSS, yang ditempatkan di atas atau sebelum kode </b:skin>. Berikut Kode CSS yang harus anda tambahkan :

.thumb img {float: left; margin: 0 10px 5px 0;}.

Selesai, silakan simpan dan lihat hasilnya. Semoga bermanfaat.

Read More

Solusi hosting gratis dari Google Code

Bagi pengguna blog, tentu saja sangat menyadari keterbatasan hosting, khususnya untuk file dalam bentuk javascript. Selama ini, kita hanya menggunakan hosting gratis pihak ketiga yang penuh kendala. Mulai dari pengaruh loading page yang berat, hingga bandwidth yang ala kadarnya. Tapi jangan khawatir, kini google code menyediakan hosting gratis, yang dijamin unlimited bandwidth dengan kecepatan loading yg cukup.

Solusi hosting Anda yang kemarin bermasalah, kini sudah teratasi dengan menggunakan hosting gratis dari Google Code. Saya akan memberikan tips sederhana penggunaan hosting gratis file javascript di google code. Berikut langkah-langkah yang harus Anda lakukan :

1. Silahkan masuk terlebih dahulu di alamat Google Code Hosting. Dan akan terlihat tampilan gambar seperti di bawah ini :

2. Lalu tekan tombol Create a new project, maka tampilan selanjutnya akan seperti ini :

3. Isilah form sesuai dengan gambar di atas, diakhiri dengan menekan tombol Created Project. Tampilan berikutnya akan seperti ini :

4. Selanjutnya, tekan tombol tab Download lalu tekan kembali tab New Download.

5. Isilah form yang disedikan dengan data file Anda. Setelah itu, browse file javascript Anda, dan silahkan attach. Selanjutnya tekan tombol Summit File.

6. Sekarang file javascript Anda sudah tersimpan di google. Tampilannya akan seperti gambar di bawah ini :

7. Jika anda ingin menggunakan file yang sudah tersimpan, arahkan cursor mouse Anda di nama file yang sudah tersimpan, lalu klik kanan. Copy file tersebut, dan silahkan gunakan di blog Anda.

Cukup mudah bukan?. Yang pasti, solusi hosting Anda yang kemarin bermasalah, kini sudah teratasi dengan menggunakan hosting gratis dari google code tersebut. Jika tetap mengalami kendala, semisal kecepatan loading yang lambat, maka sudah saatnya Anda menggunakan hosting berbayar!he...3x.

Read More

TRIKS CEPAT TERINDEX OLEH ROBOT SEARCH ENGINE GOOGLE

Beberapa saat sebelum post ini diterbitkan, saya membaca post sobat wisata murah tentang Cara Cepat di Crawl Robot Technorati. Menginspirasi saya tuk mendaftarkan blog dalifree di directory technorati juga, dan memang cepat dan sudah terindex di robot technorati..

Terinspirasi dari judul yang sama, pada post kali ini saya coba bongkar sedikit triks untuk cepat di index oleh mesin pencarian google, dengan mengangkat judul "triks tercepat terindex oleh robot search engine google". Moga bisa bersaing dengan keyword lainnya seperti cara cepat terindex google, yahoo, bing atau keyword cara cepat terindex di mesin pencarian lainnya.

Langkah yang perlu dilakukan cukup sederhana untuk cepat terindex di mesin pencarian google, yaitu dengan menggunakan layanan ping. Atau layanan update secara instan di mesin pencarian. Saya biasanya menggunakan PingOmatic.com dan Pingler.com. Kedua layanan ini cukup bersahabat bagi saya karea kecepatannya dalam melakukan ping di search engine.

Kunjungi layanan tersebut dan masukkan data blog kamu sesaat setelah kamu menerbitkan post terbaru. Jika layanan ping tersebut telah selesai melakukan proses ping, copy judul post terakhir kamu dan paste-kan di mesin pencarian google. Sekarang coba lihat, moga post kamu sudah terindex dalam beberapa detik saja.

Selamat mencoba and happy blogging! 

Read More

Foto bikini nadila ernesta | Foto hot nadila ernesta | Foto pesta nadila ernesta

Foto bikini nadila ernesta | foto hot nadila ernesta | Foto pesta nadila ernesta - Foto bikini nadila ernesta yang beredar luas di internet sampai hari ini belum ada yang sampai mempersoalkannya karena memang bukan sesuatu yang tidak wajar.Tampak terlihat dalam Foto hot nadila ernesta tersebut dalam suasana pesta entah di rumah siapa bersama kawan-kawannya.Terkait dengan beberapa foto pesta nadila ernesta ini masih belum ada keterangan pasti siapakah yang mengabadikan moment tersebut.

Mungkin bagi anda yang penasaran dengan Foto bikini nadila ernesta dalam sebuah acara malam hari ini bertanya-tanya bagaimana sih bentuk asoy bintang cantik ini.Nah, dalam kesempatan ini saya tampilkan Foto hot nadila ernesta yang bisa anda saksikan disini.Secara mendetail tentang lokasi tempat foto pesta nadila ernesta tersebut masih menjadi penelusuran seksama bagi para netter di seluruh nusantara.

Tampak dalam Foto bikini nadila ernesta memakai warna hitam dan sangat gembira menikmati kebersamaan bareng teman-temannya di sebuah pinggiran kolam renang dengan waktu malam hari.Seperti yang akan anda saksikan sendiri bahwa foto pesta nadila ernesta ini di gelar dalam suasana keremangan dan begitu banyak rokok serta minuman yang di gelar dalam acara tersebut.Kelihatannya Foto hot nadila ernesta ini sengaja di abadikan oleh salah satu temannya dalam suasana itu.
















Foto bikini nadila ernesta yang ramai dibicarakan dalam berbagai situs underground ini manambah panjang daftar foto hot artis indonesia setelah skandal syahrini dan adiknya yang baru saja mencuat beberapa hari yang lalu.Bagi anda yang penasaran dan ingin tahu gimana foto hot nadila ernesta langsung aja buka diblog ini dan seterusnya akan langsung akan dibawa suasana foto pesta nadila ernesta yang jadi ngebikin pengen ikutan aja hehehe.Jangan lupa untuk terus mengikuti perkembangan Sola aoi yang muncul dalam suster keramas 2 lho ya. Atau ingin melihat pose syur Agni Pratista dalam pemotretan sebuah majalah,silahkan aja deh.

Read More