GUDANG DOLLAR

Cara membuat daftar isi Part 3
Cara membuat daftar isi Part 2
Cara membuat daftar isi part 1
DAFTAR ISI
Cara Membuat Slideshow Postingan di Blog

Posted: 20 Feb 2013 03:52 PM PST

Screenshot

Caranya sebagai berikut :

1. Masuk ke Tata letak
2. Tambah gadget >> html java script >> lalu pastekan kode di bawah (yang warna biru dan merah bisa anda edit sesua kebutuhan)

<div style="border: 1px solid rgb(255, 255, 255); height: 400px; overflow: auto; padding: 10px; text-align: justify; width: 200px;"> <script src="http://ariflawblog.googlecode.com/files/daftar%20isi%20blog.js.js">
</script><script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>

3. Lalu simpan

sumber

Cara membuat daftar isi Part 2

Posted: 20 Feb 2013 03:45 PM PST

Hari ini Blog SEO akan berbagi sebuah informasi menarik dan penting untuk kamu seputar membuat daftar isi atau sitemap di blog. Judul yang digunakan pada artikel hari ini adalah Cara Membuat Daftar Isi di Blog - Keren dan Simple.

Screenshot

Berikut ini Cara Membuat Daftar Isi di Blog - Keren dan Simple:

1. Buka blogger.com dan login

2. Buat postingan baru, dan beri judul Daftar Isi atau terserah kamu.

3. Lalu masukkan kode berikut dipostingan tersebut.
<link rel="stylesheet" href="http://reader-download.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
<div id="tabbed-toc">
<span class="loading">Memuat...</span></div>
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "http://URL-BLOG-KAMU.blogspot.com", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // true to show the post date
showSummaries: false, // true to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // true to show the posts thumbnails (Not recommended)
monthNames: [ // Array of month names
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum posts result
preload: 0 // Load the feed after 5 seconds (option => time in milliseconds || "onload")
};
</script>
<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/tabbed-toc.js"></script>

4. Ganti tulisan yang berwarna merah menjadi URL blog kamu

5. Simpan dan lihat hasilnya. Untuk demonya, kamu bisa melihatnya di menu daftar isi blog SEO.

sumber

Cara membuat daftar isi part 1

Posted: 20 Feb 2013 03:41 PM PST

1. Login Ke Blogger
2. Klik Buat Entri Baru ( Buat Postingan Baru )
3. Klik HTML lalu masukan kode dibawah ini

