Dian's File

Tentang Seseorang

Ku lari ke hutan kemudian menyanyi ku
Ku lari ke pantai kemudian teriakku
Sepi ..... Sepi dan sendiri aku benci
Aku ingin bingar aku mau ke pasar
Hah bosan aku dengan penat
hanya saja kau pekat
seperti berjelaga jika ku sendiri

Assalamu alaikum Wr Wb
Banyak orang yang menginginkan kesuksesan tapi tidak pernah memikirkan kegagalan.
Apa Itu Kegagalan.?, Dan apa itu kesuksesan.?
kegagalan dan kesuksesan adalah dua sisi mata uang yang saling melengkapi. Orang ingin sukses harus tahu bahwa ada saat-saat kegagalan. Yang penting bukan sekedar mencari jalan sukses, tapi juga mengerti "apa yang menyebabkan kegagalan." Bukan meratapi ini terjadi. Tetapi berpikir apa yang harus dilakukan untuk mengatasi dan mengantisipasinya.

Oleh karena itulah penting adanya perencanaan. Karena perencanaan adalah menulis kegagalan di atas kertas. Allah mendefinisikan kesuksesan sebagai "Terhindar dari neraka dan di masukkan ke dalam surga"

Baca Juga
1. Software pembuat tamplat wordpress untuk jualan online
2. isi survey dapet uang || Paid survey legit

Kegagalan itu bermula dari kegagalan-kegagalan kecil yang tidak dipelajari apalagi diantisipasi.

Valentino Dinsi dalam bukunya "Jangan Menjadi Seumur Hidup Jadi Orang Gajian" ia mengupas beberapa kiat menghadapi kegagalan.

"Ada banyak cara menjadi orang sukses. Berani sukses harus berani gagal. Ada banyak pembahasan tentang tips menghadapi kesuksesan. Tetapi bagi kami, sama pentingnya, menyiapkan sejumlah hal untuk menghasapi kegagalan!"

Wassalamu alaikum wr wb

Assalamu alaikum Wr Wb
pada postingan kali ini saya akan membahas Software pembuat tamplate/tema wordpress
Di luar sana banyak orang yang bertanya tanya tentang gimana sih cara membuat tamplate blog? apa saya harus tahu bahasa programan dulu.

yupss.. benar sekali anda harus bisa bahasa programan dulu baru anda bisa membuat tamplate blog
saya tidak tahu bahasa program, tapi saya mau buat tamplate buat blog saya
anda ingin membuat tamplate tapi, tidak tahu bahasa program dan anda ingin membuat tamplate untuk dijual
Sekarang telah hadir Software pembuat tamplate yang mudah di gunakan dan hasilnya pun cukup muaskan. jika anda ingin membuat tamplate blog untuk jualan maka software inilah jawabannya. Software sudah di lengkapi dengan icon yang menarik dan mudah dijalankan di berbagai macam PC dan memiliki banyak penghargaan dari berbagi brand.
Oke kalian pasti tidak sabar untuk membelinyakan. untuk membeli Software ini silahkan klik gambar di bawah ini

Apakah Anda siap untuk membuat uang SERIUS? Di sinilah generasi berikutnya dari Web Survey Dibayar!
Apa anda ingin menghasilkan uang dari internet ?
Apa anda ingin mendapatkan uang hanya duduk di depan layar komputer atau PC anda?
Jika memang jawabannya "IYA" maka ini lah jawaban dari semua pertanyaan anda tersebut.
TakeSurveysForCashis meluncurkan pada ClickBank,platform terpercaya untuk produk digital. produk survei revolusioner dibayar ini menawarkan survei yang diperbarui setiap hari, serta data base terbesar yang pernah dibuat online. Dengantiga, tinggi mengkonversi 1-klik up menjual, pengujian awal yang ditawarkan ini telah menunjukkan EPC di kisaran $ 2,50 per klik!
Tunggu apa lagi silahkan klik tombol Daftar sekarang yang ada di bawah ini.
Daftar sekarang

Hi World, saya akan membagikan tutorial tentang cara membuat efek halaman page preloader menggunakan animasi CSS dan SVGs untuk diterapkan pada blogger. Trik semacam ini dapat menjadi cara kreatif untuk pengunjung yang bosan nunggu loading, tetapi tentunya juga ga akan membebani.Contohnya pada blog saya sendiri djogzs.com yang saya gunakan saat ini.


