Hallo !


Kalau Anda siswa kelas IX / 9 Anda sangat beruntung karena dapat membaca artikel Ini .
Artikel Ini Saya buat untuk memudahkan kalian membuat blog . Versi ini saya Bikin Langsung , Dari Pada Cari Di Buku Di Perpus -_- Bikin Capek Aja mendingan Baca Aja Yuk Langsung ...

Bekicot >>>

1. masuk Ke Link WWW.BLOGGER.COM , Lalu Klik DAFTAR .


2. Isi FORM pendaftaran , Liat Gambar Ini Untuk Lebih Jelas


3. Verifikasi Kode Lewat SMS Atau Telepon . [NOTE : Nomer yang Tertera Pada GAMBAR hanya nomer Modem Gue XD ]



4. Setelah Mendapatkan Kode Verifikasi Lewat SMS / Telepon . Masukan Kode Verifikasinya di Kolom Yang Tersedia .



5. Setelah Selesai MemVerifikasi Anda akan Ke menu Awal . Nah Pada Saat Itu Klik "Kembali Ke Blogger"


6. Setelah Itu Pilih "Buat Profile Blogger Terbatas"  .


7. Ingat Ganti juga Bahasanya Jadi Bahasa Indonesia !

8. Trus Buat Nickname Mu . Contoh Punya ku AndiNoviaN , Lalu Klik Lanjutkan Ke Blogger


9.Setelah Itu Anda Akan Pergi Ke DASHBOARD blog , Dan Pilih "Blog Baru"


10.Isi Menu Form "Judul" Dengan Judul Blog mu . Isi Form "Alamat" dengan Url yang Kamu inginkan dan ingat ! Masih Bersubdomain .blogspot.com , jika sudah mengisi Klik "Buat Blog"


11. Jika Ada Tampilan Seperti ini berarti Blog Mu Sudah Terbuat .



Selesai .. Huft Capek Juga yah nulis Artikelnya . Jika anda Copas , Sertakan Sumber nya !
Jangan Lupa Comment yah !


"ORIGINAL POST BY ANDI "

CSS

/* WAKSharingan */
.WAKsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:170px; margin-left:115px;position:absolute;z-index:999;height: 200px; line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
.WAKsharingan {margin-top:170px; margin-left:115px;position:absolute;z-index:999;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt1SNv0Cet3Pi-YYSp9G0UqaaH8tvGGk1iqnppN2sBcYqT36Qb65RmQhmLRz8OoU-z9erQzWBMEQk2-_AD5oSl-4tYlWoBiLl6V0M-5OqyJSdTmpNj8T_ojm-6olmeCXLFjDLHTydEKgEt/s185/supers.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
@-moz-keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes WAKspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }

HTML

<div id='WAKsharingan1'><div class='WAKsharingan'/></div> 

Cara Pasang .

1. Taruh Code CSS di Atas Code ]]></b:skin>
2. lalu Taruh Code HTML di bawah <div id='header-wrapper'>

Selesai .

Setelah Tadi saya share widget sharing button bentuk telur sekarang saya akan share tutorial memasang widget sharing button *gak tau apa yah namanya* . langsung ajah kita liat Screenshootnya , dibawah ini *jika dilihat secara teliti mirip illuminati juga yah*

<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Shareaholic Sassy Bookmarks script -->

dan jangan lupa tinggalkan komentar !! 

hallo s0bat d48 udah lama gak share Tips N Trik Blogger , Sekarang Saya Akan Memposting "TUTORIAL CARA MEMBUAT WIDGET SHARE BUTTON BENTUK TELUR" udah gak pake lama lagi , langsung Aja baca Tutorialnya !

<!-- Start Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger--><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger -->

<!-- Start Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger--><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><noscript><a href=" http://dark-48.blogspot.com/search/label/Tutorial%20Blogger /">Blogger Gadgets</a></noscript><!-- End Egg Share By http://dark-48.blogspot.com/search/label/Tutorial%20Blogger -->

kali ini saya akan share cara membuat Pesan Formulir Komentar Keren Dengan CSS.
Mau liat tampilannya, liat gambar dibawah ini aja