<style>
#daftar-isi-body
{
width:760px!important;
height:600px!important;
padding:30px 40px;
margin:0 auto;
}
#daftar-isi-wrap
{
margin: 0 auto;
}
.box-posting
{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpuqLs9F89hyzVyvqtepSw5d4k8pd-ABMaqdXxMY1ySpVtxZnj2zCaEkgrapBGEhHEWn0oRIk80J-yDa7ElorivFdYa-5wTjYtYoDLCPstUB-2mUKULCuOiLB-xmQz3xCw0merqmtqyU/s1600/bg-box.png);
background-position:bottom center;
background-repeat:no-repeat;
overflow:hidden;
cursor:pointer;
float:left;
height:140px;
width:248px;
margin:-50px 0 0 0;
}
.box-posting img
{
height:46px;
width:46px;
float:left;
margin:20px 0 0 25px;
background-color:#2E0700;
border:1px solid #2E0700;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 50%;
}
.box-posting .judul-posting
{
float:left;
height:35px;
margin:0;
width:220px;
}
.box-posting .judul-posting a
{
font-family:arial,Serif !important;
color:#774A34!important;
text-shadow:0 0 1px rgba(0,0,0,0.9);
margin:-40px 0 0 80px;
display:block;
font-size:13px !important;
line-height:18px!important;
font-weight:bold !important;
}
.box-posting .judul-posting a:hover
{
color:#333!important;
}
.box-posting:hover
{
border-left-color:#C6EB04;
}
#totales
{
text-align:center;
color:#774A34 !important;
text-shadow:0 1px rgba(0,0,0,0.2);
}
#loadingscript
{
color:#444;
font-family:Century Gothic;
font-size:100px;
letter-spacing:-10px;
text-align:center;
text-shadow:-5px 0 1px #444;
}
#paginacion
{
color:#BBB;
font-size:24px;
font-weight:bold;
height:35px;
line-height:28px;
padding:0;
margin:0 auto;
text-align:center;
}
#paginacion span,#paginacion a
{
display:inline-block;
font-size:13px !important;
line-height:24px;
font-weight:bold;
margin:0 1px;
width:25px;
height:25px;
}
#paginacion a, #paginacion span.actual
{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOJ9GhUKtuTXv-vJtQ-XNwaIv5iqlPx1YN9It1sgkX4-pKBTPSkr31rSS0dNvZxhO_GB_YVl45z6hDbYjlNOBQ0vCfaF2xL4okgla1Bf5mnJofkkj83mPFZDNOBwHUSwmY9SwDKahoWrk/s1600/page-link.png);
background-position:top center;
background-repeat:no-repeat;
color:#250700 !important;
text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
#paginacion span.actual
{
color:#774A34 !important;
}
#paginacion a:hover
{
color:#FFF !important;
}
#paginacion .nextprev-link,
#paginacion span.nextprev-link
{
border:none;
color:#250700 !important;
text-shadow:0px 1px 0px rgba(255,255,255,0.1);
width:100px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqMFd6xi7dHNofIP_jjoL2EKrGwfytXiVoSnWz_pi61Opbv0ou87CQdZ1N1JEMid1_sCZquOjEuto_gsJH4lZQ9Im8iusUifp1aJHGnuSkrXaS3wzbmReyyPjThNQyH7DrocA3GCTihHg/s1600/nextprev.png);
background-position:top center;
background-repeat:no-repeat;
}
</style><br />
<script type="text/javascript">
var jumlahposting = 18;
var urlblog = "http://crycoz-spy.blogspot.com/";
var minpaginas = 5;
var maxpaginas = 10;
var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
</script><br />
<script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script><br />

4. Publikasikan, dan selesai

Tambaha

ganti url ini http://crycoz-spy.blogspot.com/ dengan url anda (sumber)

DAFTAR ISI

Posted: 19 Feb 2013 04:34 PM PST

Memuat...

Cara Membuat Slideshow Postingan di Blog

Posted: 19 Feb 2013 03:35 PM PST

Cara Memasang Slideshows Postingan di Blog -
Sebenarnya saya sebelumnya sudah memposting mengenai cara memasang slideshow ini di permathic blog. namun belakangan script slideshownya tidak berfungsi lagi yang mungkin dikarenakan url pada google code ada yang tidak bisa di akses lagi. hal ini membuat saya tertantang untuk mencoba memperbaikinya. saya utak atik sampai cenat cenut scriptnya, akhirnya saya mendapat script kode slideshow yang lebih simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar ada tidak penasaran , berikut langkah2nya.

1. Login Ke Blog Anda
2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)

3. Kemudian Klik Tambah Gadget
4. Pilih HTML/javascript
5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save.

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://permathicblog.googlecode.com/files/Slideshow%20Postingan.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

selesai (sumber)

Penulis : CRYCOZ-SPY ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel GUDANG DOLLAR ini dipublish oleh CRYCOZ-SPY pada hari Rabu, 20 Februari 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan GUDANG DOLLAR

GUDANG DOLLAR

GUDANG DOLLAR

Penulis : CRYCOZ-SPY ~ Sebuah blog yang menyediakan berbagai macam informasi

0 komentar:

Posting Komentar

Infolinks In Text Ads

Mengenai Saya

Followers

Arsip Blog

Entri Populer

Banner Sponsor

MY TRAFFIC

Total Tayangan Halaman

Label

Label

Label

Label