Pre Loader ini menggunakan CSS3 pada animasi transisi untuk membuka dan menutup halamanya dan menggunakan SVG animasi Loader,serta javascript agar dapat menentukan timing preloader saat proses loading data/progress yang sudah selesai upada suatu halaman dan menutup preloadernya kembali.

Singkat mengenai SVG : SVG adalah singkatan dari Scalable Vector Graphics dan merupakan format file baru untuk menampilkan grafik dalam pengembangan web yang berbasis XML. masih agak sulit untuk dipahami, tetapi untuk kedepanya dipastikan lebih kompleks untuk membuat object / animasi daripada CSS3.


Sebelum menggunakan trik preloader, saya ingatkan dahulu untuk membackup template anda agar tidak terjadi sesuatu yang tidak diinginkan.


langkah pertama adalah login ke account blogger anda => Template => Edit HTML , lalu pilih 1 tema dari 3 preloader yang saya sediakan. pilih salah satu dan copy paste diatas code :

]]></b:skin>.

1. Glasshour

/* HourGlass THEME */
.ip-header {
position: fixed;
top: 0;
z-index: 100;
min-height: 480px;
width: 100%;
height: 100%;
background: #505050 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUIXPA11kSEwrSjaL9W1eKC4tF-kFkpqmkYPnKO0jhpfyFCqR3q8OIFRADn258i9LMskgfk96ZjM_TpoEXoYxH2swLnK9hnxsiqJzQpsOk0LeIWe-3OiEwhgKojTYz4vCiiepwBZNthiT/s1600/hourglass.gif) no-repeat center center;
/* warna background dan gambar loader */
z-index: 999999;
}
.ip-header .ip-loader svg path.ip-loader-circlebg {
stroke: #fff; /* warna background circle loader */
}
.ip-header .ip-loader svg path.ip-loader-circle {
-webkit-transition: stroke-dashoffset 0.2s;
transition: stroke-dashoffset 0.2s;
stroke: #13BAFA; /* Warna garis circle saat loading */
}

2. Kurumi

/* KURUMI THEME */
.ip-header {
position: fixed;
top: 0;
z-index: 100;
min-height: 480px;
width: 100%;
height: 100%;
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPrwz54R0Qiriq7EetXLsDJa46u8j2VkXFa1tQ3-TwfFPpokHACOK_bywEe_CPdbJ1IdbNGnsipY-VXq2mkds1i8ox7sOj53l5_A6iJFcxPc9Qc71Iypym2RZqPdjoCiKWk8iFOrL_JzYv/s1600/kurumi.gif) no-repeat center center;
/* warna background dan gambar loader */
z-index: 999999;
}
.ip-header .ip-loader svg path.ip-loader-circlebg {
stroke: #222; /* warna background circle loader */
}
.ip-header .ip-loader svg path.ip-loader-circle {
-webkit-transition: stroke-dashoffset 0.2s;
transition: stroke-dashoffset 0.2s;
stroke: #DB2209; /* Warna garis circle saat loading */
}

3. Nisekoi

/* NISEKOI THEME */
.ip-header {
position: fixed;
top: 0;
z-index: 100;
min-height: 480px;
width: 100%;
height: 100%;
background: #23B0E8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy3XLstmVMrKMKQsDj_B07KPotZXNeDi1rSi9By3QRaye7XMhpVHM4XEYmYgLZ0PydgEnPOxyX5qcFnnm-QmLryk19BCaxYjASLeGTf6ic6tfqspQVWx6jYGz3XtKzACitHU_PSoKOU9wf/s1600/Nisekoi.gif) no-repeat center center;
/* warna background dan gambar loader */
z-index: 999999;
}
.ip-header .ip-loader svg path.ip-loader-circlebg {
stroke: #fff; /* warna background circle loader */
}
.ip-header .ip-loader svg path.ip-loader-circle {
-webkit-transition: stroke-dashoffset 0.2s;
transition: stroke-dashoffset 0.2s;
stroke: #FFFF2A; /* Warna garis circle saat loading */
}

Copy-paste juga semua CSS dibawah ini setelah css tema tadi.