• Masuk Ke Akun blogger anda
• Klik Rancangan / Template
• Centang Expand template widget
• Cari kode seperti ini :

Ingat : kode berwarna hijau itu biasanya ada 2 ( dua )
Tapi Cukup anda cari kode yang berada di bawah kode <b:else/> seperti di atas ..

• Setelah ketemu ganti dengan kode dibawah ini

Sebenarnya Cara Ini Saya ketahui Setelah Memakai Template nya Si Kuntoro Agak Dikit Ribet juga si .tapi langsung Aja Kita Menuju ke TKP

a.DarkRead{opacity:1.0;float: right;font-size: 38px;height: 90px;width: 500px;z-index:999999;margin-bottom: -105px;margin-right: 10px;position: relative;padding: 5px;border: 3px solid #000;-webkit-background-clip: padding-box;-webkit-box-shadow: 0 0 8pxrgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);box-shadow: 0 0 10pxrgba(0, 0, 0, 0.3);border-radius: 5px;background:#DDE4ED;text-align: center;line-height: 84px;-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;}a.DarkRead:hover{opacity:0.2;}

5. Lalu Cari Kode <data:post.body/> & Pastekan Kode Berikut Tepat Dibawahnya : 

<div style='float:right; font-family: Audiowide, cursive; margin-right:-11px;margin-top:-115px'><a class='DarkRead' expr:href='data:post.url'>Read More &#187; </a></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><div style='float:right; font-family: Squada One, cursive; margin-right:520px;margin-top:-114px'></div>

Selesai . . .

NB : Jika Tak Aktif Hubungi Call Center Secepatnya #wkwkwk

a.A7XDark-48{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:Transparent;font-size:13px;color:#FFF;display:block;border:2px solid #FFF;margin:2px 0;padding:2px 16px;margin-bottom:10px}a.A7XDark-48:hover{background:#FFFFFF;color:#FFF}

Setelah Itu Masukan Kode Ini Diatas <data:post.body/></div>

<div style='float:right'><a class='A7XDark-48' expr:href='data:post.url'> Read More &#187; </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='A7XDark-48' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>

 Save Template . Selesai

Buat Gambar Kerucut Dan Berputar Kayanya Dapat Memperkeren Blog Kita Deh . Aku Share Aja Tutorialnya,

Caranya Cuman Masukan Kode CSS ini Di ATAS Kode </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'><style>.post img{margin:10px;padding-left5px;width:100px; height:100px;text-align:center;-webkit-background-clip: padding-box;-webkit-box-shadow:0px 0px 0px 3px #001fbb;-moz-box-shadow:0px 0px 0px 3px #000;box-shadow:0px 0px 0px 3px #001fbb;-webkit-border-top-left-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;-o-border-top-left-radius: 50px;-o-border-bottom-right-radius: 50px;};{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}</style></b:if>

 Ganti Aja Kode Warna Merah Dan Tebal Dengan Warna Yang kalian Inginkan.

Ada Yang Mau Tahu Cara Membuat Fans Page Seperti Diatas ? Caranya Mudah Hanya Dengan Ketik REG [SPASI] DARK-48 Kirim Ke Surga,
Wkwkwk. Just Kidding
Cara nya Mudah.
Masuk Ke Tata letak >> Tambah Gadget >> HTML/JavaScript >>
Masukan Kode Dibawah

<center><iframe style="height:250px; width:85%; " scrolling="no" frameborder="0"href="https://www.facebook.com/pages/Dark-48-Official-Fanspage"src="http://www.facebook.com/plugins/fan.php?id=234560949986329&width=292&height=250&connections=25&stream=false&header=false&logobar=false&css=https://sites.google.com/site/unwanted86/javascript/fblike.css" ></iframe></center><center><iframe src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/pages/Dark-48-Official-Fanspage&send=false&layout=standard&width=292&show_faces=false&action=like&colorscheme=light&font&height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:40px;" allowtransparency="true"></iframe></center>

Ganti Kode Warna Kuning Dengan URL Fanspage Mu .
Sedangkan Yang Biru Ganti Dengan ID Fanspage Mu