/* Pre-Loader main */
.ip-loader {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
cursor: default;
pointer-events: none;
}
.ip-loader {
bottom: 20%;
}
.ip-header .ip-inner {
display: block;
margin: 0 auto;
}
.ip-header .ip-loader svg path {
fill: none;
stroke-width: 6;
}

/* Animasi */
.loading .ip-loader {
opacity: 1;
-webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loading .ip-loader {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}

@-webkit-keyframes animInitialHeader {
from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }
}
@keyframes animInitialHeader {
from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }
}

.loaded .ip-loader {
opacity: 1;
}

.loaded .ip-loader {
-webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* Animasi header ketika loading selesai */
.loaded .ip-header {
-webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
to { -webkit-transform: translate3d(0,-100%,0); }
}
@keyframes animLoadedHeader {
to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}
.layout-switch .ip-header {
position: absolute;
}
/* End Preloader */

Selanjutnya, Copy-paste semua kode HTML dibawah ini tepat dibawah <body>

atau

<body class ...>

<div class='ip-container' id='ip-container'>
<div class='ip-header'>
<div class='ip-loader'>
<svg class='ip-inner' height='60px' viewBox='0 0 80 80' width='60px'>
<path class='ip-loader-circlebg' d='M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z'/>
<path class='ip-loader-circle' d='M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z' id='ip-loader-circle'/></svg></div></div></div>

Kemudian letakan kode Js dibawah ini tepat diatas kode </head>

<script type="text/javascript" src="https://googledrive.com/host/0B6G3XEDWZaMaTUFNbmtWeHpzOTQ"/>

dan letakan ketiga Js dibawah ini tepat diatas kode </body>

<script type="text/javascript" src="https://googledrive.com/host/0B6G3XEDWZaMaUWZGRkJNdGg2bWM"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B6G3XEDWZaMaOFRtR2kzckx6bkE"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B6G3XEDWZaMaRy1Qa1RiTDl6T0E"></script>

Simpan template dan buka halaman blog anda dan lihat hasilnya.



Trik pre-loader ini juga dapat kamu kreasikan sendiri seperti mengganti warna,logo,dan warna circle loader
caranya :

Cari CSS seperti dibawah ini, lalu ganti url/alamat gambar milik kamu yang saya tandai pada text warna merah.

untuk warna background, ganti kode hex yang saya tandai warna biru.

/* KURUMI THEME */
.ip-header {
position: fixed;
top: 0;
z-index: 100;
min-height: 480px;
width: 100%;
height: 100%;
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPrwz54R0Qiriq7EetXLsDJa46u8j2VkXFa1tQ3-TwfFPpokHACOK_bywEe_CPdbJ1IdbNGnsipY-VXq2mkds1i8ox7sOj53l5_A6iJFcxPc9Qc71Iypym2RZqPdjoCiKWk8iFOrL_JzYv/s1600/kurumi.gif) no-repeat center center;
/* warna background dan gambar loader */
z-index: 999999;
}

Untuk bagian Loadernya, ganti warna hex pada variabel Stroke

.ip-header .ip-loader svg path.ip-loader-circlebg {
stroke: #222; /* warna background circle loader */
}
.ip-header .ip-loader svg path.ip-loader-circle {
-webkit-transition: stroke-dashoffset 0.2s;
transition: stroke-dashoffset 0.2s;
stroke: #DB2209; /* Warna garis circle saat loading */
}

Java script alternatif (sama aja)

<script src='http://tympanus.net/Tutorials/PagePreloadingEffect/js/modernizr.custom.js' type='text/javascript'></script>


<script src='http://tympanus.net/Tutorials/PagePreloadingEffect/js/classie.js' type='text/javascript'></script>
<script src='http://tympanus.net/Tutorials/PagePreloadingEffect/js/pathLoader.js' type='text/javascript'></script>
<script src='http://tympanus.net/Tutorials/PagePreloadingEffect/js/main.js' type='text/javascript'></script>

Selamat mencoba dan berkreasi, terima kasih :)

Mengenai kode hex dan lain", silakan menuju halaman FAQ's

Nisekoi Blogger Template, Adalah Template Pertama ditahun 2014 yang saya buat.baiklah mungkin sudah lama sekali ga buat, soalnya urusan kuliah makin chaos banyak tekanan .__. Jadi template kali ini bertema Nisekoi,tampilan'a simple dan agak mirip timeline Facebook dengan warna dasar Biru-kuning-putih, Sehingga cukup cerah dan berwarna juga dipandang. ~ Template ini Memiliki 1 sidebar, 3 kolom Footer dan tampilan posting thumbnail dengan 2 kolom dan pada tiap postingan bertama ditambahkan fitur deskripsi post, bisa dikatakan masih sama dengan template sebelumnya.





1. Pengaturan menu
Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan url/alamat link yang ingin dituju,dan ganti juga nama linknya.

<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'/></li>
<li><a class='menu' href='http://nisekoi-bt.blogspot.com'>Download</a></li>
<li><a class='menu' href='#'>Story</a></li>
<li><a class='menu' href='#'>Staff</a></li>
<li><a class='menu' href='#'>Music</a></li>
<li><a class='menu' href='#'>Comic</a></li>
<li><a class='menu' href='#'>Anime</a></li>
</ul>

2. Setting SEO/Meta tag

setting manual oleh pengguna mengenai deskripsi dan keyword blog anda. Buka Edit HTML blogger anda lalu cari code sperti dibawah dan ganti keterangan judul dan deskripsi blog anda.
*ganti text yang berwarna merah

<meta content='Deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>


<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Deskripsi blog kamu</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>

Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter dan google plus
*ganti tanda pagar '#' (tanpa tanda petik) dengan alamat link account facebok,twitter dan google plus anda.

<div class='social-network'>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='googlejo'/></a>
</div>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh pada gambar dibawah ini :





Date header format:


Timestamp Format :


Comment Timestamp Format :




Buka Account Blogger anda => Template/Edit HTML lalu cari CSS seperti di bawah ini, dan Ganti alamat/url gambarnya.

#menujohanes ul li.selected{color: #fff;
font-weight: bold;
width: 130px;
height: 130px;
margin-top: -125px;
background: #FFF073 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKqQFhQ15BJqdehz-dqZhGOBsG6mYMvwcjwuAk4qUyJjm4p7ZIhJPAtIqDC_UIvgwGHcLnRBJZwfeEfzoPL6M913eK2TUkcuxtLdMNiUMKi_y3orQybQGFS2Jdxcf2lr3dWOarezJBRaLS/s1600/avatar.png) no-repeat center center;
border: 1px solid #fff;
background-size: 130px;}

7.  Cara mengganti Gambar Pada Header
Buka Account Blogger anda => Template/Edit HTML lalu cari CSS seperti di bawah ini, dan Ganti alamat/url gambar dengan gambar yang anda inginkan.

.header-slide{
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN_FztIkv7XWVY-X3QHYYfSw74cecndQtJXnE6SNgMPfvO0OBh46a7cEr69i5fVheBXhfj_7maKLCip1omtmDRHCNJKakeB9_fKT92rsdUI0jv7mKVDAkjrYVGlIX9L8nET0wiC_Ka_1OM/s1600/nisekoi.png) no-repeat center top;
height: 390px;
position: relative;
}

Psd File

backup selalu template anda sebelum menggunakan template ini~

Note:

-Saya tidak bertanggung jawab atas kerusakan/crash karena pengeditan template yang anda lakukan.

Sebelum mencoba template ini,ada baiknya anda membaca kebijakan menggunakan template disini.
http://djogzs.blogspot.com/p/privacy-policy-kebijakan-privasi.html

Sebelum bertanya tentang pengeditan template, silakan baca Frequently asked questions terlebih dahulu. Terima kasih.

Unbreakable Machine Doll ,atau dalam bahasa jepangnya yaitu Kiko Shojo wa Kizutsukanai yang berasal dari light novel series yang ditulis oleh Reiji Kaito dan diillustrasikan oleh Ruroo,tetapi musim ini sudah meluncur episode pertama animenya tanggal 7 oktober kemarin.jadi singkat ceritanya ada dalang/Puppeteer dari jepang yang datang ke akademi di inggris yang mempelajari bidang machine art engineering+ sihir.nah dalam cerita ini si puppeter memiliki automatonya,mesin boneka gadis hidup yang dibuat agar dapat bertarung dengan tangan kosong.Storylinenya saya rasa sangat menarik,jadi nyesel sekali kalau belum nonton anime'a atau membaca novel'a~


PV



baiklah,setelah sekian lama hiatus dari dunia blogger, mulai sekarang saya akan melanjutkan pembuatan template,tetapi mungkin akan ada jeda waktu untuk pembuatan templatenya, karena masih sibuk kuliah .__.
Mengenai Template ini, yaitu template yang sudah saya kembangkan dari versi-versi sebelumnya, dan saya sudah mempunyai template dasar/basic yang baru (dari template djogzs*update) ,anda dapat melihatnya disini :

http://testdesu23.blogspot.com/

Contoh demo blog diatas akan menjadi dasar untuk template yang akan saya buat selanjutnya,tetapi saya belum bisa share,karena masih banyak yang harus ditutupi lagi kekuranganya.
Tidak terlalu banyak perbedaanya,saya hanya membuat template ini dari awal dan lebih teratur susunan CSSnya ,tetapi struktur html dan cssnya masih sama dengan template sebelumnya,dan fitur Sharing default dari blogger sudah dapat diaktifkan dengan normal.


Template dengan tema Unbreakable Machine Doll, saya ambil warna dasar'a merah dan hitam yang terang,dengan fitur search-bar,drop-downmenu, 1 sidebar,3 kolom footer dan tampilan posting ya
ng unik : posting urutan pertama dengan ukuran 100% dan thumbnail paling besar dari semua post, posting urutan ke 2-4 dengan ukuran masing" 223px sehingga membuat posisinya menjadi 3 kolom.lalu urutan ke 5 dan seterusnya menjadi ukuran normal.yah intinya saya tidak terlalu banyak menambahkan css yang aneh", cukup sederhana saja.

Peringatan!

Sebelum anda mencoba template ini,saya ingin menginformasikan sesuatu,yaitu SOLUSI untuk menyelesaikan masalah pengaturan jumlah posting pada template yang menggunakan fitur autoreadmore, contoh : disaat kita menentukan jumlah posting sebanyak 10, tapi yang muncul hanya 5 atau kurang dari yang kita tentukan.

Solusinya yaitu : insert jump break pada seluruh artikel di blog anda,cara'a dengan menekan icon seperti gambar dibawah ini:

jika sudah akan muncul garis berwarna abu-abu yang menandakan sebagai pembatas summary blog anda jika defaultnya tidak fitur autoreadmore.tidak akan ada pengaruh dengan jumlah summary autoreadmore,tetapi jumlah posting dapat kembali menjadi normal.
Selain menggunakan cara diatas,anda juga dapat menambahkan/menyisipkan kode html dibawah ini di tiap artikel anda,dengan editorial HTML,bukan compose :

<!--more-->.

dan cara diatas sudah terbukti di blog saya sendiri :)




1. Pengaturan menu
Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan url/alamat link yang ingin dituju,dan ganti juga nama linknya.

Menu1

<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>

pengaturan lebih lanjut mengenai menu ini,silakan baca di postingan ini :
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html


2. Setting SEO/Meta tag

setting manual oleh pengguna mengenai deskripsi dan keyword blog anda. Buka Edit HTML blogger anda lalu cari code sperti dibawah dan ganti keterangan judul dan deskripsi blog anda.
*ganti text yang berwarna merah

<meta content='Deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>


<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Deskripsi blog kamu</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>

Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter dan google plus
*gantitanda pagar '#' (tlanpa tanda petik) dengan alamat link account facebbok,twitter dan google plus anda.

<div class='social-network'>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='googlejo'/></a>
</div>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :





Date header format:


Timestamp Format :


Comment Timestamp Format :


Tertarik dengan Unbreakable Machine Doll Blogger template ini?
Silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.







selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)


Note:

-Saya tidak bertanggung jawab atas kerusakan/crash karena pengeditan template yang anda lakukan.

Sebelum mencoba template ini,ada baiknya anda membaca kebijakan menggunakan template disini.
http://djogzs.blogspot.com/p/privacy-policy-kebijakan-privasi.html

Sebelum bertanya tentang pengeditan template, silakan baca Frequently asked questions terlebih dahulu dan berusaha sendiri mencari tahu apabila ada yang ingin diedit, Terima kasih.